@leanix/components 0.3.134 → 0.3.136

package/fesm2020/leanix-components.mjs

@@ -2,6 +2,8 @@ import * as i1 from '@angular/common';
 import { CommonModule, formatDate } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, ChangeDetectionStrategy, EventEmitter, Output, HostListener, Directive, Injectable, InjectionToken, ElementRef, Inject, ViewChild, ContentChildren, SecurityContext, Pipe, Optional, NgModule, ViewChildren, ContentChild, forwardRef, TemplateRef, Self, Host } from '@angular/core';
+import * as i1$2 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i1$7 from '@angular/cdk/portal';
 import { ComponentPortal, CdkPortal, PortalModule } from '@angular/cdk/portal';
 import * as i1$1 from '@angular/cdk/overlay';
@@ -11,8 +13,6 @@ import { escape, trimEnd, sortBy, get, isEqual, toLower, some, padCharsStart, to
 import * as i6 from 'rxjs';
 import { BehaviorSubject, timer, Subject, combineLatest, merge, concat, fromEvent, Observable, ReplaySubject, startWith as startWith$1, delay as delay$1, distinctUntilChanged as distinctUntilChanged$1, of, map as map$1 } from 'rxjs';
 import { skipWhile, map, switchMap, startWith, pairwise, filter, take, debounceTime, skip, withLatestFrom, distinctUntilChanged, takeUntil, delay, tap } from 'rxjs/operators';
-import * as i1$2 from '@ngx-translate/core';
-import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
 import * as i1$3 from '@angular/platform-browser';
 import Color from 'color';
 import { format, distanceInWords, startOfDay } from 'date-fns';
@@ -721,6 +721,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 args: ['showMoreButton', { read: ElementRef }]
             }], content$: [] } });
 
+class FileDownloadButtonComponent {
+    constructor() {
+        this.downloadFinish = new EventEmitter();
+        this.downloadStarted = new EventEmitter();
+        this.NAME = 'FileDownloadButtonComponent';
+    }
+    ngOnInit() {
+        this.downloadLink = this.initialDownloadLink;
+    }
+    download(event) {
+        this.downloadStarted.emit();
+        this.openUrlInNewWindow(this.downloadLink);
+        this.downloaded = true;
+        event.preventDefault();
+        this.downloadFinish.emit(this.downloadLink);
+    }
+    requestDownload() {
+        if (this.downloadRequest) {
+            this.downloadRequest(this.refreshKeyUrl).subscribe((downloadUrl) => {
+                this.downloadLink = downloadUrl;
+            });
+        }
+    }
+    openUrlInNewWindow(url, target = '_blank', features) {
+        const newTab = window.open(url, target, features);
+        // In case a popup blocker has blocked the newly opened tab/window, "newTab" will be null
+        if (newTab) {
+            newTab.opener = null;
+        }
+        return newTab;
+    }
+}
+FileDownloadButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FileDownloadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FileDownloadButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FileDownloadButtonComponent, selector: "lx-file-download-button", inputs: { downloadRequest: "downloadRequest", initialDownloadLink: "initialDownloadLink", refreshKeyUrl: "refreshKeyUrl", downloadLabel: "downloadLabel" }, outputs: { downloadFinish: "downloadFinish", downloadStarted: "downloadStarted" }, ngImport: i0, template: "<a class=\"btn btn-primary\" *ngIf=\"!downloaded && !!downloadLink\" [href]=\"downloadLink\" (click)=\"download($event)\">{{\n  downloadLabel ? downloadLabel : ('buttons.download' | translate)\n}}</a>\n<button lx-button color=\"light\" size=\"large\" *ngIf=\"(downloaded && refreshKeyUrl) || !downloadLink\" (click)=\"requestDownload()\">\n  {{ NAME + '.newDownload' | translate }}\n</button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[lx-button]", inputs: ["size", "color", "mode", "pressed", "selected", "square", "circle", "disabled", "showSpinner"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FileDownloadButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lx-file-download-button', template: "<a class=\"btn btn-primary\" *ngIf=\"!downloaded && !!downloadLink\" [href]=\"downloadLink\" (click)=\"download($event)\">{{\n  downloadLabel ? downloadLabel : ('buttons.download' | translate)\n}}</a>\n<button lx-button color=\"light\" size=\"large\" *ngIf=\"(downloaded && refreshKeyUrl) || !downloadLink\" (click)=\"requestDownload()\">\n  {{ NAME + '.newDownload' | translate }}\n</button>\n" }]
+        }], propDecorators: { downloadRequest: [{
+                type: Input
+            }], initialDownloadLink: [{
+                type: Input
+            }], refreshKeyUrl: [{
+                type: Input
+            }], downloadLabel: [{
+                type: Input
+            }], downloadFinish: [{
+                type: Output
+            }], downloadStarted: [{
+                type: Output
+            }] } });
+
 class IconScaleComponent {
     constructor() {
         this.icon = {
@@ -1786,7 +1837,8 @@ LxCoreUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TranslationBetweenPipe,
         SortPipe,
         ContrastColorPipe,
-        UnescapeCurlyBracesPipe], imports: [CommonModule, LxTooltipModule], exports: [LxTooltipModule,
+        UnescapeCurlyBracesPipe,
+        FileDownloadButtonComponent], imports: [CommonModule, LxTooltipModule, i1$2.TranslateModule], exports: [LxTooltipModule,
         AfterViewInitDirective,
         AutocloseDirective,
         AutofocusDirective,
@@ -1806,6 +1858,7 @@ LxCoreUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         LxUnlinkifyPipe,
         LxTimeAgo,
         LxTranslatePipe,
+        FileDownloadButtonComponent,
         MarkdownPipe,
         NbspPipe,
         LxIsUuidPipe,
@@ -1820,7 +1873,7 @@ LxCoreUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         SortPipe,
         ContrastColorPipe,
         UnescapeCurlyBracesPipe] });
-LxCoreUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LxCoreUiModule, providers: [LxTimeAgo, AutocloseGroupService], imports: [CommonModule, LxTooltipModule, LxTooltipModule] });
+LxCoreUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LxCoreUiModule, providers: [LxTimeAgo, AutocloseGroupService], imports: [CommonModule, LxTooltipModule, TranslateModule.forChild(), LxTooltipModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: LxCoreUiModule, decorators: [{
             type: NgModule,
             args: [{
@@ -1857,9 +1910,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         TranslationBetweenPipe,
                         SortPipe,
                         ContrastColorPipe,
-                        UnescapeCurlyBracesPipe
+                        UnescapeCurlyBracesPipe,
+                        FileDownloadButtonComponent
                     ],
-                    imports: [CommonModule, LxTooltipModule],
+                    imports: [CommonModule, LxTooltipModule, TranslateModule.forChild()],
                     exports: [
                         LxTooltipModule,
                         AfterViewInitDirective,
@@ -1881,6 +1935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         LxUnlinkifyPipe,
                         LxTimeAgo,
                         LxTranslatePipe,
+                        FileDownloadButtonComponent,
                         MarkdownPipe,
                         NbspPipe,
                         LxIsUuidPipe,
@@ -6985,5 +7040,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CopyButtonComponent, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, ErrorMessageComponent, ExpandedDropdownComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxDragAndDropListModule, LxFormsModule, LxIsUuidPipe, LxLinkifyPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalCloseClickLocation, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, RELEVANCE_SORTING_KEY, Required, ResizeObserverService, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectListComponent, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, ValidateStringNotInArrayAsync, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle };
+export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, AfterViewInitDirective, AutocloseDirective, AutofocusDirective, BACKSPACE, BadgeComponent, BaseSelectDirective, BasicDropdownComponent, BasicDropdownItemComponent, BrPipe, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CURRENCY_SYMBOL_MAP, CardComponent, CdkOptionsDropdownComponent, CdkOptionsSubDropdownComponent, CollapsibleComponent, ColoredLabelComponent, ContrastColorPipe, CopyButtonComponent, CurrencyInputComponent, CurrencySymbolComponent, CustomDatePipe, DATE_FN_LOCALE, DATE_FORMATS, DateInputComponent, DragAndDropListComponent, DragAndDropListItemComponent, ENTER, ESCAPE, EllipsisComponent, ErrorMessageComponent, ExpandedDropdownComponent, FORM_CONTROL_ERROR_DISPLAY_STRATEGY, FORM_CONTROL_ERROR_NAMESPACE, FileDownloadButtonComponent, FilterSelectionPipe, FilterTermPipe, FormErrorComponent, FormErrorDirective, FormSubmitDirective, FormatNumberPipe, GLOBAL_TRANSLATION_OPTIONS, HighlightRangePipe, HighlightTermPipe, HtmlDirective, IconComponent, IconScaleComponent, KeyboardActionSourceDirective, KeyboardSelectAction, KeyboardSelectDirective, LOCALE_FN, LX_ELLIPSIS_DEBOUNCE_ON_RESIZE, LxCoreUiModule, LxDragAndDropListModule, LxFormsModule, LxIsUuidPipe, LxLinkifyPipe, LxModalModule, LxPopoverUiModule, LxTabUiModule, LxTimeAgo, LxTooltipModule, LxTranslatePipe, LxUnlinkifyPipe, MODAL_CLOSE, MarkInvalidDirective, MarkdownPipe, ModalCloseClickLocation, ModalComponent, ModalContentDirective, ModalFooterComponent, ModalHeaderComponent, MultiSelectComponent, NbspPipe, OptionComponent, OptionGroupComponent, OptionGroupDropdownComponent, OptionsDropdownComponent, OptionsSubDropdownComponent, PickerComponent, PickerOptionComponent, PickerTriggerDirective, PillItemComponent, PillListComponent, PopoverClickDirective, PopoverComponent, PopoverContentDirective, PopoverHoverDirective, RELEVANCE_SORTING_KEY, Required, ResizeObserverService, ResponsiveInputComponent, SPACE, SelectDropdownDirective, SelectListComponent, SelectableItemDirective, SelectedOptionDirective, SingleSelectComponent, SliderToggleComponent, SortPipe, Sorting, SortingDropdownComponent, SortingDropdownTriggerComponent, SpinnerComponent, TAB, TabComponent, TabGroupComponent, TableComponent, TableHeaderComponent, TinySpinnerComponent, TooltipComponent, TooltipDirective, TranslationAfterPipe, TranslationBeforePipe, TranslationBetweenPipe, UnescapeCurlyBracesPipe, ValidateDateInForeseeableFuture, ValidateStringNotInArray, ValidateStringNotInArrayAsync, getContrastColor, getTranslationParts, isValidHexColor, isValidX, isValidY, provideFormControlErrorDisplayStrategy, provideFormControlErrorNamespace, shorthandHexHandle };
 //# sourceMappingURL=leanix-components.mjs.map