@elderbyte/ngx-starter 15.3.4 → 15.4.0

package/theming/_elder-flex-layout.scss

@@ -34,7 +34,20 @@ $media: (
   box-sizing: border-box;
 }
 
-@mixin elder-flex-layout {
+@mixin elder-flex-layout($common-sizes) {
+
+  /***************************************************************************
+   *                                                                         *
+   * Common Sizes                                                            *
+   *                                                                         *
+   **************************************************************************/
+
+  $xs: map-get($common-sizes, xs);
+  $sm: map-get($common-sizes, sm);
+  $md: map-get($common-sizes, md);
+  $lg: map-get($common-sizes, lg);
+  $xl: map-get($common-sizes, xl);
+  $xxl:map-get($common-sizes, xxl);
 
   /***************************************************************************
    *                                                                         *
@@ -332,32 +345,242 @@ $media: (
 
   /***************************************************************************
    *                                                                         *
-   * Gaps                                                                    *
+   * Gap xs                                                                  *
    *                                                                         *
    **************************************************************************/
 
   .gap-xs {
-    gap: 4px;
+    gap: $xs;
+  }
+
+  .xs\:gap-xs {
+    @include breakpoint('xs') {
+      gap: $xs !important;
+    }
+  }
+
+  .sm\:gap-xs {
+    @include breakpoint('sm') {
+      gap: $xs !important;
+    }
+  }
+
+  .md\:gap-xs {
+    @include breakpoint('md') {
+      gap: $xs !important;
+    }
+  }
+
+  .lg\:gap-xs {
+    @include breakpoint('lg') {
+      gap: $xs !important;
+    }
+  }
+
+  .xl\:gap-xs {
+    @include breakpoint('xl') {
+      gap: $xs !important;
+    }
   }
 
+  /***************************************************************************
+   *                                                                         *
+   * Gap sm                                                                  *
+   *                                                                         *
+   **************************************************************************/
+
   .gap-sm {
-    gap: 8px;
+    gap: $sm;
+  }
+
+  .xs\:gap-sm {
+    @include breakpoint('xs') {
+      gap: $sm !important;
+    }
+  }
+
+  .sm\:gap-sm {
+    @include breakpoint('sm') {
+      gap: $sm !important;
+    }
+  }
+
+  .md\:gap-sm {
+    @include breakpoint('md') {
+      gap: $sm !important;
+    }
   }
 
+  .lg\:gap-sm {
+    @include breakpoint('lg') {
+      gap: $sm !important;
+    }
+  }
+
+  .xl\:gap-sm {
+    @include breakpoint('xl') {
+      gap: $sm !important;
+    }
+  }
+
+  /***************************************************************************
+   *                                                                         *
+   * Gap md                                                                  *
+   *                                                                         *
+   **************************************************************************/
+
   .gap-md {
-    gap: 12px;
+    gap: $md;
+  }
+
+  .xs\:gap-md {
+    @include breakpoint('xs') {
+      gap: $md !important;
+    }
+  }
+
+  .sm\:gap-md {
+    @include breakpoint('sm') {
+      gap: $md !important;
+    }
+  }
+
+  .md\:gap-md {
+    @include breakpoint('md') {
+      gap: $md !important;
+    }
+  }
+
+  .lg\:gap-md {
+    @include breakpoint('lg') {
+      gap: $md !important;
+    }
+  }
+
+  .xl\:gap-md {
+    @include breakpoint('xl') {
+      gap: $md !important;
+    }
   }
 
+  /***************************************************************************
+   *                                                                         *
+   * Gap lg                                                                  *
+   *                                                                         *
+   **************************************************************************/
+
   .gap-lg {
-    gap: 16px;
+    gap: $lg;
+  }
+
+  .xs\:gap-lg {
+    @include breakpoint('xs') {
+      gap: $lg !important;
+    }
+  }
+
+  .sm\:gap-lg {
+    @include breakpoint('sm') {
+      gap: $lg !important;
+    }
+  }
+
+  .md\:gap-lg {
+    @include breakpoint('md') {
+      gap: $lg !important;
+    }
+  }
+
+  .lg\:gap-lg {
+    @include breakpoint('lg') {
+      gap: $lg !important;
+    }
+  }
+
+  .xl\:gap-lg {
+    @include breakpoint('xl') {
+      gap: $lg !important;
+    }
   }
 
+  /***************************************************************************
+   *                                                                         *
+   * Gap xl                                                                  *
+   *                                                                         *
+   **************************************************************************/
+
   .gap-xl {
-    gap: 24px;
+    gap: $xl;
+  }
+
+  .xs\:gap-xl {
+    @include breakpoint('xs') {
+      gap: $xl !important;
+    }
+  }
+
+  .sm\:gap-xl {
+    @include breakpoint('sm') {
+      gap: $xl !important;
+    }
   }
 
+  .md\:gap-xl {
+    @include breakpoint('md') {
+      gap: $xl !important;
+    }
+  }
+
+  .lg\:gap-xl {
+    @include breakpoint('lg') {
+      gap: $xl !important;
+    }
+  }
+
+  .xl\:gap-xl {
+    @include breakpoint('xl') {
+      gap: $xl !important;
+    }
+  }
+
+  /***************************************************************************
+   *                                                                         *
+   * Gap xxl                                                                 *
+   *                                                                         *
+   **************************************************************************/
+
   .gap-xxl {
-    gap: 32px;
+    gap: $xxl;
+  }
+
+  .xs\:gap-xxl {
+    @include breakpoint('xs') {
+      gap: $xxl !important;
+    }
+  }
+
+  .sm\:gap-xxl {
+    @include breakpoint('sm') {
+      gap: $xxl !important;
+    }
+  }
+
+  .md\:gap-xxl {
+    @include breakpoint('md') {
+      gap: $xxl !important;
+    }
+  }
+
+  .lg\:gap-xxl {
+    @include breakpoint('lg') {
+      gap: $xxl !important;
+    }
+  }
+
+  .xl\:gap-xxl {
+    @include breakpoint('xl') {
+      gap: $xxl !important;
+    }
   }
 
   /***************************************************************************

package/esm2020/lib/common/data/data-context/data-context-source-auto-reloader.mjs

@@ -1,12 +0,0 @@
-import { DataContextLifeCycleBinding } from './data-context-life-cycle-binding';
-export class DataContextSourceAutoReloader extends DataContextLifeCycleBinding {
-    constructor(dataContext, dataApi) {
-        super(dataContext);
-        this.dataApi = dataApi;
-        this.subscribe();
-    }
-    subscribe() {
-        this._subscription = this.dataApi.dataChanged.subscribe(() => this._dataContext.reload());
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1jb250ZXh0LXNvdXJjZS1hdXRvLXJlbG9hZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWxkZXJieXRlL25neC1zdGFydGVyL3NyYy9saWIvY29tbW9uL2RhdGEvZGF0YS1jb250ZXh0L2RhdGEtY29udGV4dC1zb3VyY2UtYXV0by1yZWxvYWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RSxNQUFNLE9BQU8sNkJBQThCLFNBQVEsMkJBQTJCO0lBRTVFLFlBQ0UsV0FBOEIsRUFDYixPQUF5QjtRQUUxQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFGRixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUkxQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVTLFNBQVM7UUFDakIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQ3JELEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQ2pDLENBQUM7SUFDSixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0lEYXRhQ29udGV4dH0gZnJvbSAnLi9kYXRhLWNvbnRleHQnO1xuaW1wb3J0IHtJRGF0YVNvdXJjZX0gZnJvbSAnLi4vZGF0YXNvdXJjZS9kYXRhLXNvdXJjZSc7XG5pbXBvcnQge0RhdGFDb250ZXh0TGlmZUN5Y2xlQmluZGluZ30gZnJvbSAnLi9kYXRhLWNvbnRleHQtbGlmZS1jeWNsZS1iaW5kaW5nJztcblxuZXhwb3J0IGNsYXNzIERhdGFDb250ZXh0U291cmNlQXV0b1JlbG9hZGVyIGV4dGVuZHMgRGF0YUNvbnRleHRMaWZlQ3ljbGVCaW5kaW5nIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBkYXRhQ29udGV4dDogSURhdGFDb250ZXh0PGFueT4sXG4gICAgcHJpdmF0ZSByZWFkb25seSBkYXRhQXBpOiBJRGF0YVNvdXJjZTxhbnk+XG4gICkge1xuICAgIHN1cGVyKGRhdGFDb250ZXh0KTtcblxuICAgIHRoaXMuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc3Vic2NyaWJlKCk6IHZvaWQge1xuICAgIHRoaXMuX3N1YnNjcmlwdGlvbiA9IHRoaXMuZGF0YUFwaS5kYXRhQ2hhbmdlZC5zdWJzY3JpYmUoXG4gICAgICAoKSA9PiB0aGlzLl9kYXRhQ29udGV4dC5yZWxvYWQoKVxuICAgICk7XG4gIH1cbn1cbiJdfQ==

package/lib/common/data/data-context/data-context-source-auto-reloader.d.ts

@@ -1,8 +0,0 @@
-import { IDataContext } from './data-context';
-import { IDataSource } from '../datasource/data-source';
-import { DataContextLifeCycleBinding } from './data-context-life-cycle-binding';
-export declare class DataContextSourceAutoReloader extends DataContextLifeCycleBinding {
-    private readonly dataApi;
-    constructor(dataContext: IDataContext<any>, dataApi: IDataSource<any>);
-    protected subscribe(): void;
-}