@c8y/ngx-components 1023.7.0 → 1023.9.0

package/fesm2022/c8y-ngx-components.mjs

@@ -30800,11 +30800,11 @@ class CountdownIntervalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CountdownIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CountdownIntervalComponent, isStandalone: true, selector: "c8y-countdown-interval", inputs: { countdownInterval: "countdownInterval", config: "config" }, outputs: { countdownEnded: "countdownEnded" }, ngImport: i0, template: "@if (!shouldShowPulseIcon()) {\n  <div\n    class=\"time-elapsed\"\n    [title]=\"\n      '{{ secondsLeft }} s / {{ interval }} s'\n        | translate\n          : { secondsLeft: secondsUntilRefresh$ | async, interval: countdownInterval / 1000 }\n    \"\n    data-cy=\"c8y-countdown-interval--countdown\"\n  >\n    <svg\n      style=\"transform: rotate(-90deg)\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        [style.stroke-dashoffset]=\"100 - (progressPercentage$ | async)\"\n        [style.transition]=\"(enableTransition$ | async) ? 'stroke-dashoffset 0.2s linear' : 'none'\"\n        cx=\"20\"\n        cy=\"20\"\n        r=\"15.8\"\n        stroke=\"var(--c8y-brand-primary)\"\n        stroke-width=\"6\"\n        stroke-dasharray=\"100\"\n      />\n    </svg>\n\n    <span data-cy=\"c8y-countdown-interval--seconds\">{{ secondsUntilRefresh$ | async }}</span>\n  </div>\n} @else {\n  <div class=\"p-relative a-s-stretch no-pointer d-flex a-i-center j-c-center\">\n    <span\n      class=\"c8y-pulse c8y-pulse--md active m-0\"\n      data-cy=\"global-context--pulse-icon\"\n    ></span>\n  </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CountdownIntervalComponent, isStandalone: true, selector: "c8y-countdown-interval", inputs: { countdownInterval: "countdownInterval", config: "config" }, outputs: { countdownEnded: "countdownEnded" }, ngImport: i0, template: "@if (!shouldShowPulseIcon()) {\n  <div\n    class=\"time-elapsed\"\n    [title]=\"\n      '{{ secondsLeft }} s / {{ interval }} s'\n        | translate\n          : { secondsLeft: secondsUntilRefresh$ | async, interval: countdownInterval / 1000 }\n    \"\n    data-cy=\"c8y-countdown-interval--countdown\"\n  >\n    <svg\n      style=\"transform: rotate(-90deg)\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        [style.stroke-dashoffset]=\"100 - (progressPercentage$ | async)\"\n        [style.transition]=\"(enableTransition$ | async) ? 'stroke-dashoffset 0.2s linear' : 'none'\"\n        cx=\"20\"\n        cy=\"20\"\n        r=\"15.8\"\n        stroke=\"var(--c8y-brand-primary)\"\n        stroke-width=\"6\"\n        stroke-dasharray=\"100\"\n      />\n    </svg>\n\n    <span data-cy=\"c8y-countdown-interval--seconds\">{{ secondsUntilRefresh$ | async }}</span>\n  </div>\n} @else {\n  <div class=\"p-relative a-s-stretch no-pointer d-flex a-i-center j-c-center\">\n    <span\n      class=\"c8y-pulse active m-0\"\n      data-cy=\"global-context--pulse-icon\"\n    ></span>\n  </div>\n}\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CountdownIntervalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'c8y-countdown-interval', standalone: true, imports: [AsyncPipe, C8yTranslatePipe], template: "@if (!shouldShowPulseIcon()) {\n  <div\n    class=\"time-elapsed\"\n    [title]=\"\n      '{{ secondsLeft }} s / {{ interval }} s'\n        | translate\n          : { secondsLeft: secondsUntilRefresh$ | async, interval: countdownInterval / 1000 }\n    \"\n    data-cy=\"c8y-countdown-interval--countdown\"\n  >\n    <svg\n      style=\"transform: rotate(-90deg)\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        [style.stroke-dashoffset]=\"100 - (progressPercentage$ | async)\"\n        [style.transition]=\"(enableTransition$ | async) ? 'stroke-dashoffset 0.2s linear' : 'none'\"\n        cx=\"20\"\n        cy=\"20\"\n        r=\"15.8\"\n        stroke=\"var(--c8y-brand-primary)\"\n        stroke-width=\"6\"\n        stroke-dasharray=\"100\"\n      />\n    </svg>\n\n    <span data-cy=\"c8y-countdown-interval--seconds\">{{ secondsUntilRefresh$ | async }}</span>\n  </div>\n} @else {\n  <div class=\"p-relative a-s-stretch no-pointer d-flex a-i-center j-c-center\">\n    <span\n      class=\"c8y-pulse c8y-pulse--md active m-0\"\n      data-cy=\"global-context--pulse-icon\"\n    ></span>\n  </div>\n}\n" }]
+            args: [{ selector: 'c8y-countdown-interval', standalone: true, imports: [AsyncPipe, C8yTranslatePipe], template: "@if (!shouldShowPulseIcon()) {\n  <div\n    class=\"time-elapsed\"\n    [title]=\"\n      '{{ secondsLeft }} s / {{ interval }} s'\n        | translate\n          : { secondsLeft: secondsUntilRefresh$ | async, interval: countdownInterval / 1000 }\n    \"\n    data-cy=\"c8y-countdown-interval--countdown\"\n  >\n    <svg\n      style=\"transform: rotate(-90deg)\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        [style.stroke-dashoffset]=\"100 - (progressPercentage$ | async)\"\n        [style.transition]=\"(enableTransition$ | async) ? 'stroke-dashoffset 0.2s linear' : 'none'\"\n        cx=\"20\"\n        cy=\"20\"\n        r=\"15.8\"\n        stroke=\"var(--c8y-brand-primary)\"\n        stroke-width=\"6\"\n        stroke-dasharray=\"100\"\n      />\n    </svg>\n\n    <span data-cy=\"c8y-countdown-interval--seconds\">{{ secondsUntilRefresh$ | async }}</span>\n  </div>\n} @else {\n  <div class=\"p-relative a-s-stretch no-pointer d-flex a-i-center j-c-center\">\n    <span\n      class=\"c8y-pulse active m-0\"\n      data-cy=\"global-context--pulse-icon\"\n    ></span>\n  </div>\n}\n" }]
         }], propDecorators: { countdownInterval: [{
                 type: Input
             }], config: [{