@datarailsshared/datarailsshared 1.4.94-dragons → 1.4.98

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1757,7 +1757,7 @@
     DrSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-select',
-                    template: "<ng-select [(ngModel)]=\"selectedItem\"\n           [items]=\"items\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [multiple]=\"multiple\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           [clearable]=\"clearable\"\n           [searchable]=\"searchable\"\n           [hideSelected]=\"hideSelected\"\n           [placeholder]=\"placeholder\"\n           [loading]=\"loading\"\n           [readonly]=\"readonly\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           [keyDownFn]=\"keyDownFn\"\n           [searchFn]=\"searchFn\"\n           [isOpen]=\"isOpen\"\n           [groupBy]=\"groupBy\"\n           [attr.autofocus]=\"autofocus\"\n           (change)=\"onChange(selectedItem); change.emit(selectedItem)\"\n           (open)=\"open.emit($event)\"\n           class=\"dr-select\"\n           #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\"\n            >{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionFooterTemplate\" [ngTemplateOutletContext]=\"{item: item, close: selectComponent.close.bind(selectComponent)}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n</ng-select>\n",
+                    template: "<ng-select [(ngModel)]=\"selectedItem\"\n           [items]=\"items\"\n           [bindLabel]=\"bindLabel\"\n           [bindValue]=\"bindValue\"\n           [multiple]=\"multiple\"\n           [addTag]=\"addTag\"\n           [appendTo]=\"appendTo\"\n           [clearable]=\"clearable\"\n           [searchable]=\"searchable\"\n           [hideSelected]=\"hideSelected\"\n           [placeholder]=\"placeholder\"\n           [loading]=\"loading\"\n           [readonly]=\"readonly\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           [keyDownFn]=\"keyDownFn\"\n           [searchFn]=\"searchFn\"\n           [isOpen]=\"isOpen\"\n           [groupBy]=\"groupBy\"\n           [attr.autofocus]=\"autofocus\"\n           (change)=\"onChange(selectedItem); change.emit(selectedItem)\"\n           (open)=\"open.emit($event)\"\n           class=\"dr-select\"\n           #selectComponent>\n    <ng-template *ngIf=\"optionHeaderTemplate\" ng-header-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionHeaderTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"labelTemplate\" ng-label-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"labelTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionTemplate\" ng-option-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"optionWithDescription\" ng-option-tmp let-item=\"item\">\n        <div class=\"dr-select__option-with-desc__wrapper\">\n            <div>{{ item.name }}</div>\n            <div class=\"dr-select__option-with-desc__description\"\n            >{{ item?.description }}</div>\n        </div>\n    </ng-template>\n    <ng-template *ngIf=\"optionFooterTemplate\" ng-footer-tmp let-item=\"item\">\n        <ng-container [ngTemplateOutlet]=\"optionFooterTemplate\" [ngTemplateOutletContext]=\"{ item: item, close: selectComponent.close.bind(selectComponent) }\"></ng-container>\n    </ng-template>\n    <ng-template *ngIf=\"groupBy\" ng-optgroup-tmp let-item=\"item\">\n        {{ item[groupBy] }}\n    </ng-template>\n</ng-select>\n",
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: DrSelectComponent,
@@ -3929,6 +3929,7 @@
         CalendarView["FOR_YEARS"] = "multi-year";
     })(exports.CalendarView || (exports.CalendarView = {}));
 
+    var IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/gif'];
     exports.CHAT_MESSAGE_TYPE = void 0;
     (function (CHAT_MESSAGE_TYPE) {
         CHAT_MESSAGE_TYPE["TEXT"] = "text";
@@ -5024,7 +5025,6 @@
             this.inputFocus = false;
             this.inputHover = false;
             this.droppedFiles = [];
-            this.imgDropTypes = ['image/png', 'image/jpeg', 'image/gif'];
             /**
              * Predefined message text
              *
@@ -5059,8 +5059,7 @@
              *
              * @type {EventEmitter<string>}
              */
-            // eslint-disable-next-line @angular-eslint/no-output-on-prefix
-            this.onInputChange = new i0.EventEmitter();
+            this.inputChange = new i0.EventEmitter();
             this.fileOver = false;
         }
         DrChatFormComponent.prototype.onDrop = function (event) {
@@ -5074,7 +5073,7 @@
                 if ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) {
                     var _loop_1 = function (file) {
                         var res = file;
-                        if (this_1.imgDropTypes.includes(file.type)) {
+                        if (IMAGE_TYPES.includes(file.type)) {
                             var fr = new FileReader();
                             fr.onload = function (e) {
                                 res.src = e.target.result;
@@ -5131,7 +5130,7 @@
             }
         };
         DrChatFormComponent.prototype.onModelChange = function (value) {
-            this.onInputChange.emit(value);
+            this.inputChange.emit(value);
         };
         return DrChatFormComponent;
     }());
@@ -5153,7 +5152,7 @@
         dropFiles: [{ type: i0.Input }],
         dropFilePlaceholder: [{ type: i0.Input }],
         send: [{ type: i0.Output }],
-        onInputChange: [{ type: i0.Output }],
+        inputChange: [{ type: i0.Output }],
         fileOver: [{ type: i0.HostBinding, args: ['class.file-over',] }],
         onDrop: [{ type: i0.HostListener, args: ['drop', ['$event'],] }],
         onDragOver: [{ type: i0.HostListener, args: ['dragover', ['$event'],] }],
@@ -5217,12 +5216,12 @@
             enumerable: false,
             configurable: true
         });
