@ecodev/natural 41.0.0 → 41.2.0

package/bundles/ecodev-natural.umd.js

@@ -654,6 +654,18 @@
             return source;
         }
     }
+    /**
+     * Copy text to clipboard.
+     * Accepts line breaks `\n` as textarea do.
+     */
+    function copyToClipboard(document, text) {
+        var input = document.createElement('textarea');
+        document.body.append(input);
+        input.value = text;
+        input.select();
+        document.execCommand('copy');
+        document.body.removeChild(input);
+    }
 
     // Basic; loosely typed structure for graphql-doctrine filters
     // Logical operator to be used in conditions
@@ -742,9 +754,13 @@
             }
             this.updateVariables();
         };
+        /**
+         * Return a deep clone of the variables for the given channel name.
+         *
+         * Avoid returning the same reference to prevent an attribute change, then another channel update that would
+         * used this changed attribute without having explicitly asked QueryVariablesManager to update it.
+         */
         NaturalQueryVariablesManager.prototype.get = function (channelName) {
-            // Avoid to return the same reference to prevent an attribute change, then another channel update that would used this changed
-            // attribute without having explicitly asked QueryVariablesManager to update it.
             return lodashEs.cloneDeep(this.channels.get(channelName));
         };
         /**
@@ -8816,6 +8832,13 @@
              * no effect.
              */
             _this.selectable = false;
