@dotglitch/ngx-common 1.0.14 → 1.0.16

package/fesm2020/dotglitch-ngx-common.mjs

@@ -305,7 +305,7 @@ class TooltipDirective {
             return;
         // If the click trigger is set, we will immediately open the tooltip.
         // This will bypass all other triggers.
-        if (this.config.triggers.includes("click")) {
+        if (this.config?.triggers?.includes("click")) {
             if (!this.dialogInstance) {
                 const el = this.viewContainer.element.nativeElement;
                 const data = this.data;
@@ -1280,6 +1280,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 args: ["window:resize"]
             }] } });
 
+/**
+ * Service that listens for global keyboard events
+ */
+class FileService {
+    constructor(fetch) {
+        this.fetch = fetch;
+        this.chooseFile = (accept, multiple = false, formMetadata = {}) => {
+            return new Promise(r => {
+                const inEl = document.createElement('input');
+                inEl.setAttribute('type', 'file');
+                if (multiple)
+                    inEl.setAttribute('multiple', '');
+                if (accept)
+                    inEl.setAttribute('accept', accept);
+                inEl.click();
+                let formData = new FormData();
+                inEl.addEventListener('change', () => {
+                    Object.keys(inEl.files).forEach(k => {
+                        const file = inEl.files[k];
+                        const name = file.name;
+                        formData.append(name, file);
+                    });
+                    formData.append("data", JSON.stringify(formMetadata));
+                    inEl.remove();
+                    r(formData);
+                });
+            });
+        };
+    }
+}
+FileService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, deps: [{ token: Fetch }], target: i0.ɵɵFactoryTarget.Injectable });
+FileService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FileService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: Fetch }]; } });
+
 var ComponentResolveStrategy;
 (function (ComponentResolveStrategy) {
     /**
@@ -2034,5 +2073,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NgxDynamicHTMLModule, OnMount, ResourceBypass, ScriptBypass, StyleBypass, TooltipDirective, UrlBypass, openMenu, openTooltip };
+export { ComponentResolveStrategy, DependencyService, DialogService, DynamicHTMLComponent, DynamicHTMLOptions, DynamicHTMLRenderer, Fetch, FileService, HtmlBypass, KeyboardService, LazyLoaderComponent, LazyLoaderModule, LazyLoaderService, MenuDirective, NGX_DYNAMIC_CONFIG, NGX_LAZY_LOADER_CONFIG, NgxDynamicHTMLModule, OnMount, ResourceBypass, ScriptBypass, StyleBypass, TooltipDirective, UrlBypass, openMenu, openTooltip };
 //# sourceMappingURL=dotglitch-ngx-common.mjs.map