@datarailsshared/datarailsshared 1.4.55 → 1.4.57

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1170,9 +1170,20 @@
         function RadioButtonComponent(cdr) {
             this.cdr = cdr;
             this.valueChange = new i0.EventEmitter();
+            this._disabled = false;
             this.onChange = (function (onchanges) { });
             this.onTouched = function () { };
         }
+        Object.defineProperty(RadioButtonComponent.prototype, "disabled", {
+            get: function () {
+                return this._disabled;
+            },
+            set: function (disabled) {
+                this._disabled = disabled;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(RadioButtonComponent.prototype, "value", {
             get: function () {
                 return this._value;
@@ -1211,7 +1222,7 @@
     RadioButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-radio-button',
-                    template: "<label>\n  <input\n    type=\"radio\"\n    [name]=\"name\"\n    [value]=\"value\"\n    (change)=\"valueChanged(value)\"\n    [(ngModel)]=\"modelValue\"\n    (click)=\"toggleChange($event)\">\n  <span>\n      <ng-content></ng-content>\n  </span>\n</label>\n",
+                    template: "<label>\n  <input\n    type=\"radio\"\n    [name]=\"name\"\n    [value]=\"value\"\n    (change)=\"valueChanged(value)\"\n    [(ngModel)]=\"modelValue\"\n    [disabled]=\"disabled\"\n    (click)=\"toggleChange($event)\">\n  <span>\n      <ng-content></ng-content>\n  </span>\n</label>\n",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -1220,17 +1231,17 @@
                         }
                     ],
                     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{background:#FFFFFF;border-color:#4646ce;color:#4646ce}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;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}label input[disabled]:checked+span:before{content: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> ');border-color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
+                    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"]
                 },] }
     ];
     RadioButtonComponent.ctorParameters = function () { return [
         { type: i0.ChangeDetectorRef }
     ]; };
     RadioButtonComponent.propDecorators = {
-        disabled: [{ type: i0.Input }],
         name: [{ type: i0.Input }],
         _value: [{ type: i0.Input, args: ['value',] }],
-        valueChange: [{ type: i0.Output }]
+        valueChange: [{ type: i0.Output }],
+        disabled: [{ type: i0.Input }]
     };
 
     var RadioGroupComponent = /** @class */ (function () {
@@ -1459,7 +1470,7 @@
                         { provide: forms.NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }
                     ],
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: ["input+span{vertical-align:middle;line-height:30px}input+span,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:0}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;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content: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\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8F929E;border-color:#8f929e;pointer-events:none}label input:not([disabled])+span:hover:after{content:\"\";width:28px;height:28px;background:#F2F2FB;border-radius:50%;position:absolute;left:-6px;top:-5px;z-index:-1}\n"]
+                    styles: ["input+span{vertical-align:middle;line-height:30px}input+span,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:0}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;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content: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\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8F929E;border-color:#8f929e;pointer-events:none}label input:not([disabled])+span:hover:after{content:\"\";width:28px;height:28px;background:#F2F2FB;border-radius:50%;position:absolute;left:-6px;top:-5px;z-index:-1}\n"]
                 },] }
     ];
     CheckboxComponent.ctorParameters = function () { return [
@@ -2936,7 +2947,7 @@
             componentFactory = this.componentFactoryResolver.resolveComponentFactory(DrDropdownComponent);
             this.contentCmpRef = this.viewContainerRef.createComponent(componentFactory);
             this.service.addMenu = this.contentCmpRef;
-            this._document.querySelector('nb-layout').appendChild(this.contentCmpRef.location.nativeElement);
+            this._document.querySelector('dr-layout').appendChild(this.contentCmpRef.location.nativeElement);
             this.contentCmpRef.instance.options = options;
         };
         DrDropdownDirective.prototype.ngOnDestroy = function () {
@@ -3451,6 +3462,46 @@
         { type: i0.ChangeDetectorRef }
     ]; };
 
