@c8y/ngx-components 1024.15.16 → 1024.16.6

package/fesm2022/c8y-ngx-components-ecosystem.mjs

@@ -647,7 +647,7 @@ class ApplicationPropertiesComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ApplicationPropertiesComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1.EcosystemService }, { token: i1$2.Router }, { token: i3.FormBuilder }, { token: i4.ApplicationService }, { token: i2.AlertService }, { token: i4.InventoryService }, { token: i2.Permissions }, { token: i2.ModalService }, { token: i4$1.TranslateService }, { token: i1$1.BsModalService }, { token: i2.GainsightService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ApplicationPropertiesComponent, isStandalone: true, selector: "c8y-application-properties", ngImport: i0, template: "<c8y-title>{{ application | humanizeAppName | async }}</c8y-title>\n\n@if (!isMicroservice) {\n  <c8y-breadcrumb>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-atom'\"\n      [label]=\"'Ecosystem' | translate\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-modules'\"\n      [label]=\"'Applications' | translate\"\n      [path]=\"'ecosystem/application/applications'\"\n    ></c8y-breadcrumb-item>\n    @if (isFeature) {\n      <c8y-breadcrumb-item\n        [icon]=\"breadcrumbConfig?.icon\"\n        [label]=\"breadcrumbConfig?.label\"\n        [path]=\"breadcrumbConfig?.path\"\n      ></c8y-breadcrumb-item>\n    }\n    <c8y-breadcrumb-item [label]=\"application | humanizeAppName | async\"></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"'Properties' | translate\"></c8y-breadcrumb-item>\n  </c8y-breadcrumb>\n}\n\n@if (isMicroservice) {\n  <c8y-breadcrumb>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-atom'\"\n      [label]=\"'Ecosystem' | translate\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item\n      [icon]=\"breadcrumbConfig?.icon\"\n      [label]=\"breadcrumbConfig?.label\"\n      [path]=\"breadcrumbConfig?.path\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"application | humanizeAppName | async\"></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"'Properties' | translate\"></c8y-breadcrumb-item>\n  </c8y-breadcrumb>\n}\n\n<div class=\"row\">\n  <div [ngClass]=\"{ 'col-md-8': !isActivityLogSupported, 'col-md-12': isActivityLogSupported }\">\n    @if (application) {\n      <div\n        class=\"card content-fullpage\"\n        [ngClass]=\"{ 'd-grid grid__col--7-5--md': isActivityLogSupported }\"\n      >\n        <form\n          class=\"d-flex d-col content-fullpage\"\n          (ngSubmit)=\"formGroup.valid && save(formGroup.value)\"\n          [formGroup]=\"formGroup\"\n          novalidate\n        >\n          @if (!isLoading) {\n            <div class=\"d-contents\">\n              <div class=\"card-block separator-bottom large-padding flex-no-shrink\">\n                <div class=\"d-flex-md a-i-start text-center text-left-md\">\n                  @if (!isPackage && !isFeature && !isMicroservice && !isExternal) {\n                    <c8y-app-icon\n                      class=\"icon-48\"\n                      [app]=\"application\"\n                      [contextPath]=\"application.contextPath\"\n                      [name]=\"application.name\"\n                    ></c8y-app-icon>\n                  }\n                  @if (isPackage) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"big-parcel\"\n                    ></i>\n                  }\n                  @if (isFeature) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"tab\"\n                    ></i>\n                  }\n                  @if (isMicroservice) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"microchip\"\n                    ></i>\n                  }\n                  @if (isExternal) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"globe1\"\n                    ></i>\n                  }\n\n                  <div class=\"p-t-md-16 p-l-md-16 p-r-md-32 flex-grow\">\n                    <p class=\"h4 text-medium m-b-8\">{{ application | humanizeAppName | async }}</p>\n                    @if (!isOwner) {\n                      <p>\n                        <em class=\"text-muted\">\n                          {{\n                            formGroup?.controls?.description?.value ||\n                              (noDescriptionLabel | translate)\n                          }}\n                        </em>\n                      </p>\n                    }\n                    @if (isOwner) {\n                      <div class=\"d-flex gap-8\">\n                        <c8y-input-group-editable\n                          title=\"{{ 'Description' | translate }}\"\n                          [multiline]=\"true\"\n                          maxHeight=\"120px\"\n                          [noSaveButton]=\"true\"\n                          [ariaLabel]=\"'Description' | translate\"\n                          [placeholder]=\"noDescriptionLabel | translate\"\n                          formControlName=\"description\"\n                        ></c8y-input-group-editable>\n                        @if (\n                          !formGroup.controls.description.value &&\n                          application?.manifest?.description\n                        ) {\n                          <button\n                            class=\"btn btn-default\"\n                            [attr.aria-label]=\"'Restore description from manifest' | translate\"\n                            [tooltip]=\"'Restore description from manifest' | translate\"\n                            placement=\"top\"\n                            type=\"button\"\n                            [delay]=\"300\"\n                            (click)=\"restoreManifestDescription()\"\n                          >\n                            <i [c8yIcon]=\"'restore'\"></i>\n                          </button>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"text-right-md m-t-4 flex-no-shrink\">\n                    <span\n                      class=\"label\"\n                      [ngClass]=\"appState?.class\"\n                    >\n                      {{ appState?.label | translate }}\n                    </span>\n                    @if (application.manifest?.version) {\n                      <div\n                        class=\"fit-w m-t-2\"\n                        data-cy=\"application-detail--version\"\n                      >\n                        <label\n                          class=\"text-label-small\"\n                          translate\n                        >\n                          Version:\n                        </label>\n                        <small class=\"p-l-4 text-bold\">{{ application.manifest?.version }}</small>\n                      </div>\n                    }\n                    @if (!isUnpacked) {\n                      <div class=\"fit-w m-t-2\">\n                        <label\n                          class=\"text-label-small\"\n                          translate\n                        >\n                          Creation time:\n                        </label>\n                        <small class=\"p-l-4 text-bold\">\n                          {{ (binaryMo?.creationTime | c8yDate) || '---' }}\n                        </small>\n                      </div>\n                    }\n                    <div class=\"m-t-8\">\n                      @if (isUpdateAvailable) {\n                        <button\n                          class=\"btn btn-default btn-sm\"\n                          [attr.aria-label]=\"\n                            'There\\'s a newer version available, click to update' | translate\n                          \"\n                          tooltip=\"{{\n                            'There\\'s a newer version available, click to update' | translate\n                          }}\"\n                          placement=\"top\"\n                          type=\"button\"\n                          (click)=\"updateToLatestVersion()\"\n                          [delay]=\"300\"\n                        >\n                          <i [c8yIcon]=\"'installing-updates'\"></i>\n                          {{ 'Update available' | translate }}\n                        </button>\n                      }\n                      @if (canOpenInBrowser) {\n                        <button\n                          class=\"btn btn-default btn-sm\"\n                          title=\"{{ 'Open' | translate }}\"\n                          type=\"button\"\n                          (click)=\"openApp(application)\"\n                          [disabled]=\"disableOpenInBrowser\"\n                        >\n                          <i [c8yIcon]=\"'external-link'\"></i>\n                          {{ 'Open' | translate }}\n                        </button>\n                      }\n                      @if (canOpenInBrowser && disableOpenInBrowser) {\n                        <div>\n                          <small\n                            class=\"text-muted\"\n                            translate\n                          >\n                            The application is overwritten by a custom application sharing the same\n                            path\n                          </small>\n                        </div>\n                      }\n                      @if (isCustomMicroservice) {\n                        <span>\n                          @if (!isSubscribed) {\n                            <button\n                              class=\"btn btn-default btn-sm\"\n                              title=\"{{ 'Subscribe' | translate }}\"\n                              type=\"button\"\n                              (click)=\"subscribe()\"\n                            >\n                              <i [c8yIcon]=\"'check-circle-o'\"></i>\n                              {{ 'Subscribe' | translate }}\n                            </button>\n                          }\n                          @if (isSubscribed) {\n                            <button\n                              class=\"btn btn-default btn-sm\"\n                              title=\"{{ 'Unsubscribe' | translate }}\"\n                              type=\"button\"\n                              (click)=\"unsubscribe()\"\n                            >\n                              <i [c8yIcon]=\"'minus-circle'\"></i>\n                              {{ 'Unsubscribe' | translate }}\n                            </button>\n                          }\n                        </span>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"inner-scroll bg-level-0 flex-grow\">\n                <div class=\"card-block large-padding\">\n                  @if (isPackage) {\n                    <div class=\"row p-16\">\n                      <c8y-properties-list\n                        icon=\"info\"\n                        [title]=\"'Package details' | translate\"\n                        [data]=\"application.manifest\"\n                        [properties]=\"packageProperties\"\n                        [emptyLabel]=\"'---'\"\n                      ></c8y-properties-list>\n                    </div>\n                  }\n                  @if (sourcePackage) {\n                    <div class=\"row p-16\">\n                      <c8y-properties-list\n                        icon=\"info\"\n                        [title]=\"'Source package information' | translate\"\n                        [data]=\"sourcePackage.manifest\"\n                        [properties]=\"packageProperties\"\n                        [emptyLabel]=\"'---'\"\n                      ></c8y-properties-list>\n                    </div>\n                  }\n                  <div class=\"row\">\n                    <div class=\"col-sm-5\">\n                      <c8y-form-group>\n                        <label for=\"appId\">ID</label>\n                        <input\n                          class=\"form-control\"\n                          id=\"appId\"\n                          name=\"id\"\n                          type=\"text\"\n                          autocomplete=\"off\"\n                          [readonly]=\"true\"\n                          formControlName=\"id\"\n                        />\n                      </c8y-form-group>\n                    </div>\n                    <div class=\"col-sm-7\">\n                      <c8y-form-group>\n                        <label>{{ 'Name' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g. My application' | translate }}\"\n                          name=\"name\"\n                          type=\"text\"\n                          required\n                          [readonly]=\"!isOwner\"\n                          formControlName=\"name\"\n                        />\n                      </c8y-form-group>\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-sm-5\">\n                      <c8y-form-group>\n                        <label>{{ 'Application key' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g. my-application-key' | translate }}\"\n                          name=\"key\"\n                          type=\"text\"\n                          required\n                          [readonly]=\"application.id || !isOwner\"\n                          formControlName=\"key\"\n                        />\n                      </c8y-form-group>\n                    </div>\n\n                    <div\n                      class=\"col-sm-7\"\n                      data-cy=\"application-detail--type\"\n                    >\n                      <c8y-form-group>\n                        <label>{{ 'Type' | translate }}</label>\n                        <div>\n                          @if (application.id) {\n                            <p class=\"form-control-static\">\n                              <i [c8yIcon]=\"iconMap[application.type]\"></i>\n                              <span>\n                                {{ application.type | translate }}\n                              </span>\n                            </p>\n                          }\n                        </div>\n                      </c8y-form-group>\n                    </div>\n                  </div>\n\n                  @switch (application.type) {\n                    @case ('HOSTED') {\n                      <c8y-form-group>\n                        <label>{{ 'Path' | translate }}</label>\n                        <div class=\"input-group\">\n                          <span class=\"input-group-addon text-nowrap\">/apps/</span>\n                          <input\n                            class=\"form-control\"\n                            placeholder=\"{{ 'e.g. my-application`used in URL`' | translate }}\"\n                            name=\"contextPath\"\n                            type=\"text\"\n                            required\n                            [readOnly]=\"application.id || !isOwner\"\n                            formControlName=\"contextPath\"\n                          />\n                        </div>\n                      </c8y-form-group>\n                    }\n\n                    @case ('MICROSERVICE') {\n                      <c8y-form-group>\n                        <label>{{ 'Path' | translate }}</label>\n                        <div class=\"input-group\">\n                          <span class=\"input-group-addon\">/service/</span>\n                          <input\n                            class=\"form-control\"\n                            placeholder=\"{{ 'e.g. my-microservice`used in URL`' | translate }}\"\n                            name=\"contextPath\"\n                            type=\"text\"\n                            required\n                            [readOnly]=\"application.id || !isOwner\"\n                            formControlName=\"contextPath\"\n                          />\n                        </div>\n                      </c8y-form-group>\n                      <div class=\"row\">\n                        @if (application.manifest.version) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--version\"\n                          >\n                            <label>{{ 'Version' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              {{ application.manifest.version }}\n                            </p>\n                          </div>\n                        }\n                        @if (application.manifest.isolation) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--isolation\"\n                          >\n                            <label>{{ 'Isolation' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              @if (singleTenant) {\n                                <span>\n                                  <i\n                                    class=\"c8y-icon-duocolor h4\"\n                                    [c8yIcon]=\"'c8y-enterprise'\"\n                                  ></i>\n                                  {{ 'Single tenant' | translate }}\n                                </span>\n                              }\n                              @if (!singleTenant) {\n                                <span>\n                                  <i\n                                    class=\"c8y-icon-duocolor icon-32\"\n                                    [c8yIcon]=\"'c8y-sub-tenants'\"\n                                  ></i>\n                                  {{ 'Multi tenant' | translate }}\n                                </span>\n                              }\n                            </p>\n                          </div>\n                        }\n                        @if (application.manifest.isolation) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--billing-mode\"\n                          >\n                            <label>{{ 'Billing mode' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              @if (subscription) {\n                                <span [tooltip]=\"'Resources usage assigned to: Owner' | translate\">\n                                  {{ 'Subscription' | translate }}\n                                </span>\n                              }\n                              @if (!subscription && singleTenant) {\n                                <span\n                                  [tooltip]=\"'Resources usage assigned to: Subscriber | translate'\"\n                                >\n                                  {{ 'Resources' | translate }}\n                                </span>\n                              }\n                              @if (!subscription && !singleTenant) {\n                                <span [tooltip]=\"'Resources usage assigned to: Owner' | translate\">\n                                  {{ 'Resources' | translate }}\n                                </span>\n                              }\n                            </p>\n                          </div>\n                        }\n                      </div>\n\n                      @if (application.manifest.provider) {\n                        <div class=\"legend form-block m-t-40\">\n                          {{ 'Provider' | translate }}\n                        </div>\n                      }\n                      @if (application.manifest.provider) {\n                        <div\n                          class=\"list-inline\"\n                          data-cy=\"application-detail--provider\"\n                        >\n                          @if (application.manifest.provider.name) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Name' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.name }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                          @if (application.manifest.provider.domain) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Domain' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.domain }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                          @if (application.manifest.provider.support) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Support' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.support }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                        </div>\n                      }\n                    }\n\n                    @case ('EXTERNAL') {\n                      <c8y-form-group>\n                        <label>{{ 'External URL' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g.' | translate }} http://www.example.com/\"\n                          name=\"externalUrl\"\n                          type=\"url\"\n                          required\n                          [pattern]=\"'^(?!javascript:).+'\"\n                          [readOnly]=\"!isOwner\"\n                          formControlName=\"externalUrl\"\n                        />\n                        <c8y-messages>\n                          <c8y-message\n                            [name]=\"'pattern'\"\n                            [text]=\"'Valid URL required.' | translate\"\n                          ></c8y-message>\n                        </c8y-messages>\n                      </c8y-form-group>\n                    }\n                  }\n\n                  @if (isOwner && !isCustomMicroservice) {\n                    <div class=\"d-col\">\n                      <label>{{ 'Select icon' | translate }}</label>\n                      <c8y-icon-selector-wrapper\n                        class=\"d-inline-flex\"\n                        name=\"icon\"\n                        formControlName=\"icon\"\n                      ></c8y-icon-selector-wrapper>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n          @if (isCustomMicroservice && !isLoading) {\n            <div class=\"d-contents\">\n              <c8y-upload-archive\n                [(application)]=\"application\"\n                (refresh)=\"onNewArchive()\"\n              ></c8y-upload-archive>\n            </div>\n          }\n          @if (application && !!isOwner && hasAdminPermissions) {\n            <div class=\"card-footer separator\">\n              <button\n                class=\"btn btn-default\"\n                title=\"{{ 'Cancel' | translate }}\"\n                type=\"button\"\n                (click)=\"cancel()\"\n              >\n                {{ 'Cancel' | translate }}\n              </button>\n              @if (canDelete) {\n                <button\n                  class=\"btn btn-danger\"\n                  title=\"{{ 'Delete' | translate }}\"\n                  type=\"button\"\n                  (click)=\"delete()\"\n                >\n                  {{ 'Delete' | translate }}\n                </button>\n              }\n              <button\n                class=\"btn btn-primary btn-form\"\n                title=\"{{ 'Save' | translate }}\"\n                type=\"submit\"\n                [disabled]=\"!application.type || formGroup.invalid || formGroup.pristine\"\n              >\n                {{ 'Save' | translate }}\n              </button>\n            </div>\n          }\n        </form>\n\n        @if (isActivityLogSupported) {\n          <div class=\"content-fullpage d-flex d-col bg-level-1\">\n            <div class=\"card-header separator\">\n              <div\n                class=\"card-title\"\n                translate\n              >\n                Activity log\n              </div>\n              <div class=\"m-l-auto\">\n                <button\n                  class=\"btn btn-link btn-sm\"\n                  title=\"{{ 'Reload' | translate }}\"\n                  type=\"button\"\n                  (click)=\"load()\"\n                >\n                  <i\n                    c8yIcon=\"refresh\"\n                    [ngClass]=\"{ 'icon-spin': isLoading }\"\n                  ></i>\n                  {{ 'Reload' | translate }}\n                </button>\n              </div>\n            </div>\n            @if (isLoading) {\n              <div class=\"p-16 text-center\">\n                <c8y-loading></c8y-loading>\n              </div>\n            }\n            @if (!isLoading) {\n              <c8y-activity-log\n                class=\"d-contents\"\n                [hasAdminPermissions]=\"hasAdminPermissions\"\n                [application]=\"application\"\n              ></c8y-activity-log>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: InputGroupEditableComponent, selector: "c8y-input-group-editable", inputs: ["ariaLabel", "name", "size", "placeholder", "multiline", "maxHeight", "maxLength", "noSaveButton", "formGroupClass", "validators", "asyncValidators", "autocomplete"], outputs: ["save", "cancel"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "component", type: PropertiesListComponent, selector: "c8y-properties-list", inputs: ["properties", "title", "icon", "data", "groups", "noParse", "emptyLabel"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: IconSelectorWrapperComponent, selector: "c8y-icon-selector-wrapper", inputs: ["canRemoveIcon", "selectedIcon", "iconSize"], outputs: ["onSelect"] }, { kind: "component", type: UploadArchiveComponent, selector: "c8y-upload-archive", inputs: ["application", "uploadNewVersion", "preUploadCallback"], outputs: ["applicationChange", "refresh"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "progressLabel", "message"] }, { kind: "component", type: ActivityLogComponent, selector: "c8y-activity-log", inputs: ["application", "hasAdminPermissions"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.19", type: ApplicationPropertiesComponent, isStandalone: true, selector: "c8y-application-properties", ngImport: i0, template: "<c8y-title>{{ application | humanizeAppName | async }}</c8y-title>\n\n@if (!isMicroservice) {\n  <c8y-breadcrumb>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-atom'\"\n      [label]=\"'Ecosystem' | translate\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-modules'\"\n      [label]=\"'Applications' | translate\"\n      [path]=\"'ecosystem/application/applications'\"\n    ></c8y-breadcrumb-item>\n    @if (isFeature) {\n      <c8y-breadcrumb-item\n        [icon]=\"breadcrumbConfig?.icon\"\n        [label]=\"breadcrumbConfig?.label\"\n        [path]=\"breadcrumbConfig?.path\"\n      ></c8y-breadcrumb-item>\n    }\n    <c8y-breadcrumb-item [label]=\"application | humanizeAppName | async\"></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"'Properties' | translate\"></c8y-breadcrumb-item>\n  </c8y-breadcrumb>\n}\n\n@if (isMicroservice) {\n  <c8y-breadcrumb>\n    <c8y-breadcrumb-item\n      [icon]=\"'c8y-atom'\"\n      [label]=\"'Ecosystem' | translate\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item\n      [icon]=\"breadcrumbConfig?.icon\"\n      [label]=\"breadcrumbConfig?.label\"\n      [path]=\"breadcrumbConfig?.path\"\n    ></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"application | humanizeAppName | async\"></c8y-breadcrumb-item>\n    <c8y-breadcrumb-item [label]=\"'Properties' | translate\"></c8y-breadcrumb-item>\n  </c8y-breadcrumb>\n}\n\n<div class=\"row\">\n  <div [ngClass]=\"{ 'col-md-8': !isActivityLogSupported, 'col-md-12': isActivityLogSupported }\">\n    @if (application) {\n      <div\n        class=\"card content-fullpage\"\n        [ngClass]=\"{ 'd-grid grid__col--7-5--md': isActivityLogSupported }\"\n      >\n        <form\n          class=\"d-flex d-col content-fullpage\"\n          (ngSubmit)=\"formGroup.valid && save(formGroup.value)\"\n          [formGroup]=\"formGroup\"\n          novalidate\n        >\n          @if (!isLoading) {\n            <div class=\"d-contents\">\n              <div class=\"card-block separator-bottom large-padding flex-no-shrink\">\n                <div class=\"d-flex-md a-i-start text-center text-left-md\">\n                  @if (!isPackage && !isFeature && !isMicroservice && !isExternal) {\n                    <c8y-app-icon\n                      class=\"icon-48\"\n                      [app]=\"application\"\n                      [contextPath]=\"application.contextPath\"\n                      [name]=\"application.name\"\n                    ></c8y-app-icon>\n                  }\n                  @if (isPackage) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"big-parcel\"\n                    ></i>\n                  }\n                  @if (isFeature) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"tab\"\n                    ></i>\n                  }\n                  @if (isMicroservice) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"microchip\"\n                    ></i>\n                  }\n                  @if (isExternal) {\n                    <i\n                      class=\"icon-48\"\n                      c8yIcon=\"globe1\"\n                    ></i>\n                  }\n\n                  <div class=\"p-t-md-16 p-l-md-16 p-r-md-32 flex-grow\">\n                    <p class=\"h4 text-medium m-b-8\">{{ application | humanizeAppName | async }}</p>\n                    @if (!isOwner) {\n                      <p>\n                        <em class=\"text-muted\">\n                          {{\n                            formGroup?.controls?.description?.value ||\n                              (noDescriptionLabel | translate)\n                          }}\n                        </em>\n                      </p>\n                    }\n                    @if (isOwner) {\n                      <div class=\"d-flex gap-8\">\n                        <c8y-input-group-editable\n                          title=\"{{ 'Description' | translate }}\"\n                          [multiline]=\"true\"\n                          maxHeight=\"120px\"\n                          [noSaveButton]=\"true\"\n                          [ariaLabel]=\"'Description' | translate\"\n                          [placeholder]=\"noDescriptionLabel | translate\"\n                          formControlName=\"description\"\n                        ></c8y-input-group-editable>\n                        @if (\n                          !formGroup.controls.description.value &&\n                          application?.manifest?.description\n                        ) {\n                          <button\n                            class=\"btn btn-default\"\n                            [attr.aria-label]=\"'Restore description from manifest' | translate\"\n                            [tooltip]=\"'Restore description from manifest' | translate\"\n                            placement=\"top\"\n                            type=\"button\"\n                            [delay]=\"300\"\n                            (click)=\"restoreManifestDescription()\"\n                          >\n                            <i [c8yIcon]=\"'restore'\"></i>\n                          </button>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"text-right-md m-t-4 flex-no-shrink\">\n                    <span\n                      class=\"label\"\n                      [ngClass]=\"appState?.class\"\n                    >\n                      {{ appState?.label | translate }}\n                    </span>\n                    @if (application.manifest?.version) {\n                      <div\n                        class=\"fit-w m-t-2\"\n                        data-cy=\"application-detail--version\"\n                      >\n                        <label\n                          class=\"text-label-small\"\n                          translate\n                        >\n                          Version:\n                        </label>\n                        <small class=\"p-l-4 text-bold\">{{ application.manifest?.version }}</small>\n                      </div>\n                    }\n                    @if (!isUnpacked) {\n                      <div class=\"fit-w m-t-2\">\n                        <label\n                          class=\"text-label-small\"\n                          translate\n                        >\n                          Creation time:\n                        </label>\n                        <small class=\"p-l-4 text-bold\">\n                          {{ (binaryMo?.creationTime | c8yDate) || '---' }}\n                        </small>\n                      </div>\n                    }\n                    <div class=\"m-t-8\">\n                      @if (isUpdateAvailable) {\n                        <button\n                          class=\"btn btn-default btn-sm\"\n                          [attr.aria-label]=\"\n                            'There\\'s a newer version available, click to update' | translate\n                          \"\n                          tooltip=\"{{\n                            'There\\'s a newer version available, click to update' | translate\n                          }}\"\n                          placement=\"top\"\n                          type=\"button\"\n                          (click)=\"updateToLatestVersion()\"\n                          [delay]=\"300\"\n                        >\n                          <i [c8yIcon]=\"'installing-updates'\"></i>\n                          {{ 'Update available' | translate }}\n                        </button>\n                      }\n                      @if (canOpenInBrowser) {\n                        <button\n                          class=\"btn btn-default btn-sm\"\n                          title=\"{{ 'Open' | translate }}\"\n                          type=\"button\"\n                          (click)=\"openApp(application)\"\n                          [disabled]=\"disableOpenInBrowser\"\n                        >\n                          <i [c8yIcon]=\"'external-link'\"></i>\n                          {{ 'Open' | translate }}\n                        </button>\n                      }\n                      @if (canOpenInBrowser && disableOpenInBrowser) {\n                        <div>\n                          <small\n                            class=\"text-muted\"\n                            translate\n                          >\n                            The application is overwritten by a custom application sharing the same\n                            path\n                          </small>\n                        </div>\n                      }\n                      @if (isCustomMicroservice) {\n                        <span>\n                          @if (!isSubscribed) {\n                            <button\n                              class=\"btn btn-default btn-sm\"\n                              title=\"{{ 'Subscribe' | translate }}\"\n                              type=\"button\"\n                              (click)=\"subscribe()\"\n                            >\n                              <i [c8yIcon]=\"'check-circle-o'\"></i>\n                              {{ 'Subscribe' | translate }}\n                            </button>\n                          }\n                          @if (isSubscribed) {\n                            <button\n                              class=\"btn btn-default btn-sm\"\n                              title=\"{{ 'Unsubscribe' | translate }}\"\n                              type=\"button\"\n                              (click)=\"unsubscribe()\"\n                            >\n                              <i [c8yIcon]=\"'minus-circle'\"></i>\n                              {{ 'Unsubscribe' | translate }}\n                            </button>\n                          }\n                        </span>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"inner-scroll bg-level-0 flex-grow\">\n                <div class=\"card-block large-padding\">\n                  @if (isPackage) {\n                    <div class=\"row p-16\">\n                      <c8y-properties-list\n                        icon=\"info\"\n                        [title]=\"'Package details' | translate\"\n                        [data]=\"application.manifest\"\n                        [properties]=\"packageProperties\"\n                        [emptyLabel]=\"'---'\"\n                      ></c8y-properties-list>\n                    </div>\n                  }\n                  @if (sourcePackage) {\n                    <div class=\"row p-16\">\n                      <c8y-properties-list\n                        icon=\"info\"\n                        [title]=\"'Source package information' | translate\"\n                        [data]=\"sourcePackage.manifest\"\n                        [properties]=\"packageProperties\"\n                        [emptyLabel]=\"'---'\"\n                      ></c8y-properties-list>\n                    </div>\n                  }\n                  <div class=\"row\">\n                    <div class=\"col-sm-5\">\n                      <c8y-form-group>\n                        <label for=\"appId\">ID</label>\n                        <input\n                          class=\"form-control\"\n                          id=\"appId\"\n                          name=\"id\"\n                          type=\"text\"\n                          autocomplete=\"off\"\n                          [readonly]=\"true\"\n                          formControlName=\"id\"\n                        />\n                      </c8y-form-group>\n                    </div>\n                    <div class=\"col-sm-7\">\n                      <c8y-form-group>\n                        <label>{{ 'Name' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g. My application' | translate }}\"\n                          name=\"name\"\n                          type=\"text\"\n                          required\n                          [readonly]=\"!isOwner\"\n                          formControlName=\"name\"\n                        />\n                      </c8y-form-group>\n                    </div>\n                  </div>\n\n                  <div class=\"row\">\n                    <div class=\"col-sm-5\">\n                      <c8y-form-group>\n                        <label>{{ 'Application key' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g. my-application-key' | translate }}\"\n                          name=\"key\"\n                          type=\"text\"\n                          required\n                          [readonly]=\"application.id || !isOwner\"\n                          formControlName=\"key\"\n                        />\n                      </c8y-form-group>\n                    </div>\n\n                    <div\n                      class=\"col-sm-7\"\n                      data-cy=\"application-detail--type\"\n                    >\n                      <c8y-form-group>\n                        <label>{{ 'Type' | translate }}</label>\n                        <div>\n                          @if (application.id) {\n                            <p class=\"form-control-static\">\n                              <i [c8yIcon]=\"iconMap[application.type]\"></i>\n                              <span>\n                                {{ application.type | translate }}\n                              </span>\n                            </p>\n                          }\n                        </div>\n                      </c8y-form-group>\n                    </div>\n                  </div>\n\n                  @switch (application.type) {\n                    @case ('HOSTED') {\n                      <c8y-form-group>\n                        <label>{{ 'Path' | translate }}</label>\n                        <div class=\"input-group\">\n                          <span class=\"input-group-addon text-nowrap\">/apps/</span>\n                          <input\n                            class=\"form-control\"\n                            placeholder=\"{{ 'e.g. my-application`used in URL`' | translate }}\"\n                            name=\"contextPath\"\n                            type=\"text\"\n                            required\n                            [readOnly]=\"application.id || !isOwner\"\n                            formControlName=\"contextPath\"\n                          />\n                        </div>\n                      </c8y-form-group>\n                    }\n\n                    @case ('MICROSERVICE') {\n                      <c8y-form-group>\n                        <label>{{ 'Path' | translate }}</label>\n                        <div class=\"input-group\">\n                          <span class=\"input-group-addon\">/service/</span>\n                          <input\n                            class=\"form-control\"\n                            placeholder=\"{{ 'e.g. my-microservice`used in URL`' | translate }}\"\n                            name=\"contextPath\"\n                            type=\"text\"\n                            required\n                            [readOnly]=\"application.id || !isOwner\"\n                            formControlName=\"contextPath\"\n                          />\n                        </div>\n                      </c8y-form-group>\n                      <div class=\"row\">\n                        @if (application.manifest.version) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--version\"\n                          >\n                            <label>{{ 'Version' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              {{ application.manifest.version }}\n                            </p>\n                          </div>\n                        }\n                        @if (application.manifest.isolation) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--isolation\"\n                          >\n                            <label>{{ 'Isolation' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              @if (singleTenant) {\n                                <span>\n                                  <i\n                                    class=\"c8y-icon-duocolor h4\"\n                                    [c8yIcon]=\"'c8y-enterprise'\"\n                                  ></i>\n                                  {{ 'Single tenant' | translate }}\n                                </span>\n                              }\n                              @if (!singleTenant) {\n                                <span>\n                                  <i\n                                    class=\"c8y-icon-duocolor icon-32\"\n                                    [c8yIcon]=\"'c8y-sub-tenants'\"\n                                  ></i>\n                                  {{ 'Multi tenant' | translate }}\n                                </span>\n                              }\n                            </p>\n                          </div>\n                        }\n                        @if (application.manifest.isolation) {\n                          <div\n                            class=\"col-sm-4 m-b-16 flex-auto\"\n                            data-cy=\"application-detail--billing-mode\"\n                          >\n                            <label>{{ 'Billing mode' | translate }}</label>\n                            <p class=\"form-control-static\">\n                              @if (subscription) {\n                                <span [tooltip]=\"'Resources usage assigned to: Owner' | translate\">\n                                  {{ 'Subscription' | translate }}\n                                </span>\n                              }\n                              @if (!subscription && singleTenant) {\n                                <span\n                                  [tooltip]=\"'Resources usage assigned to: Subscriber | translate'\"\n                                >\n                                  {{ 'Resources' | translate }}\n                                </span>\n                              }\n                              @if (!subscription && !singleTenant) {\n                                <span [tooltip]=\"'Resources usage assigned to: Owner' | translate\">\n                                  {{ 'Resources' | translate }}\n                                </span>\n                              }\n                            </p>\n                          </div>\n                        }\n                      </div>\n\n                      @if (application.manifest.provider) {\n                        <div class=\"legend form-block m-t-40\">\n                          {{ 'Provider' | translate }}\n                        </div>\n                      }\n                      @if (application.manifest.provider) {\n                        <div\n                          class=\"list-inline\"\n                          data-cy=\"application-detail--provider\"\n                        >\n                          @if (application.manifest.provider.name) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Name' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.name }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                          @if (application.manifest.provider.domain) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Domain' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.domain }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                          @if (application.manifest.provider.support) {\n                            <div>\n                              <div class=\"col-sm-4 m-b-16\">\n                                <label>{{ 'Support' | translate }}</label>\n                                <p class=\"form-control-static\">\n                                  {{ application.manifest.provider.support }}\n                                </p>\n                              </div>\n                            </div>\n                          }\n                        </div>\n                      }\n                    }\n\n                    @case ('EXTERNAL') {\n                      <c8y-form-group>\n                        <label>{{ 'External URL' | translate }}</label>\n                        <input\n                          class=\"form-control\"\n                          placeholder=\"{{ 'e.g.' | translate }} http://www.example.com/\"\n                          name=\"externalUrl\"\n                          type=\"url\"\n                          required\n                          [pattern]=\"'^(?!javascript:).+'\"\n                          [readOnly]=\"!isOwner\"\n                          formControlName=\"externalUrl\"\n                        />\n                        <c8y-messages>\n                          <c8y-message\n                            [name]=\"'pattern'\"\n                            [text]=\"'Valid URL required.' | translate\"\n                          ></c8y-message>\n                        </c8y-messages>\n                      </c8y-form-group>\n                    }\n                  }\n\n                  @if (isOwner && !isCustomMicroservice) {\n                    <div class=\"d-col\">\n                      <label>{{ 'Select icon' | translate }}</label>\n                      <c8y-icon-selector-wrapper\n                        class=\"d-inline-flex\"\n                        name=\"icon\"\n                        formControlName=\"icon\"\n                      ></c8y-icon-selector-wrapper>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          }\n          @if (isCustomMicroservice && !isLoading) {\n            <div class=\"d-contents\">\n              <c8y-upload-archive\n                [(application)]=\"application\"\n                (refresh)=\"onNewArchive()\"\n              ></c8y-upload-archive>\n            </div>\n          }\n          @if (application && !!isOwner && hasAdminPermissions) {\n            <div class=\"card-footer separator\">\n              <button\n                class=\"btn btn-default\"\n                title=\"{{ 'Cancel' | translate }}\"\n                type=\"button\"\n                (click)=\"cancel()\"\n              >\n                {{ 'Cancel' | translate }}\n              </button>\n              @if (canDelete) {\n                <button\n                  class=\"btn btn-danger\"\n                  title=\"{{ 'Delete' | translate }}\"\n                  type=\"button\"\n                  (click)=\"delete()\"\n                >\n                  {{ 'Delete' | translate }}\n                </button>\n              }\n              <button\n                class=\"btn btn-primary btn-form\"\n                title=\"{{ 'Save' | translate }}\"\n                type=\"submit\"\n                [disabled]=\"!application.type || formGroup.invalid || formGroup.pristine\"\n              >\n                {{ 'Save' | translate }}\n              </button>\n            </div>\n          }\n        </form>\n\n        @if (isActivityLogSupported) {\n          <div class=\"content-fullpage d-flex d-col bg-level-1\">\n            <div class=\"card-header separator\">\n              <div\n                class=\"card-title\"\n                translate\n              >\n                Activity log\n              </div>\n              <div class=\"m-l-auto\">\n                <button\n                  class=\"btn btn-link btn-sm\"\n                  title=\"{{ 'Reload' | translate }}\"\n                  type=\"button\"\n                  (click)=\"load()\"\n                >\n                  <i\n                    c8yIcon=\"refresh\"\n                    [ngClass]=\"{ 'icon-spin': isLoading }\"\n                  ></i>\n                  {{ 'Reload' | translate }}\n                </button>\n              </div>\n            </div>\n            @if (isLoading) {\n              <div class=\"p-16 text-center\">\n                <c8y-loading></c8y-loading>\n              </div>\n            }\n            @if (!isLoading) {\n              <c8y-activity-log\n                class=\"d-contents\"\n                [hasAdminPermissions]=\"hasAdminPermissions\"\n                [application]=\"application\"\n              ></c8y-activity-log>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "component", type: BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: InputGroupEditableComponent, selector: "c8y-input-group-editable", inputs: ["ariaLabel", "name", "size", "placeholder", "title", "multiline", "maxHeight", "maxLength", "noSaveButton", "formGroupClass", "validators", "asyncValidators", "autocomplete", "required"], outputs: ["save", "cancel"] }, { kind: "directive", type: C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "component", type: PropertiesListComponent, selector: "c8y-properties-list", inputs: ["properties", "title", "icon", "data", "groups", "noParse", "emptyLabel"] }, { kind: "component", type: FormGroupComponent, selector: "c8y-form-group", inputs: ["hasError", "hasWarning", "hasSuccess", "novalidation", "status"] }, { kind: "directive", type: RequiredInputPlaceholderDirective, selector: "input[required], input[formControlName]" }, { kind: "component", type: MessagesComponent, selector: "c8y-messages", inputs: ["show", "defaults", "helpMessage", "additionalMessages"] }, { kind: "directive", type: MessageDirective, selector: "c8y-message", inputs: ["name", "text"] }, { kind: "component", type: IconSelectorWrapperComponent, selector: "c8y-icon-selector-wrapper", inputs: ["canRemoveIcon", "selectedIcon", "iconSize"], outputs: ["onSelect"] }, { kind: "component", type: UploadArchiveComponent, selector: "c8y-upload-archive", inputs: ["application", "uploadNewVersion", "preUploadCallback"], outputs: ["applicationChange", "refresh"] }, { kind: "component", type: LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "progressLabel", "message"] }, { kind: "component", type: ActivityLogComponent, selector: "c8y-activity-log", inputs: ["application", "hasAdminPermissions"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: DatePipe, name: "c8yDate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.19", ngImport: i0, type: ApplicationPropertiesComponent, decorators: [{
             type: Component,