-        DrChatMessageComponent.prototype._getTemplate = function () {
+        DrChatMessageComponent.prototype.getTemplate = function () {
             this.customMessage = true;
             var customMessage = this.getCustomMessage(this.type);
             return customMessage.templateRef;
         };
-        DrChatMessageComponent.prototype._getTemplateContext = function () {
+        DrChatMessageComponent.prototype.getTemplateContext = function () {
             return { $implicit: this.customMessageData, isReply: this.reply };
         };
         DrChatMessageComponent.prototype.getCustomMessage = function (type) {
@@ -5238,7 +5237,7 @@
     DrChatMessageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-chat-message',
-                    template: "<div class=\"message\" [class.message--custom]=\"customMessage\">\n    <ng-container [ngSwitch]=\"message.kind\">\n        <dr-chat-message-text *ngSwitchCase=\"MESSAGE_TYPE.TEXT\" [message]=\"message\"></dr-chat-message-text>\n        <dr-chat-message-rich-text *ngSwitchCase=\"MESSAGE_TYPE.RICH_TEXT\" [message]=\"message\"></dr-chat-message-rich-text>\n        <dr-chat-message-file *ngSwitchCase=\"MESSAGE_TYPE.DOWNLOAD_FILE\" [message]=\"message\"></dr-chat-message-file>\n        <ng-container *ngSwitchDefault>\n            <ng-container [ngTemplateOutlet]=\"_getTemplate()\" [ngTemplateOutletContext]=\"_getTemplateContext()\"></ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n",
+                    template: "<div class=\"message\" [class.message--custom]=\"customMessage\">\n    <ng-container [ngSwitch]=\"message.kind\">\n        <dr-chat-message-text *ngSwitchCase=\"MESSAGE_TYPE.TEXT\" [message]=\"message\"></dr-chat-message-text>\n        <dr-chat-message-rich-text *ngSwitchCase=\"MESSAGE_TYPE.RICH_TEXT\" [message]=\"message\"></dr-chat-message-rich-text>\n        <dr-chat-message-file *ngSwitchCase=\"MESSAGE_TYPE.DOWNLOAD_FILE\" [message]=\"message\"></dr-chat-message-file>\n        <ng-container *ngSwitchDefault>\n            <ng-container [ngTemplateOutlet]=\"getTemplate()\" [ngTemplateOutletContext]=\"getTemplateContext()\"></ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n",
                     animations: [
                         animations.trigger('flyInOut', [
                             animations.state('in', animations.style({ transform: 'translateX(0)' })),
@@ -5391,7 +5390,7 @@
         DrChatMessageFileComponent.prototype.isImage = function (file) {
             var type = file.type;
             if (type) {
-                return ['image/png', 'image/jpeg', 'image/gif'].includes(type);
+                return IMAGE_TYPES.includes(type);
             }
             return false;
         };
@@ -5400,7 +5399,7 @@
     DrChatMessageFileComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-chat-message-file',
-                    template: "<ng-container *ngIf=\"readyFiles?.length > 1\">\n    <div class=\"message-content-group\">\n        <a *ngFor=\"let file of readyFiles\" [href]=\"file.url\" target=\"_blank\">\n            <i class=\"dr-icon-file\" *ngIf=\"!file.urlStyle && file.icon\"></i>\n            <div *ngIf=\"file.urlStyle\" [style.background-image]=\"file.urlStyle\"></div>\n        </a>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"readyFiles?.length === 1\">\n    <a [href]=\"readyFiles[0].url\" target=\"_blank\">\n        <i class=\"dr-icon-file\" *ngIf=\"!readyFiles[0].urlStyle && readyFiles[0].icon\"></i>\n        <div *ngIf=\"readyFiles[0].urlStyle\" [style.background-image]=\"readyFiles[0].urlStyle\"></div>\n    </a>\n</ng-container>\n",
+                    template: "<div class=\"message-content-group\">\n    <a *ngFor=\"let file of readyFiles\" [href]=\"file.url\" target=\"_blank\">\n        <i class=\"dr-icon-file\" *ngIf=\"!file.urlStyle && file.icon\"></i>\n        <div *ngIf=\"file.urlStyle\" [style.background-image]=\"file.urlStyle\"></div>\n    </a>\n</div>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -5557,6 +5556,7 @@
     exports.DrTooltipDirective = DrTooltipDirective;
     exports.DrTooltipModule = DrTooltipModule;
     exports.ForecastTagComponent = ForecastTagComponent;
+    exports.IMAGE_TYPES = IMAGE_TYPES;
     exports.ListTagComponent = ListTagComponent;
     exports.ListTagModule = ListTagModule;
     exports.MonthTagComponent = MonthTagComponent;