+    var DrLayoutComponent = /** @class */ (function () {
+        function DrLayoutComponent() {
+        }
+        return DrLayoutComponent;
+    }());
+    DrLayoutComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout',
+                    template: "<div class=\"dr-layout\">\n  <ng-content select=\"dr-layout-header\"></ng-content>\n  <div class=\"dr-layout__container\">\n    <div class=\"content\">\n      <div class=\"columns\">\n        <ng-content select=\"dr-layout-body\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n",
+                    styles: [":host{font-size:16px;font-weight:400;font-family:\"Poppins\",sans-serif;line-height:1.25rem;-webkit-font-smoothing:antialiased}:host .dr-layout{display:flex;flex-direction:column;min-height:100vh;font-size:16px;font-weight:400;line-height:1.4rem}:host .dr-layout ::ng-deep dr-layout-header{display:block;position:fixed;top:0;left:0;right:0;z-index:1040}:host .dr-layout ::ng-deep dr-layout-header nav{align-items:center;justify-content:flex-start;display:flex}:host .dr-layout__container{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row}:host .dr-layout__container .content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0}:host .dr-layout__container .content .columns{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:row;width:100%}:host .dr-layout__container .content .columns ::ng-deep dr-layout-body{flex:1 0;min-width:0}\n"]
+                },] }
+    ];
+    DrLayoutComponent.ctorParameters = function () { return []; };
+
+    var DrLayoutHeaderComponent = /** @class */ (function () {
+        function DrLayoutHeaderComponent() {
+        }
+        return DrLayoutHeaderComponent;
+    }());
+    DrLayoutHeaderComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout-header',
+                    template: "\n    <nav>\n      <ng-content></ng-content>\n    </nav>\n  "
+                },] }
+    ];
+    DrLayoutHeaderComponent.ctorParameters = function () { return []; };
+
+    var DrLayoutBodyComponent = /** @class */ (function () {
+        function DrLayoutBodyComponent() {
+        }
+        return DrLayoutBodyComponent;
+    }());
+    DrLayoutBodyComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'dr-layout-body',
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    DrLayoutBodyComponent.ctorParameters = function () { return []; };
+
     var DrModelDebounceChangeDirective = /** @class */ (function () {
         function DrModelDebounceChangeDirective(ngModel) {
             this.ngModel = ngModel;
@@ -3556,7 +3607,7 @@
         CalendarView["FOR_YEARS"] = "multi-year";
     })(exports.CalendarView || (exports.CalendarView = {}));
 
-    var components$2 = [DateTagComponent,
+    var components$3 = [DateTagComponent,
         DayTagComponent,
         WeekTagComponent,
         MonthTagComponent,
@@ -3583,11 +3634,11 @@
                         materialMomentAdapter.MatMomentDateModule,
                         select.MatSelectModule
                     ],
-                    exports: components$2,
+                    exports: components$3,
                     providers: [
                         { provide: materialMomentAdapter.MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: ɵ0$1 }
                     ],
-                    declarations: components$2,
+                    declarations: components$3,
                 },] }
     ];
     ;
@@ -4199,7 +4250,7 @@
         var _a;
         (_a = this._getCurrentViewComponent()) === null || _a === void 0 ? void 0 : _a._focusActiveCell(false);
     };
-    var components$1 = [
+    var components$2 = [
         DrButtonComponent,
         RadioButtonComponent,
         RadioGroupComponent,
@@ -4222,8 +4273,8 @@
     }());
     DrInputsModule.decorators = [
         { type: i0.NgModule, args: [{
-                    declarations: components$1,
-                    exports: components$1,
+                    declarations: components$2,
+                    exports: components$2,
                     imports: [
                         forms.FormsModule,
                         forms.ReactiveFormsModule,
@@ -4279,7 +4330,7 @@
                 },] }
     ];
 
-    var components = [DrSpinnerComponent];
+    var components$1 = [DrSpinnerComponent];
     var directives = [DrSpinnerDirective];
     var DrSpinnerModule = /** @class */ (function () {
         function DrSpinnerModule() {
@@ -4291,8 +4342,8 @@
                     imports: [
                         common.CommonModule,
                     ],
-                    exports: __spreadArray(__spreadArray([], __read(components)), __read(directives)),
-                    declarations: __spreadArray(__spreadArray([], __read(components)), __read(directives))
+                    exports: __spreadArray(__spreadArray([], __read(components$1)), __read(directives)),
+                    declarations: __spreadArray(__spreadArray([], __read(components$1)), __read(directives))
                 },] }
     ];
 
@@ -4393,6 +4444,24 @@
                 },] }
     ];
 
+    var components = [
+        DrLayoutComponent,
+        DrLayoutHeaderComponent,
+        DrLayoutBodyComponent
+    ];
+    var DrLayoutModule = /** @class */ (function () {
+        function DrLayoutModule() {
+        }
+        return DrLayoutModule;
+    }());
+    DrLayoutModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [common.CommonModule],
+                    exports: __spreadArray([], __read(components)),
+                    declarations: __spreadArray([], __read(components)),
+                },] }
+    ];
+
     /* components */
 
     /**
@@ -4422,6 +4491,10 @@
     exports.DrDropdownService = DrDropdownService;
     exports.DrInputComponent = DrInputComponent;
     exports.DrInputsModule = DrInputsModule;
+    exports.DrLayoutBodyComponent = DrLayoutBodyComponent;
+    exports.DrLayoutComponent = DrLayoutComponent;
+    exports.DrLayoutHeaderComponent = DrLayoutHeaderComponent;
+    exports.DrLayoutModule = DrLayoutModule;
     exports.DrModelDebounceChangeDirective = DrModelDebounceChangeDirective;
     exports.DrPopoverComponent = DrPopoverComponent;
     exports.DrPopoverDirective = DrPopoverDirective;
@@ -4452,7 +4525,7 @@
     exports.TooltipComponent = TooltipComponent;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
-    exports["ɵa"] = components$2;
+    exports["ɵa"] = components$3;
     exports["ɵb"] = POPUP_ANIMATION;
     exports["ɵc"] = DrDatePickerComponent;
     exports["ɵd"] = DrDatePickerService;