@datarailsshared/datarailsshared 1.4.75-dragons → 1.4.78

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1231,7 +1231,7 @@
                         }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:flex;line-height:22px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%234646CE\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#4646ce;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}label input[disabled]:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%238F929E\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#8f929e!important;color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
+                    styles: [":host{display:flex;line-height:22px;font-size:14px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%234646CE\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#4646ce;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}label input[disabled]:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%238F929E\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#8f929e!important;color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
                 },] }
     ];
     RadioButtonComponent.ctorParameters = function () { return [
@@ -1704,6 +1704,7 @@
             this.optionWithDescription = false;
             this.keyDownFn = function () { return true; };
             this.change = new i0.EventEmitter();
+            this.open = new i0.EventEmitter();
             this.asTextView = false;
             this.onChange = function () { };
             this.onTouched = function () { };
@@ -1762,7 +1763,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            (change)=\"onChange(selectedItem); change.emit(selectedItem)\"\n            class=\"dr-select\">\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}\"></ng-container>\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            [attr.autofocus]=\"autofocus\"\n            (change)=\"onChange(selectedItem); change.emit(selectedItem)\"\n            (open)=\"open.emit($event)\"\n            class=\"dr-select\">\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}\"></ng-container>\n     </ng-template>\n </ng-select>\n",
                     providers: [{
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: DrSelectComponent,
@@ -1795,7 +1796,10 @@
         keyDownFn: [{ type: i0.Input }],
         selectedItem: [{ type: i0.Input }],
         textView: [{ type: i0.Input }],
+        autofocus: [{ type: i0.Input }],
+        isOpen: [{ type: i0.Input }],
         change: [{ type: i0.Output }],
+        open: [{ type: i0.Output }],
         labelTemplate: [{ type: i0.ContentChild, args: ['labelTemplate',] }],
         optionTemplate: [{ type: i0.ContentChild, args: ['optionTemplate',] }],
         optionHeaderTemplate: [{ type: i0.ContentChild, args: ['optionHeaderTemplate',] }],