@leanix/components 0.3.114 → 0.3.115

package/fesm2020/leanix-components.mjs

@@ -2758,6 +2758,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 args: ['dropdown']
             }] } });
 
+// todo: replace with Angular CDK clipboard
+// eslint-disable-next-line  @typescript-eslint/no-var-requires
+const copy = require('clipboard-copy');
+class CopyButtonComponent {
+    constructor() {
+        /** JSON string or object to be saved/copied as JSON */
+        this.data = '';
+        /** Determine copy button Bootstrap class & color or hide it altogether */
+        this.btn = 'default';
+        this.success = new EventEmitter();
+        this.error = new EventEmitter();
+        this.NAME = 'CopyButtonComponent';
+        // clipboard-copy uses document.execCommand to copy to clipboard. All our _whitelisted_ browsers support it.
+        // The copy still fails on very rare occasions for unknown reasons. In those cases it's good for the user
+        // to be able to try again. So clipboardSupport is not set to false in the catch below any more.
+        this.clipboardSupport = typeof document.execCommand === 'function';
+    }
+    async copy() {
+        try {
+            const json = this.getStringData();
+            await copy(json);
+            this.success.emit({
+                messageKey: this.dataDescription ? `${this.NAME}.dataCopySuccess` : `${this.NAME}.copySuccess`,
+                translateParams: { data: this.dataDescription }
+            });
+        }
+        catch (err) {
+            this.error.emit({
+                messageKey: this.dataDescription ? `${this.NAME}.dataCopyFailure` : `${this.NAME}.copyFailure`,
+                translateParams: { data: this.dataDescription }
+            });
+        }
+    }
+    getStringData() {
+        return _.isString(this.data) ? this.data : JSON.stringify(this.data, null, '\t');
+    }
+}
+CopyButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CopyButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: CopyButtonComponent, selector: "lx-copy-button", inputs: { data: "data", dataDescription: "dataDescription", btn: "btn" }, outputs: { success: "success", error: "error" }, ngImport: i0, template: "<button *ngIf=\"clipboardSupport\" (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n  <i class=\"far fa-copy\"></i>\n  <span>\n    {{ 'buttons.copy' | translate }}\n  </span>\n</button>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: CopyButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lx-copy-button', template: "<button *ngIf=\"clipboardSupport\" (click)=\"copy()\" class=\"btn btn-{{ btn }} btnCopyJson\">\n  <i class=\"far fa-copy\"></i>\n  <span>\n    {{ 'buttons.copy' | translate }}\n  </span>\n</button>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], dataDescription: [{
+                type: Input
+            }], btn: [{
+                type: Input
+            }], success: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+
 // Currency symbol map extracted from: http://symbologic.info/currency.htm
 // Using custom symbology since Angular 2 currency pipe does not support all currency symbols:
 // https://github.com/angular/angular/issues/6724
@@ -5879,6 +5933,7 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ExpandedDropdownComponent,
         BasicDropdownItemComponent,
         BreadcrumbComponent,
+        CopyButtonComponent,
         CurrencyInputComponent,
         CurrencySymbolComponent,
         DateInputComponent,
@@ -5924,6 +5979,7 @@ LxFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ExpandedDropdownComponent,
         BasicDropdownItemComponent,
         BreadcrumbComponent,
+        CopyButtonComponent,
         CurrencyInputComponent,
         CurrencySymbolComponent,
         DateInputComponent,
@@ -5977,6 +6033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         ExpandedDropdownComponent,
                         BasicDropdownItemComponent,
                         BreadcrumbComponent,
+                        CopyButtonComponent,
                         CurrencyInputComponent,
                         CurrencySymbolComponent,
                         DateInputComponent,
@@ -6030,6 +6087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         ExpandedDropdownComponent,
                         BasicDropdownItemComponent,
                         BreadcrumbComponent,
+                        CopyButtonComponent,
                         CurrencyInputComponent,
                         CurrencySymbolComponent,
                         DateInputComponent,
@@ -6213,7 +6271,9 @@ class ModalComponent {
         return this.explicitContent || this.implicitContent;
     }
     onEscape() {
-        this.closeModal();
+        if (this.showCloseButton) {
+            this.closeModal();
+        }
     }
     ngOnInit() {
         this.closeModal$?.pipe(takeUntil(this.destroyed$)).subscribe(() => this.closeModal());
@@ -6875,5 +6935,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, 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, 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, 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, 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