@c8y/ngx-components 1023.77.1 → 1023.78.4

package/fesm2022/c8y-ngx-components-widgets-implementations-device-management-welcome.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, inject, Injector, Input, NgModule } from '@angular/core';
+import { Component, inject, Injector, NgModule } from '@angular/core';
 import { gettext } from '@c8y/ngx-components/gettext';
 import * as i1 from '@c8y/ngx-components';
 import { CoreModule, QuickLinkModule } from '@c8y/ngx-components';
@@ -26,30 +26,22 @@ class WelcomeToDeviceManagementComponent {
         const { QuickLinksService, RelativeUrlParserPipe } = await import('@c8y/ngx-components/widgets/implementations/quick-links');
         const pipe = new RelativeUrlParserPipe();
         const transformUrl = (links) => links.map(link => ({ ...link, url: pipe.transform(link.url) }));
-        if (this.config?.links?.length > 0) {
-            this.quickLinks = transformUrl(this.config.links);
+        this.injector
+            .get(QuickLinksService)
+            .getQuickLinksForDeviceManagement$()
+            .pipe(take(1))
+            .subscribe(links => {
+            this.quickLinks = transformUrl(links);
             this.isLoading = false;
-        }
-        else {
-            this.injector
-                .get(QuickLinksService)
-                .getQuickLinksForDeviceManagement$()
-                .pipe(take(1))
-                .subscribe(links => {
-                this.quickLinks = transformUrl(links);
-                this.isLoading = false;
-            });
-        }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WelcomeToDeviceManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WelcomeToDeviceManagementComponent, isStandalone: true, selector: "c8y-welcome-to-devicemanagement", inputs: { config: "config" }, ngImport: i0, template: "<div\n  class=\"welcome-widget\"\n  tabindex=\"0\"\n  data-cy=\"welcome-widget\"\n>\n  @if (isLoading) {\n    <div class=\"p-16 text-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else {\n    <div\n      class=\"d-flex fit-h\"\n      data-cy=\"quick-links-content\"\n    >\n      <div\n        class=\"col-xs-12 col-md-6 a-s-stretch p-24\"\n        data-cy=\"content-column\"\n      >\n        <h2 class=\"text-light\">{{ 'Welcome to Device Management' | translate }}</h2>\n        <p class=\"text-16 text-light p-t-16 p-b-24\">{{ welcomeMessage | translate }}</p>\n        <div\n          class=\"card-group interact-grid tight-grid\"\n          data-cy=\"quick-links-grid\"\n        >\n          @for (link of quickLinks; track link.url) {\n            @let linkLabel = config?.translateLinkLabels ? (link.label | translate) : link.label;\n            <div class=\"col-sm-4 col-xs-6\">\n              <a\n                class=\"btn-clean card text-pre-normal\"\n                [title]=\"linkLabel\"\n                data-cy=\"quick-link\"\n                [href]=\"link.url\"\n                [target]=\"link.newTab ? '_blank' : '_self'\"\n                [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n                c8yProductExperience\n                [actionName]=\"'welcomeWidgetClicked'\"\n                [actionData]=\"{ link: link.label }\"\n              >\n                <div class=\"card-block text-center\">\n                  <i\n                    class=\"c8y-icon-duocolor icon-32\"\n                    [c8yIcon]=\"link.icon\"\n                    data-cy=\"quick-link-icon\"\n                  ></i>\n                  <p\n                    class=\"text-muted\"\n                    [title]=\"linkLabel\"\n                    data-cy=\"quick-link-label\"\n                  >\n                    {{ linkLabel }}\n                  </p>\n                </div>\n              </a>\n            </div>\n          }\n        </div>\n      </div>\n      <div\n        class=\"welcome-illustration a-s-stretch\"\n        data-cy=\"welcome-illustration\"\n      >\n        <c8y-dm-welcome-illustration />\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i1.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "component", type: DmWelcomeIllustrationComponent, selector: "c8y-dm-welcome-illustration" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: WelcomeToDeviceManagementComponent, isStandalone: true, selector: "c8y-welcome-to-devicemanagement", ngImport: i0, template: "<div\n  class=\"welcome-widget\"\n  tabindex=\"0\"\n  data-cy=\"welcome-widget\"\n>\n  @if (isLoading) {\n    <div class=\"p-16 text-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else {\n    <div\n      class=\"d-flex fit-h\"\n      data-cy=\"quick-links-content\"\n    >\n      <div\n        class=\"col-xs-12 col-md-6 a-s-stretch p-24\"\n        data-cy=\"content-column\"\n      >\n        <h2 class=\"text-light\">{{ 'Welcome to Device Management' | translate }}</h2>\n        <p class=\"text-16 text-light p-t-16 p-b-24\">{{ welcomeMessage | translate }}</p>\n        <div\n          class=\"card-group interact-grid tight-grid\"\n          data-cy=\"quick-links-grid\"\n        >\n          @for (link of quickLinks; track link.url) {\n            @let linkLabel = link.label | translate;\n            <div class=\"col-sm-4 col-xs-6\">\n              <a\n                class=\"btn-clean card text-pre-normal\"\n                [title]=\"linkLabel\"\n                data-cy=\"quick-link\"\n                [href]=\"link.url\"\n                [target]=\"link.newTab ? '_blank' : '_self'\"\n                [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n                c8yProductExperience\n                [actionName]=\"'welcomeWidgetClicked'\"\n                [actionData]=\"{ link: link.label }\"\n              >\n                <div class=\"card-block text-center\">\n                  <i\n                    class=\"c8y-icon-duocolor icon-32\"\n                    [c8yIcon]=\"link.icon\"\n                    data-cy=\"quick-link-icon\"\n                  ></i>\n                  <p\n                    class=\"text-muted\"\n                    [title]=\"linkLabel\"\n                    data-cy=\"quick-link-label\"\n                  >\n                    {{ linkLabel }}\n                  </p>\n                </div>\n              </a>\n            </div>\n          }\n        </div>\n      </div>\n      <div\n        class=\"welcome-illustration a-s-stretch\"\n        data-cy=\"welcome-illustration\"\n      >\n        <c8y-dm-welcome-illustration />\n      </div>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: i1.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i1.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "component", type: DmWelcomeIllustrationComponent, selector: "c8y-dm-welcome-illustration" }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WelcomeToDeviceManagementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-welcome-to-devicemanagement', standalone: true, imports: [CoreModule, DmWelcomeIllustrationComponent], template: "<div\n  class=\"welcome-widget\"\n  tabindex=\"0\"\n  data-cy=\"welcome-widget\"\n>\n  @if (isLoading) {\n    <div class=\"p-16 text-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else {\n    <div\n      class=\"d-flex fit-h\"\n      data-cy=\"quick-links-content\"\n    >\n      <div\n        class=\"col-xs-12 col-md-6 a-s-stretch p-24\"\n        data-cy=\"content-column\"\n      >\n        <h2 class=\"text-light\">{{ 'Welcome to Device Management' | translate }}</h2>\n        <p class=\"text-16 text-light p-t-16 p-b-24\">{{ welcomeMessage | translate }}</p>\n        <div\n          class=\"card-group interact-grid tight-grid\"\n          data-cy=\"quick-links-grid\"\n        >\n          @for (link of quickLinks; track link.url) {\n            @let linkLabel = config?.translateLinkLabels ? (link.label | translate) : link.label;\n            <div class=\"col-sm-4 col-xs-6\">\n              <a\n                class=\"btn-clean card text-pre-normal\"\n                [title]=\"linkLabel\"\n                data-cy=\"quick-link\"\n                [href]=\"link.url\"\n                [target]=\"link.newTab ? '_blank' : '_self'\"\n                [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n                c8yProductExperience\n                [actionName]=\"'welcomeWidgetClicked'\"\n                [actionData]=\"{ link: link.label }\"\n              >\n                <div class=\"card-block text-center\">\n                  <i\n                    class=\"c8y-icon-duocolor icon-32\"\n                    [c8yIcon]=\"link.icon\"\n                    data-cy=\"quick-link-icon\"\n                  ></i>\n                  <p\n                    class=\"text-muted\"\n                    [title]=\"linkLabel\"\n                    data-cy=\"quick-link-label\"\n                  >\n                    {{ linkLabel }}\n                  </p>\n                </div>\n              </a>\n            </div>\n          }\n        </div>\n      </div>\n      <div\n        class=\"welcome-illustration a-s-stretch\"\n        data-cy=\"welcome-illustration\"\n      >\n        <c8y-dm-welcome-illustration />\n      </div>\n    </div>\n  }\n</div>\n" }]
-        }], propDecorators: { config: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'c8y-welcome-to-devicemanagement', standalone: true, imports: [CoreModule, DmWelcomeIllustrationComponent], template: "<div\n  class=\"welcome-widget\"\n  tabindex=\"0\"\n  data-cy=\"welcome-widget\"\n>\n  @if (isLoading) {\n    <div class=\"p-16 text-center\">\n      <c8y-loading></c8y-loading>\n    </div>\n  } @else {\n    <div\n      class=\"d-flex fit-h\"\n      data-cy=\"quick-links-content\"\n    >\n      <div\n        class=\"col-xs-12 col-md-6 a-s-stretch p-24\"\n        data-cy=\"content-column\"\n      >\n        <h2 class=\"text-light\">{{ 'Welcome to Device Management' | translate }}</h2>\n        <p class=\"text-16 text-light p-t-16 p-b-24\">{{ welcomeMessage | translate }}</p>\n        <div\n          class=\"card-group interact-grid tight-grid\"\n          data-cy=\"quick-links-grid\"\n        >\n          @for (link of quickLinks; track link.url) {\n            @let linkLabel = link.label | translate;\n            <div class=\"col-sm-4 col-xs-6\">\n              <a\n                class=\"btn-clean card text-pre-normal\"\n                [title]=\"linkLabel\"\n                data-cy=\"quick-link\"\n                [href]=\"link.url\"\n                [target]=\"link.newTab ? '_blank' : '_self'\"\n                [attr.rel]=\"link.newTab ? 'noopener noreferrer' : null\"\n                c8yProductExperience\n                [actionName]=\"'welcomeWidgetClicked'\"\n                [actionData]=\"{ link: link.label }\"\n              >\n                <div class=\"card-block text-center\">\n                  <i\n                    class=\"c8y-icon-duocolor icon-32\"\n                    [c8yIcon]=\"link.icon\"\n                    data-cy=\"quick-link-icon\"\n                  ></i>\n                  <p\n                    class=\"text-muted\"\n                    [title]=\"linkLabel\"\n                    data-cy=\"quick-link-label\"\n                  >\n                    {{ linkLabel }}\n                  </p>\n                </div>\n              </a>\n            </div>\n          }\n        </div>\n      </div>\n      <div\n        class=\"welcome-illustration a-s-stretch\"\n        data-cy=\"welcome-illustration\"\n      >\n        <c8y-dm-welcome-illustration />\n      </div>\n    </div>\n  }\n</div>\n" }]
+        }] });
 
 /**
  * @deprecated