@datarailsshared/datarailsshared 1.4.56 → 1.4.57

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -2947,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 () {
@@ -3462,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;
@@ -3567,7 +3607,7 @@
         CalendarView["FOR_YEARS"] = "multi-year";
     })(exports.CalendarView || (exports.CalendarView = {}));
 
-    var components$2 = [DateTagComponent,
+    var components$3 = [DateTagComponent,
         DayTagComponent,
         WeekTagComponent,
         MonthTagComponent,
@@ -3594,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,
                 },] }
     ];
     ;
@@ -4210,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,
@@ -4233,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,
@@ -4290,7 +4330,7 @@
                 },] }
     ];
 
-    var components = [DrSpinnerComponent];
+    var components$1 = [DrSpinnerComponent];
     var directives = [DrSpinnerDirective];
     var DrSpinnerModule = /** @class */ (function () {
         function DrSpinnerModule() {
@@ -4302,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))
                 },] }
     ];
 
@@ -4404,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 */
 
     /**
@@ -4433,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;
@@ -4463,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;