+            /**
+             * If true, the file selection will be broadcast through `NaturalFileService.filesChanged`.
+             *
+             * It is useful to set this to false if there is two upload on a page with different purpose
+             * and the second upload should not be confused with the first one.
+             */
+            _this.broadcast = true;
             /**
              * The single valid file that has been selected.
              *
@@ -8909,7 +8932,9 @@
             }
             if (selection.valid.length || selection.invalid.length) {
                 this.filesChange.emit(selection);
-                this.naturalFileService.filesChanged.next(selection);
+                if (this.broadcast) {
+                    this.naturalFileService.filesChanged.next(selection);
+                }
             }
             this.getFileElement().value = '';
         };
@@ -8998,6 +9023,7 @@
         maxSize: [{ type: i0.Input }],
         fileSelectionDisabled: [{ type: i0.Input }],
         selectable: [{ type: i0.Input }],
+        broadcast: [{ type: i0.Input }],
         fileChange: [{ type: i0.Output }],
         filesChange: [{ type: i0.Output }],
         onChange: [{ type: i0.HostListener, args: ['change', ['$event'],] }]
@@ -9082,7 +9108,9 @@
             this.closeDrags();
         };
         NaturalFileDropDirective.prototype.hasObservers = function () {
-            return this.fileChange.observed || this.filesChange.observed || this.naturalFileService.filesChanged.observed;
+            return (this.fileChange.observed ||
+                this.filesChange.observed ||
+                (this.broadcast && this.naturalFileService.filesChanged.observed));
         };
         return NaturalFileDropDirective;
     }(NaturalAbstractFile));
@@ -10027,7 +10055,7 @@
     NaturalRelationsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'natural-relations',
-                    template: "<div class=\"body\">\n    <ng-template #defaultNameCell let-item=\"item\">\n        {{ getDisplayFn()(item) }}\n    </ng-template>\n\n    <table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" class=\"natural-row-click\" mat-table>\n        <tr *matHeaderRowDef=\"displayedColumns\" mat-header-row style=\"display: none\"></tr>\n        <tr *matRowDef=\"let row; columns: displayedColumns\" mat-row></tr>\n\n        <ng-container matColumnDef=\"name\">\n            <th *matHeaderCellDef i18n mat-header-cell>Titre</th>\n            <td *matCellDef=\"let item\" mat-cell>\n                <ng-template\n                    [ngTemplateOutletContext]=\"{item: item}\"\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultNameCell\"\n                ></ng-template>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"unlink\">\n            <th *matHeaderCellDef mat-header-cell></th>\n            <td *matCellDef=\"let element\" mat-cell>\n                <button\n                    (click)=\"removeRelation(element)\"\n                    color=\"warn\"\n                    mat-icon-button\n                    i18n-matTooltip\n                    matTooltip=\"Dissocier\"\n                >\n                    <natural-icon name=\"link_off\"></natural-icon>\n                </button>\n            </td>\n        </ng-container>\n    </table>\n\n    <mat-paginator\n        (page)=\"pagination($event)\"\n        *ngIf=\"dataSource?.data && (dataSource?.data?.length || 0) > (dataSource?.data?.pageSize || 0)\"\n        [length]=\"dataSource?.data?.length || 0\"\n        [pageIndex]=\"dataSource?.data?.pageIndex || 0\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [pageSize]=\"dataSource?.data?.pageSize || 0\"\n    ></mat-paginator>\n\n    <div *ngIf=\"!loading && dataSource?.data?.length === 0\" class=\"margin-v mat-body\">\n        <span i18n>Aucun r\u00E9sultat</span>\n    </div>\n\n    <mat-progress-spinner *ngIf=\"loading\" [diameter]=\"40\" class=\"loading\" mode=\"indeterminate\"></mat-progress-spinner>\n</div>\n\n<natural-select\n    #select\n    (selectionChange)=\"addRelations([$any($event)])\"\n    *ngIf=\"!hierarchicSelectorConfig && service && !disabled\"\n    [displayWith]=\"getDisplayFn()\"\n    [filter]=\"autocompleteSelectorFilter\"\n    [placeholder]=\"placeholder\"\n    [service]=\"service\"\n    [showIcon]=\"false\"\n></natural-select>\n\n<div *ngIf=\"hierarchicSelectorConfig && !disabled\">\n    <button (click)=\"openNaturalHierarchicSelector()\" color=\"primary\" mat-flat-button>{{ placeholder }}</button>\n</div>\n",
+                    template: "<div class=\"body\">\n    <ng-template #defaultNameCell let-item=\"item\">\n        {{ getDisplayFn()(item) }}\n    </ng-template>\n\n    <table *ngIf=\"dataSource\" [dataSource]=\"dataSource\" class=\"natural-row-click\" mat-table>\n        <tr *matHeaderRowDef=\"displayedColumns\" mat-header-row style=\"display: none\"></tr>\n        <tr *matRowDef=\"let row; columns: displayedColumns\" mat-row></tr>\n\n        <ng-container matColumnDef=\"name\">\n            <th *matHeaderCellDef i18n mat-header-cell>Titre</th>\n            <td *matCellDef=\"let item\" mat-cell>\n                <ng-template\n                    [ngTemplateOutletContext]=\"{item: item}\"\n                    [ngTemplateOutlet]=\"itemTemplate ? itemTemplate : defaultNameCell\"\n                ></ng-template>\n            </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"unlink\">\n            <th *matHeaderCellDef mat-header-cell></th>\n            <td *matCellDef=\"let element\" mat-cell>\n                <button\n                    *ngIf=\"!disabled\"\n                    (click)=\"removeRelation(element)\"\n                    color=\"warn\"\n                    mat-icon-button\n                    i18n-matTooltip\n                    matTooltip=\"Dissocier\"\n                >\n                    <natural-icon name=\"link_off\"></natural-icon>\n                </button>\n            </td>\n        </ng-container>\n    </table>\n\n    <mat-paginator\n        (page)=\"pagination($event)\"\n        *ngIf=\"dataSource?.data && (dataSource?.data?.length || 0) > (dataSource?.data?.pageSize || 0)\"\n        [length]=\"dataSource?.data?.length || 0\"\n        [pageIndex]=\"dataSource?.data?.pageIndex || 0\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        [pageSize]=\"dataSource?.data?.pageSize || 0\"\n    ></mat-paginator>\n\n    <div *ngIf=\"!loading && dataSource?.data?.length === 0\" class=\"margin-v mat-body\">\n        <span i18n>Aucun r\u00E9sultat</span>\n    </div>\n\n    <mat-progress-spinner *ngIf=\"loading\" [diameter]=\"40\" class=\"loading\" mode=\"indeterminate\"></mat-progress-spinner>\n</div>\n\n<natural-select\n    #select\n    (selectionChange)=\"addRelations([$any($event)])\"\n    *ngIf=\"!hierarchicSelectorConfig && service && !disabled\"\n    [displayWith]=\"getDisplayFn()\"\n    [filter]=\"autocompleteSelectorFilter\"\n    [placeholder]=\"placeholder\"\n    [service]=\"service\"\n    [showIcon]=\"false\"\n></natural-select>\n\n<div *ngIf=\"hierarchicSelectorConfig && !disabled\">\n    <button (click)=\"openNaturalHierarchicSelector()\" color=\"primary\" mat-flat-button>{{ placeholder }}</button>\n</div>\n",
                     styles: [":host{display:flex;flex-direction:column}:host>*:not(:last-child){margin-bottom:20px}:host .body{display:flex;flex-direction:column}:host .loading{margin:20px auto}:host .mat-column-unlink{width:2.5em}\n"]
                 },] }
     ];
@@ -11236,6 +11264,7 @@
     exports.cancellableTimeout = cancellableTimeout;
     exports.cleanSameValues = cleanSameValues;
     exports.collectErrors = collectErrors;
+    exports.copyToClipboard = copyToClipboard;
     exports.debug = debug;
     exports.decimal = decimal;
     exports.deliverableEmail = deliverableEmail;