@dugararchit/flex-layout 13.0.0-dugararchit
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -0
- package/_private-utils/angular-flex-layout-_private-utils.d.ts +5 -0
- package/_private-utils/auto-prefixer.d.ts +24 -0
- package/_private-utils/index.d.ts +10 -0
- package/_private-utils/layout-validator.d.ts +32 -0
- package/_private-utils/object-extend.d.ts +15 -0
- package/_private-utils/package.json +10 -0
- package/_private-utils/testing/angular-flex-layout-_private-utils-testing.d.ts +5 -0
- package/_private-utils/testing/custom-matchers.d.ts +65 -0
- package/_private-utils/testing/dom-tools.d.ts +47 -0
- package/_private-utils/testing/helpers.d.ts +24 -0
- package/_private-utils/testing/index.d.ts +10 -0
- package/_private-utils/testing/package.json +10 -0
- package/angular-flex-layout-13.0.0-beta.38.tgz +0 -0
- package/angular-flex-layout.d.ts +5 -0
- package/core/README.md +25 -0
- package/core/add-alias.d.ts +14 -0
- package/core/angular-flex-layout-core.d.ts +5 -0
- package/core/base/base2.d.ts +60 -0
- package/core/base/index.d.ts +8 -0
- package/core/basis-validator/basis-validator.d.ts +13 -0
- package/core/breakpoints/break-point-registry.d.ts +42 -0
- package/core/breakpoints/break-point.d.ts +14 -0
- package/core/breakpoints/break-points-token.d.ts +14 -0
- package/core/breakpoints/breakpoint-tools.d.ts +19 -0
- package/core/breakpoints/data/break-points.d.ts +12 -0
- package/core/breakpoints/data/orientation-break-points.d.ts +23 -0
- package/core/breakpoints/index.d.ts +12 -0
- package/core/browser-provider.d.ts +24 -0
- package/core/match-media/index.d.ts +9 -0
- package/core/match-media/match-media.d.ts +59 -0
- package/core/match-media/mock/mock-match-media.d.ts +92 -0
- package/core/media-change.d.ts +30 -0
- package/core/media-marshaller/media-marshaller.d.ts +123 -0
- package/core/media-marshaller/print-hook.d.ts +95 -0
- package/core/media-observer/index.d.ts +8 -0
- package/core/media-observer/media-observer.d.ts +115 -0
- package/core/media-trigger/index.d.ts +8 -0
- package/core/media-trigger/media-trigger.d.ts +73 -0
- package/core/module.d.ts +11 -0
- package/core/multiply/multiplier.d.ts +5 -0
- package/core/package.json +10 -0
- package/core/public-api.d.ts +25 -0
- package/core/sass/_layout-bp.scss +76 -0
- package/core/style-builder/style-builder.d.ts +21 -0
- package/core/style-utils/style-utils.d.ts +53 -0
- package/core/stylesheet-map/index.d.ts +8 -0
- package/core/stylesheet-map/stylesheet-map.d.ts +24 -0
- package/core/tokens/breakpoint-token.d.ts +10 -0
- package/core/tokens/index.d.ts +10 -0
- package/core/tokens/library-config.d.ts +26 -0
- package/core/tokens/server-token.d.ts +15 -0
- package/core/utils/array.d.ts +9 -0
- package/core/utils/index.d.ts +9 -0
- package/core/utils/sort.d.ts +15 -0
- package/esm2020/_private-utils/angular-flex-layout-_private-utils.mjs +5 -0
- package/esm2020/_private-utils/auto-prefixer.mjs +65 -0
- package/esm2020/_private-utils/index.mjs +11 -0
- package/esm2020/_private-utils/layout-validator.mjs +83 -0
- package/esm2020/_private-utils/object-extend.mjs +30 -0
- package/esm2020/_private-utils/testing/angular-flex-layout-_private-utils-testing.mjs +5 -0
- package/esm2020/_private-utils/testing/custom-matchers.mjs +201 -0
- package/esm2020/_private-utils/testing/dom-tools.mjs +101 -0
- package/esm2020/_private-utils/testing/helpers.mjs +43 -0
- package/esm2020/_private-utils/testing/index.mjs +11 -0
- package/esm2020/angular-flex-layout.mjs +5 -0
- package/esm2020/core/add-alias.mjs +23 -0
- package/esm2020/core/angular-flex-layout-core.mjs +5 -0
- package/esm2020/core/base/base2.mjs +131 -0
- package/esm2020/core/base/index.mjs +9 -0
- package/esm2020/core/basis-validator/basis-validator.mjs +48 -0
- package/esm2020/core/breakpoints/break-point-registry.mjs +76 -0
- package/esm2020/core/breakpoints/break-point.mjs +2 -0
- package/esm2020/core/breakpoints/break-points-token.mjs +30 -0
- package/esm2020/core/breakpoints/breakpoint-tools.mjs +53 -0
- package/esm2020/core/breakpoints/data/break-points.mjs +78 -0
- package/esm2020/core/breakpoints/data/orientation-break-points.mjs +40 -0
- package/esm2020/core/breakpoints/index.mjs +13 -0
- package/esm2020/core/browser-provider.mjs +41 -0
- package/esm2020/core/match-media/index.mjs +10 -0
- package/esm2020/core/match-media/match-media.mjs +186 -0
- package/esm2020/core/match-media/mock/mock-match-media.mjs +224 -0
- package/esm2020/core/media-change.mjs +25 -0
- package/esm2020/core/media-marshaller/media-marshaller.mjs +317 -0
- package/esm2020/core/media-marshaller/print-hook.mjs +265 -0
- package/esm2020/core/media-observer/index.mjs +9 -0
- package/esm2020/core/media-observer/media-observer.mjs +195 -0
- package/esm2020/core/media-trigger/index.mjs +9 -0
- package/esm2020/core/media-trigger/media-trigger.mjs +188 -0
- package/esm2020/core/module.mjs +27 -0
- package/esm2020/core/multiply/multiplier.mjs +16 -0
- package/esm2020/core/public-api.mjs +26 -0
- package/esm2020/core/style-builder/style-builder.mjs +15 -0
- package/esm2020/core/style-utils/style-utils.mjs +174 -0
- package/esm2020/core/stylesheet-map/index.mjs +9 -0
- package/esm2020/core/stylesheet-map/stylesheet-map.mjs +59 -0
- package/esm2020/core/tokens/breakpoint-token.mjs +13 -0
- package/esm2020/core/tokens/index.mjs +11 -0
- package/esm2020/core/tokens/library-config.mjs +30 -0
- package/esm2020/core/tokens/server-token.mjs +19 -0
- package/esm2020/core/utils/array.mjs +12 -0
- package/esm2020/core/utils/index.mjs +10 -0
- package/esm2020/core/utils/sort.mjs +20 -0
- package/esm2020/extended/angular-flex-layout-extended.mjs +5 -0
- package/esm2020/extended/class/class.mjs +88 -0
- package/esm2020/extended/img-src/img-src.mjs +106 -0
- package/esm2020/extended/module.mjs +45 -0
- package/esm2020/extended/public-api.mjs +13 -0
- package/esm2020/extended/show-hide/show-hide.mjs +176 -0
- package/esm2020/extended/style/style-transforms.mjs +76 -0
- package/esm2020/extended/style/style.mjs +130 -0
- package/esm2020/flex/angular-flex-layout-flex.mjs +5 -0
- package/esm2020/flex/flex/flex.mjs +291 -0
- package/esm2020/flex/flex-align/flex-align.mjs +80 -0
- package/esm2020/flex/flex-fill/flex-fill.mjs +50 -0
- package/esm2020/flex/flex-offset/flex-offset.mjs +121 -0
- package/esm2020/flex/flex-order/flex-order.mjs +66 -0
- package/esm2020/flex/layout/layout.mjs +86 -0
- package/esm2020/flex/layout-align/layout-align.mjs +194 -0
- package/esm2020/flex/layout-gap/layout-gap.mjs +282 -0
- package/esm2020/flex/module.mjs +62 -0
- package/esm2020/flex/public-api.mjs +17 -0
- package/esm2020/grid/align-columns/align-columns.mjs +137 -0
- package/esm2020/grid/align-rows/align-rows.mjs +119 -0
- package/esm2020/grid/angular-flex-layout-grid.mjs +5 -0
- package/esm2020/grid/area/area.mjs +67 -0
- package/esm2020/grid/areas/areas.mjs +86 -0
- package/esm2020/grid/auto/auto.mjs +89 -0
- package/esm2020/grid/column/column.mjs +67 -0
- package/esm2020/grid/columns/columns.mjs +96 -0
- package/esm2020/grid/gap/gap.mjs +85 -0
- package/esm2020/grid/grid-align/grid-align.mjs +111 -0
- package/esm2020/grid/module.mjs +73 -0
- package/esm2020/grid/public-api.mjs +20 -0
- package/esm2020/grid/row/row.mjs +67 -0
- package/esm2020/grid/rows/rows.mjs +96 -0
- package/esm2020/module.mjs +64 -0
- package/esm2020/public-api.mjs +20 -0
- package/esm2020/server/angular-flex-layout-server.mjs +5 -0
- package/esm2020/server/module.mjs +22 -0
- package/esm2020/server/public-api.mjs +10 -0
- package/esm2020/server/server-match-media.mjs +151 -0
- package/esm2020/server/server-provider.mjs +140 -0
- package/esm2020/version.mjs +11 -0
- package/extended/README.md +18 -0
- package/extended/angular-flex-layout-extended.d.ts +5 -0
- package/extended/class/class.d.ts +38 -0
- package/extended/img-src/img-src.d.ts +51 -0
- package/extended/module.d.ts +16 -0
- package/extended/package.json +10 -0
- package/extended/public-api.d.ts +12 -0
- package/extended/show-hide/show-hide.d.ts +61 -0
- package/extended/style/style-transforms.d.ts +36 -0
- package/extended/style/style.d.ts +45 -0
- package/fesm2015/angular-flex-layout-_private-utils-testing.mjs +357 -0
- package/fesm2015/angular-flex-layout-_private-utils-testing.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-_private-utils.mjs +193 -0
- package/fesm2015/angular-flex-layout-_private-utils.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-core.mjs +2331 -0
- package/fesm2015/angular-flex-layout-core.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-extended.mjs +621 -0
- package/fesm2015/angular-flex-layout-extended.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-flex.mjs +1206 -0
- package/fesm2015/angular-flex-layout-flex.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-grid.mjs +1047 -0
- package/fesm2015/angular-flex-layout-grid.mjs.map +1 -0
- package/fesm2015/angular-flex-layout-server.mjs +324 -0
- package/fesm2015/angular-flex-layout-server.mjs.map +1 -0
- package/fesm2015/angular-flex-layout.mjs +94 -0
- package/fesm2015/angular-flex-layout.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-_private-utils-testing.mjs +357 -0
- package/fesm2020/angular-flex-layout-_private-utils-testing.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-_private-utils.mjs +192 -0
- package/fesm2020/angular-flex-layout-_private-utils.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-core.mjs +2304 -0
- package/fesm2020/angular-flex-layout-core.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-extended.mjs +612 -0
- package/fesm2020/angular-flex-layout-extended.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-flex.mjs +1198 -0
- package/fesm2020/angular-flex-layout-flex.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-grid.mjs +1047 -0
- package/fesm2020/angular-flex-layout-grid.mjs.map +1 -0
- package/fesm2020/angular-flex-layout-server.mjs +322 -0
- package/fesm2020/angular-flex-layout-server.mjs.map +1 -0
- package/fesm2020/angular-flex-layout.mjs +92 -0
- package/fesm2020/angular-flex-layout.mjs.map +1 -0
- package/flex/README.md +19 -0
- package/flex/angular-flex-layout-flex.d.ts +5 -0
- package/flex/flex/flex.d.ts +59 -0
- package/flex/flex-align/flex-align.d.ts +32 -0
- package/flex/flex-fill/flex-fill.d.ts +33 -0
- package/flex/flex-offset/flex-offset.d.ts +44 -0
- package/flex/flex-order/flex-order.d.ts +34 -0
- package/flex/layout/layout.d.ts +43 -0
- package/flex/layout-align/layout-align.d.ts +49 -0
- package/flex/layout-gap/layout-gap.d.ts +65 -0
- package/flex/module.d.ts +21 -0
- package/flex/package.json +10 -0
- package/flex/public-api.d.ts +16 -0
- package/grid/README.md +19 -0
- package/grid/align-columns/align-columns.d.ts +39 -0
- package/grid/align-rows/align-rows.d.ts +39 -0
- package/grid/angular-flex-layout-grid.d.ts +5 -0
- package/grid/area/area.d.ts +34 -0
- package/grid/areas/areas.d.ts +41 -0
- package/grid/auto/auto.d.ts +41 -0
- package/grid/column/column.d.ts +34 -0
- package/grid/columns/columns.d.ts +43 -0
- package/grid/gap/gap.d.ts +42 -0
- package/grid/grid-align/grid-align.d.ts +37 -0
- package/grid/module.d.ts +23 -0
- package/grid/package.json +10 -0
- package/grid/public-api.d.ts +19 -0
- package/grid/row/row.d.ts +34 -0
- package/grid/rows/rows.d.ts +43 -0
- package/module.d.ts +30 -0
- package/package.json +100 -0
- package/public-api.d.ts +18 -0
- package/server/README.md +23 -0
- package/server/angular-flex-layout-server.d.ts +5 -0
- package/server/module.d.ts +6 -0
- package/server/package.json +10 -0
- package/server/public-api.d.ts +9 -0
- package/server/server-match-media.d.ts +61 -0
- package/server/server-provider.d.ts +44 -0
- package/version.d.ts +10 -0
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { BaseDirective2, StyleUtils, StyleBuilder, MediaMarshaller } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export interface GridAutoParent {
|
|
12
|
+
inline: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare class GridAutoStyleBuilder extends StyleBuilder {
|
|
15
|
+
buildStyles(input: string, parent: GridAutoParent): {
|
|
16
|
+
display: string;
|
|
17
|
+
'grid-auto-flow': string;
|
|
18
|
+
};
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridAutoStyleBuilder, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridAutoStyleBuilder>;
|
|
21
|
+
}
|
|
22
|
+
export declare class GridAutoDirective extends BaseDirective2 {
|
|
23
|
+
get inline(): boolean;
|
|
24
|
+
set inline(val: boolean);
|
|
25
|
+
protected _inline: boolean;
|
|
26
|
+
protected DIRECTIVE_KEY: string;
|
|
27
|
+
constructor(elementRef: ElementRef, styleBuilder: GridAutoStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
28
|
+
protected updateWithValue(value: string): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridAutoDirective, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridAutoDirective, never, never, { "inline": "gdInline"; }, {}, never>;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* 'grid-auto-flow' CSS Grid styling directive
|
|
34
|
+
* Configures the auto placement algorithm for the grid
|
|
35
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-23
|
|
36
|
+
*/
|
|
37
|
+
export declare class DefaultGridAutoDirective extends GridAutoDirective {
|
|
38
|
+
protected inputs: string[];
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridAutoDirective, never>;
|
|
40
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridAutoDirective, " [gdAuto], [gdAuto.xs], [gdAuto.sm], [gdAuto.md], [gdAuto.lg], [gdAuto.xl], [gdAuto.lt-sm], [gdAuto.lt-md], [gdAuto.lt-lg], [gdAuto.lt-xl], [gdAuto.gt-xs], [gdAuto.gt-sm], [gdAuto.gt-md], [gdAuto.gt-lg]", never, { "gdAuto": "gdAuto"; "gdAuto.xs": "gdAuto.xs"; "gdAuto.sm": "gdAuto.sm"; "gdAuto.md": "gdAuto.md"; "gdAuto.lg": "gdAuto.lg"; "gdAuto.xl": "gdAuto.xl"; "gdAuto.lt-sm": "gdAuto.lt-sm"; "gdAuto.lt-md": "gdAuto.lt-md"; "gdAuto.lt-lg": "gdAuto.lt-lg"; "gdAuto.lt-xl": "gdAuto.lt-xl"; "gdAuto.gt-xs": "gdAuto.gt-xs"; "gdAuto.gt-sm": "gdAuto.gt-sm"; "gdAuto.gt-md": "gdAuto.gt-md"; "gdAuto.gt-lg": "gdAuto.gt-lg"; }, {}, never>;
|
|
41
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { BaseDirective2, StyleUtils, MediaMarshaller, StyleBuilder, StyleDefinition } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare class GridColumnStyleBuilder extends StyleBuilder {
|
|
12
|
+
buildStyles(input: string): {
|
|
13
|
+
'grid-column': string;
|
|
14
|
+
};
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridColumnStyleBuilder, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridColumnStyleBuilder>;
|
|
17
|
+
}
|
|
18
|
+
export declare class GridColumnDirective extends BaseDirective2 {
|
|
19
|
+
protected DIRECTIVE_KEY: string;
|
|
20
|
+
constructor(elementRef: ElementRef, styleBuilder: GridColumnStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
21
|
+
protected styleCache: Map<string, StyleDefinition>;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridColumnDirective, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridColumnDirective, never, never, {}, {}, never>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* 'grid-column' CSS Grid styling directive
|
|
27
|
+
* Configures the name or position of an element within the grid
|
|
28
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-26
|
|
29
|
+
*/
|
|
30
|
+
export declare class DefaultGridColumnDirective extends GridColumnDirective {
|
|
31
|
+
protected inputs: string[];
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridColumnDirective, never>;
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridColumnDirective, " [gdColumn], [gdColumn.xs], [gdColumn.sm], [gdColumn.md], [gdColumn.lg], [gdColumn.xl], [gdColumn.lt-sm], [gdColumn.lt-md], [gdColumn.lt-lg], [gdColumn.lt-xl], [gdColumn.gt-xs], [gdColumn.gt-sm], [gdColumn.gt-md], [gdColumn.gt-lg]", never, { "gdColumn": "gdColumn"; "gdColumn.xs": "gdColumn.xs"; "gdColumn.sm": "gdColumn.sm"; "gdColumn.md": "gdColumn.md"; "gdColumn.lg": "gdColumn.lg"; "gdColumn.xl": "gdColumn.xl"; "gdColumn.lt-sm": "gdColumn.lt-sm"; "gdColumn.lt-md": "gdColumn.lt-md"; "gdColumn.lt-lg": "gdColumn.lt-lg"; "gdColumn.lt-xl": "gdColumn.lt-xl"; "gdColumn.gt-xs": "gdColumn.gt-xs"; "gdColumn.gt-sm": "gdColumn.gt-sm"; "gdColumn.gt-md": "gdColumn.gt-md"; "gdColumn.gt-lg": "gdColumn.gt-lg"; }, {}, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { MediaMarshaller, BaseDirective2, StyleBuilder, StyleUtils } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export interface GridColumnsParent {
|
|
12
|
+
inline: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare class GridColumnsStyleBuilder extends StyleBuilder {
|
|
15
|
+
buildStyles(input: string, parent: GridColumnsParent): {
|
|
16
|
+
display: string;
|
|
17
|
+
'grid-auto-columns': string;
|
|
18
|
+
'grid-template-columns': string;
|
|
19
|
+
};
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridColumnsStyleBuilder, never>;
|
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridColumnsStyleBuilder>;
|
|
22
|
+
}
|
|
23
|
+
export declare class GridColumnsDirective extends BaseDirective2 {
|
|
24
|
+
protected DIRECTIVE_KEY: string;
|
|
25
|
+
get inline(): boolean;
|
|
26
|
+
set inline(val: boolean);
|
|
27
|
+
protected _inline: boolean;
|
|
28
|
+
constructor(elementRef: ElementRef, styleBuilder: GridColumnsStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
29
|
+
protected updateWithValue(value: string): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridColumnsDirective, never>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridColumnsDirective, never, never, { "inline": "gdInline"; }, {}, never>;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* 'grid-template-columns' CSS Grid styling directive
|
|
35
|
+
* Configures the sizing for the columns in the grid
|
|
36
|
+
* Syntax: <column value> [auto]
|
|
37
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-13
|
|
38
|
+
*/
|
|
39
|
+
export declare class DefaultGridColumnsDirective extends GridColumnsDirective {
|
|
40
|
+
protected inputs: string[];
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridColumnsDirective, never>;
|
|
42
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridColumnsDirective, " [gdColumns], [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl], [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl], [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]", never, { "gdColumns": "gdColumns"; "gdColumns.xs": "gdColumns.xs"; "gdColumns.sm": "gdColumns.sm"; "gdColumns.md": "gdColumns.md"; "gdColumns.lg": "gdColumns.lg"; "gdColumns.xl": "gdColumns.xl"; "gdColumns.lt-sm": "gdColumns.lt-sm"; "gdColumns.lt-md": "gdColumns.lt-md"; "gdColumns.lt-lg": "gdColumns.lt-lg"; "gdColumns.lt-xl": "gdColumns.lt-xl"; "gdColumns.gt-xs": "gdColumns.gt-xs"; "gdColumns.gt-sm": "gdColumns.gt-sm"; "gdColumns.gt-md": "gdColumns.gt-md"; "gdColumns.gt-lg": "gdColumns.gt-lg"; }, {}, never>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { BaseDirective2, StyleUtils, MediaMarshaller, StyleBuilder } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export interface GridGapParent {
|
|
12
|
+
inline: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare class GridGapStyleBuilder extends StyleBuilder {
|
|
15
|
+
buildStyles(input: string, parent: GridGapParent): {
|
|
16
|
+
display: string;
|
|
17
|
+
'grid-gap': string;
|
|
18
|
+
};
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridGapStyleBuilder, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridGapStyleBuilder>;
|
|
21
|
+
}
|
|
22
|
+
export declare class GridGapDirective extends BaseDirective2 {
|
|
23
|
+
protected DIRECTIVE_KEY: string;
|
|
24
|
+
get inline(): boolean;
|
|
25
|
+
set inline(val: boolean);
|
|
26
|
+
protected _inline: boolean;
|
|
27
|
+
constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: GridGapStyleBuilder, marshal: MediaMarshaller);
|
|
28
|
+
protected updateWithValue(value: string): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridGapDirective, never>;
|
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridGapDirective, never, never, { "inline": "gdInline"; }, {}, never>;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* 'grid-gap' CSS Grid styling directive
|
|
34
|
+
* Configures the gap between items in the grid
|
|
35
|
+
* Syntax: <row gap> [<column-gap>]
|
|
36
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-17
|
|
37
|
+
*/
|
|
38
|
+
export declare class DefaultGridGapDirective extends GridGapDirective {
|
|
39
|
+
protected inputs: string[];
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridGapDirective, never>;
|
|
41
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridGapDirective, " [gdGap], [gdGap.xs], [gdGap.sm], [gdGap.md], [gdGap.lg], [gdGap.xl], [gdGap.lt-sm], [gdGap.lt-md], [gdGap.lt-lg], [gdGap.lt-xl], [gdGap.gt-xs], [gdGap.gt-sm], [gdGap.gt-md], [gdGap.gt-lg]", never, { "gdGap": "gdGap"; "gdGap.xs": "gdGap.xs"; "gdGap.sm": "gdGap.sm"; "gdGap.md": "gdGap.md"; "gdGap.lg": "gdGap.lg"; "gdGap.xl": "gdGap.xl"; "gdGap.lt-sm": "gdGap.lt-sm"; "gdGap.lt-md": "gdGap.lt-md"; "gdGap.lt-lg": "gdGap.lt-lg"; "gdGap.lt-xl": "gdGap.lt-xl"; "gdGap.gt-xs": "gdGap.gt-xs"; "gdGap.gt-sm": "gdGap.gt-sm"; "gdGap.gt-md": "gdGap.gt-md"; "gdGap.gt-lg": "gdGap.gt-lg"; }, {}, never>;
|
|
42
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { MediaMarshaller, BaseDirective2, StyleBuilder, StyleDefinition, StyleUtils } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare class GridAlignStyleBuilder extends StyleBuilder {
|
|
12
|
+
buildStyles(input: string): {
|
|
13
|
+
[key: string]: string;
|
|
14
|
+
};
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridAlignStyleBuilder, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridAlignStyleBuilder>;
|
|
17
|
+
}
|
|
18
|
+
export declare class GridAlignDirective extends BaseDirective2 {
|
|
19
|
+
protected DIRECTIVE_KEY: string;
|
|
20
|
+
constructor(elementRef: ElementRef, styleBuilder: GridAlignStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
21
|
+
protected styleCache: Map<string, StyleDefinition>;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridAlignDirective, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridAlignDirective, never, never, {}, {}, never>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* 'align' CSS Grid styling directive for grid children
|
|
27
|
+
* Defines positioning of child elements along row and column axis in a grid container
|
|
28
|
+
* Optional values: {row-axis} values or {row-axis column-axis} value pairs
|
|
29
|
+
*
|
|
30
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#prop-justify-self
|
|
31
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#prop-align-self
|
|
32
|
+
*/
|
|
33
|
+
export declare class DefaultGridAlignDirective extends GridAlignDirective {
|
|
34
|
+
protected inputs: string[];
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridAlignDirective, never>;
|
|
36
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridAlignDirective, " [gdGridAlign], [gdGridAlign.xs], [gdGridAlign.sm], [gdGridAlign.md], [gdGridAlign.lg],[gdGridAlign.xl], [gdGridAlign.lt-sm], [gdGridAlign.lt-md], [gdGridAlign.lt-lg], [gdGridAlign.lt-xl], [gdGridAlign.gt-xs], [gdGridAlign.gt-sm], [gdGridAlign.gt-md], [gdGridAlign.gt-lg]", never, { "gdGridAlign": "gdGridAlign"; "gdGridAlign.xs": "gdGridAlign.xs"; "gdGridAlign.sm": "gdGridAlign.sm"; "gdGridAlign.md": "gdGridAlign.md"; "gdGridAlign.lg": "gdGridAlign.lg"; "gdGridAlign.xl": "gdGridAlign.xl"; "gdGridAlign.lt-sm": "gdGridAlign.lt-sm"; "gdGridAlign.lt-md": "gdGridAlign.lt-md"; "gdGridAlign.lt-lg": "gdGridAlign.lt-lg"; "gdGridAlign.lt-xl": "gdGridAlign.lt-xl"; "gdGridAlign.gt-xs": "gdGridAlign.gt-xs"; "gdGridAlign.gt-sm": "gdGridAlign.gt-sm"; "gdGridAlign.gt-md": "gdGridAlign.gt-md"; "gdGridAlign.gt-lg": "gdGridAlign.gt-lg"; }, {}, never>;
|
|
37
|
+
}
|
package/grid/module.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./grid-align/grid-align";
|
|
3
|
+
import * as i2 from "./align-columns/align-columns";
|
|
4
|
+
import * as i3 from "./align-rows/align-rows";
|
|
5
|
+
import * as i4 from "./area/area";
|
|
6
|
+
import * as i5 from "./areas/areas";
|
|
7
|
+
import * as i6 from "./auto/auto";
|
|
8
|
+
import * as i7 from "./column/column";
|
|
9
|
+
import * as i8 from "./columns/columns";
|
|
10
|
+
import * as i9 from "./gap/gap";
|
|
11
|
+
import * as i10 from "./row/row";
|
|
12
|
+
import * as i11 from "./rows/rows";
|
|
13
|
+
import * as i12 from "@angular/flex-layout/core";
|
|
14
|
+
/**
|
|
15
|
+
* *****************************************************************
|
|
16
|
+
* Define module for the CSS Grid API
|
|
17
|
+
* *****************************************************************
|
|
18
|
+
*/
|
|
19
|
+
export declare class GridModule {
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridModule, never>;
|
|
21
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<GridModule, [typeof i1.DefaultGridAlignDirective, typeof i2.DefaultGridAlignColumnsDirective, typeof i3.DefaultGridAlignRowsDirective, typeof i4.DefaultGridAreaDirective, typeof i5.DefaultGridAreasDirective, typeof i6.DefaultGridAutoDirective, typeof i7.DefaultGridColumnDirective, typeof i8.DefaultGridColumnsDirective, typeof i9.DefaultGridGapDirective, typeof i10.DefaultGridRowDirective, typeof i11.DefaultGridRowsDirective], [typeof i12.CoreModule], [typeof i1.DefaultGridAlignDirective, typeof i2.DefaultGridAlignColumnsDirective, typeof i3.DefaultGridAlignRowsDirective, typeof i4.DefaultGridAreaDirective, typeof i5.DefaultGridAreasDirective, typeof i6.DefaultGridAutoDirective, typeof i7.DefaultGridColumnDirective, typeof i8.DefaultGridColumnsDirective, typeof i9.DefaultGridGapDirective, typeof i10.DefaultGridRowDirective, typeof i11.DefaultGridRowsDirective]>;
|
|
22
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<GridModule>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/angular-flex-layout-grid.mjs",
|
|
3
|
+
"es2020": "../fesm2020/angular-flex-layout-grid.mjs",
|
|
4
|
+
"esm2020": "../esm2020/grid/angular-flex-layout-grid.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/angular-flex-layout-grid.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/angular-flex-layout-grid.mjs",
|
|
7
|
+
"typings": "angular-flex-layout-grid.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@angular/flex-layout/grid"
|
|
10
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
export * from './module';
|
|
9
|
+
export * from './align-columns/align-columns';
|
|
10
|
+
export * from './align-rows/align-rows';
|
|
11
|
+
export * from './area/area';
|
|
12
|
+
export * from './areas/areas';
|
|
13
|
+
export * from './auto/auto';
|
|
14
|
+
export * from './column/column';
|
|
15
|
+
export * from './columns/columns';
|
|
16
|
+
export * from './gap/gap';
|
|
17
|
+
export * from './grid-align/grid-align';
|
|
18
|
+
export * from './row/row';
|
|
19
|
+
export * from './rows/rows';
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { BaseDirective2, StyleUtils, MediaMarshaller, StyleBuilder, StyleDefinition } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export declare class GridRowStyleBuilder extends StyleBuilder {
|
|
12
|
+
buildStyles(input: string): {
|
|
13
|
+
'grid-row': string;
|
|
14
|
+
};
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridRowStyleBuilder, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridRowStyleBuilder>;
|
|
17
|
+
}
|
|
18
|
+
export declare class GridRowDirective extends BaseDirective2 {
|
|
19
|
+
protected DIRECTIVE_KEY: string;
|
|
20
|
+
constructor(elementRef: ElementRef, styleBuilder: GridRowStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
21
|
+
protected styleCache: Map<string, StyleDefinition>;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridRowDirective, never>;
|
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridRowDirective, never, never, {}, {}, never>;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* 'grid-row' CSS Grid styling directive
|
|
27
|
+
* Configures the name or position of an element within the grid
|
|
28
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-26
|
|
29
|
+
*/
|
|
30
|
+
export declare class DefaultGridRowDirective extends GridRowDirective {
|
|
31
|
+
protected inputs: string[];
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridRowDirective, never>;
|
|
33
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridRowDirective, " [gdRow], [gdRow.xs], [gdRow.sm], [gdRow.md], [gdRow.lg], [gdRow.xl], [gdRow.lt-sm], [gdRow.lt-md], [gdRow.lt-lg], [gdRow.lt-xl], [gdRow.gt-xs], [gdRow.gt-sm], [gdRow.gt-md], [gdRow.gt-lg]", never, { "gdRow": "gdRow"; "gdRow.xs": "gdRow.xs"; "gdRow.sm": "gdRow.sm"; "gdRow.md": "gdRow.md"; "gdRow.lg": "gdRow.lg"; "gdRow.xl": "gdRow.xl"; "gdRow.lt-sm": "gdRow.lt-sm"; "gdRow.lt-md": "gdRow.lt-md"; "gdRow.lt-lg": "gdRow.lt-lg"; "gdRow.lt-xl": "gdRow.lt-xl"; "gdRow.gt-xs": "gdRow.gt-xs"; "gdRow.gt-sm": "gdRow.gt-sm"; "gdRow.gt-md": "gdRow.gt-md"; "gdRow.gt-lg": "gdRow.gt-lg"; }, {}, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ElementRef } from '@angular/core';
|
|
9
|
+
import { MediaMarshaller, BaseDirective2, StyleBuilder, StyleUtils } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export interface GridRowsParent {
|
|
12
|
+
inline: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare class GridRowsStyleBuilder extends StyleBuilder {
|
|
15
|
+
buildStyles(input: string, parent: GridRowsParent): {
|
|
16
|
+
display: string;
|
|
17
|
+
'grid-auto-rows': string;
|
|
18
|
+
'grid-template-rows': string;
|
|
19
|
+
};
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridRowsStyleBuilder, never>;
|
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<GridRowsStyleBuilder>;
|
|
22
|
+
}
|
|
23
|
+
export declare class GridRowsDirective extends BaseDirective2 {
|
|
24
|
+
protected DIRECTIVE_KEY: string;
|
|
25
|
+
get inline(): boolean;
|
|
26
|
+
set inline(val: boolean);
|
|
27
|
+
protected _inline: boolean;
|
|
28
|
+
constructor(elementRef: ElementRef, styleBuilder: GridRowsStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
|
|
29
|
+
protected updateWithValue(value: string): void;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GridRowsDirective, never>;
|
|
31
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridRowsDirective, never, never, { "inline": "gdInline"; }, {}, never>;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* 'grid-template-rows' CSS Grid styling directive
|
|
35
|
+
* Configures the sizing for the rows in the grid
|
|
36
|
+
* Syntax: <column value> [auto]
|
|
37
|
+
* @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-13
|
|
38
|
+
*/
|
|
39
|
+
export declare class DefaultGridRowsDirective extends GridRowsDirective {
|
|
40
|
+
protected inputs: string[];
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DefaultGridRowsDirective, never>;
|
|
42
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultGridRowsDirective, " [gdRows], [gdRows.xs], [gdRows.sm], [gdRows.md], [gdRows.lg], [gdRows.xl], [gdRows.lt-sm], [gdRows.lt-md], [gdRows.lt-lg], [gdRows.lt-xl], [gdRows.gt-xs], [gdRows.gt-sm], [gdRows.gt-md], [gdRows.gt-lg]", never, { "gdRows": "gdRows"; "gdRows.xs": "gdRows.xs"; "gdRows.sm": "gdRows.sm"; "gdRows.md": "gdRows.md"; "gdRows.lg": "gdRows.lg"; "gdRows.xl": "gdRows.xl"; "gdRows.lt-sm": "gdRows.lt-sm"; "gdRows.lt-md": "gdRows.lt-md"; "gdRows.lt-lg": "gdRows.lt-lg"; "gdRows.lt-xl": "gdRows.lt-xl"; "gdRows.gt-xs": "gdRows.gt-xs"; "gdRows.gt-sm": "gdRows.gt-sm"; "gdRows.gt-md": "gdRows.gt-md"; "gdRows.gt-lg": "gdRows.gt-lg"; }, {}, never>;
|
|
43
|
+
}
|
package/module.d.ts
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
import { ModuleWithProviders } from '@angular/core';
|
|
9
|
+
import { LayoutConfigOptions, BreakPoint } from '@angular/flex-layout/core';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
import * as i1 from "@angular/flex-layout/flex";
|
|
12
|
+
import * as i2 from "@angular/flex-layout/extended";
|
|
13
|
+
import * as i3 from "@angular/flex-layout/grid";
|
|
14
|
+
/**
|
|
15
|
+
* FlexLayoutModule -- the main import for all utilities in the Angular Layout library
|
|
16
|
+
* * Will automatically provide Flex, Grid, and Extended modules for use in the application
|
|
17
|
+
* * Can be configured using the static withConfig method, options viewable on the Wiki's
|
|
18
|
+
* Configuration page
|
|
19
|
+
*/
|
|
20
|
+
export declare class FlexLayoutModule {
|
|
21
|
+
/**
|
|
22
|
+
* Initialize the FlexLayoutModule with a set of config options,
|
|
23
|
+
* which sets the corresponding tokens accordingly
|
|
24
|
+
*/
|
|
25
|
+
static withConfig(configOptions: LayoutConfigOptions, breakpoints?: BreakPoint | BreakPoint[]): ModuleWithProviders<FlexLayoutModule>;
|
|
26
|
+
constructor(serverModuleLoaded: boolean, platformId: Object);
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FlexLayoutModule, never>;
|
|
28
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FlexLayoutModule, never, [typeof i1.FlexModule, typeof i2.ExtendedModule, typeof i3.GridModule], [typeof i1.FlexModule, typeof i2.ExtendedModule, typeof i3.GridModule]>;
|
|
29
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FlexLayoutModule>;
|
|
30
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@dugararchit/flex-layout",
|
|
3
|
+
"version": "13.0.0-dugararchit",
|
|
4
|
+
"description": "Mirror of @angular/flex-layout@13.0.0-beta.38 for Neutrinos Angular 21 apps",
|
|
5
|
+
"exports": {
|
|
6
|
+
"./mq": {
|
|
7
|
+
"sass": "./core/sass/_layout-bp.scss"
|
|
8
|
+
},
|
|
9
|
+
"./_mq": {
|
|
10
|
+
"sass": "./core/sass/_layout-bp.scss"
|
|
11
|
+
},
|
|
12
|
+
"./package.json": {
|
|
13
|
+
"default": "./package.json"
|
|
14
|
+
},
|
|
15
|
+
".": {
|
|
16
|
+
"types": "./angular-flex-layout.d.ts",
|
|
17
|
+
"esm2020": "./esm2020/angular-flex-layout.mjs",
|
|
18
|
+
"es2020": "./fesm2020/angular-flex-layout.mjs",
|
|
19
|
+
"es2015": "./fesm2015/angular-flex-layout.mjs",
|
|
20
|
+
"node": "./fesm2015/angular-flex-layout.mjs",
|
|
21
|
+
"default": "./fesm2020/angular-flex-layout.mjs"
|
|
22
|
+
},
|
|
23
|
+
"./_private-utils": {
|
|
24
|
+
"types": "./_private-utils/angular-flex-layout-_private-utils.d.ts",
|
|
25
|
+
"esm2020": "./esm2020/_private-utils/angular-flex-layout-_private-utils.mjs",
|
|
26
|
+
"es2020": "./fesm2020/angular-flex-layout-_private-utils.mjs",
|
|
27
|
+
"es2015": "./fesm2015/angular-flex-layout-_private-utils.mjs",
|
|
28
|
+
"node": "./fesm2015/angular-flex-layout-_private-utils.mjs",
|
|
29
|
+
"default": "./fesm2020/angular-flex-layout-_private-utils.mjs"
|
|
30
|
+
},
|
|
31
|
+
"./_private-utils/testing": {
|
|
32
|
+
"types": "./_private-utils/testing/angular-flex-layout-_private-utils-testing.d.ts",
|
|
33
|
+
"esm2020": "./esm2020/_private-utils/testing/angular-flex-layout-_private-utils-testing.mjs",
|
|
34
|
+
"es2020": "./fesm2020/angular-flex-layout-_private-utils-testing.mjs",
|
|
35
|
+
"es2015": "./fesm2015/angular-flex-layout-_private-utils-testing.mjs",
|
|
36
|
+
"node": "./fesm2015/angular-flex-layout-_private-utils-testing.mjs",
|
|
37
|
+
"default": "./fesm2020/angular-flex-layout-_private-utils-testing.mjs"
|
|
38
|
+
},
|
|
39
|
+
"./core": {
|
|
40
|
+
"types": "./core/angular-flex-layout-core.d.ts",
|
|
41
|
+
"esm2020": "./esm2020/core/angular-flex-layout-core.mjs",
|
|
42
|
+
"es2020": "./fesm2020/angular-flex-layout-core.mjs",
|
|
43
|
+
"es2015": "./fesm2015/angular-flex-layout-core.mjs",
|
|
44
|
+
"node": "./fesm2015/angular-flex-layout-core.mjs",
|
|
45
|
+
"default": "./fesm2020/angular-flex-layout-core.mjs"
|
|
46
|
+
},
|
|
47
|
+
"./extended": {
|
|
48
|
+
"types": "./extended/angular-flex-layout-extended.d.ts",
|
|
49
|
+
"esm2020": "./esm2020/extended/angular-flex-layout-extended.mjs",
|
|
50
|
+
"es2020": "./fesm2020/angular-flex-layout-extended.mjs",
|
|
51
|
+
"es2015": "./fesm2015/angular-flex-layout-extended.mjs",
|
|
52
|
+
"node": "./fesm2015/angular-flex-layout-extended.mjs",
|
|
53
|
+
"default": "./fesm2020/angular-flex-layout-extended.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./flex": {
|
|
56
|
+
"types": "./flex/angular-flex-layout-flex.d.ts",
|
|
57
|
+
"esm2020": "./esm2020/flex/angular-flex-layout-flex.mjs",
|
|
58
|
+
"es2020": "./fesm2020/angular-flex-layout-flex.mjs",
|
|
59
|
+
"es2015": "./fesm2015/angular-flex-layout-flex.mjs",
|
|
60
|
+
"node": "./fesm2015/angular-flex-layout-flex.mjs",
|
|
61
|
+
"default": "./fesm2020/angular-flex-layout-flex.mjs"
|
|
62
|
+
},
|
|
63
|
+
"./grid": {
|
|
64
|
+
"types": "./grid/angular-flex-layout-grid.d.ts",
|
|
65
|
+
"esm2020": "./esm2020/grid/angular-flex-layout-grid.mjs",
|
|
66
|
+
"es2020": "./fesm2020/angular-flex-layout-grid.mjs",
|
|
67
|
+
"es2015": "./fesm2015/angular-flex-layout-grid.mjs",
|
|
68
|
+
"node": "./fesm2015/angular-flex-layout-grid.mjs",
|
|
69
|
+
"default": "./fesm2020/angular-flex-layout-grid.mjs"
|
|
70
|
+
},
|
|
71
|
+
"./server": {
|
|
72
|
+
"types": "./server/angular-flex-layout-server.d.ts",
|
|
73
|
+
"esm2020": "./esm2020/server/angular-flex-layout-server.mjs",
|
|
74
|
+
"es2020": "./fesm2020/angular-flex-layout-server.mjs",
|
|
75
|
+
"es2015": "./fesm2015/angular-flex-layout-server.mjs",
|
|
76
|
+
"node": "./fesm2015/angular-flex-layout-server.mjs",
|
|
77
|
+
"default": "./fesm2020/angular-flex-layout-server.mjs"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"keywords": ["angular", "flex-layout"],
|
|
81
|
+
"license": "MIT",
|
|
82
|
+
"dependencies": {
|
|
83
|
+
"tslib": "^2.3.0"
|
|
84
|
+
},
|
|
85
|
+
"peerDependencies": {
|
|
86
|
+
"@angular/cdk": "^13.0.0 || ^21.0.0",
|
|
87
|
+
"@angular/core": "^13.0.0 || ^21.0.0",
|
|
88
|
+
"@angular/common": "^13.0.0 || ^21.0.0",
|
|
89
|
+
"@angular/platform-browser": "^13.0.0 || ^21.0.0",
|
|
90
|
+
"rxjs": "^6.5.3 || ^7.4.0"
|
|
91
|
+
},
|
|
92
|
+
"type": "module",
|
|
93
|
+
"module": "fesm2015/angular-flex-layout.mjs",
|
|
94
|
+
"es2020": "fesm2020/angular-flex-layout.mjs",
|
|
95
|
+
"esm2020": "esm2020/angular-flex-layout.mjs",
|
|
96
|
+
"fesm2020": "fesm2020/angular-flex-layout.mjs",
|
|
97
|
+
"fesm2015": "fesm2015/angular-flex-layout.mjs",
|
|
98
|
+
"typings": "angular-flex-layout.d.ts",
|
|
99
|
+
"sideEffects": false
|
|
100
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* @module
|
|
10
|
+
* @description
|
|
11
|
+
* Entry point for all public APIs of Angular Flex-Layout.
|
|
12
|
+
*/
|
|
13
|
+
export * from './version';
|
|
14
|
+
export * from '@angular/flex-layout/core';
|
|
15
|
+
export * from '@angular/flex-layout/extended';
|
|
16
|
+
export * from '@angular/flex-layout/flex';
|
|
17
|
+
export * from '@angular/flex-layout/grid';
|
|
18
|
+
export * from './module';
|
package/server/README.md
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
This entrypoint consolidates the logic for running Flex Layout on the server. Because it uses Node.js
|
|
2
|
+
APIs, it must be segmented into the server bundle. This also helps avoid including server code in the
|
|
3
|
+
browser bundle.
|
|
4
|
+
|
|
5
|
+
The main export for this entrypoint, the `FlexLayoutServerModule`, can be imported into a server module
|
|
6
|
+
file, e.g. `app.server.module.ts` as follows:
|
|
7
|
+
|
|
8
|
+
```typescript
|
|
9
|
+
import {NgModule} from '@angular/core';
|
|
10
|
+
import {FlexLayoutServerModule} from '@angular/flex-layout/server';
|
|
11
|
+
|
|
12
|
+
@NgModule(({
|
|
13
|
+
imports: [
|
|
14
|
+
... other imports here
|
|
15
|
+
FlexLayoutServerModule,
|
|
16
|
+
]
|
|
17
|
+
}))
|
|
18
|
+
export class AppServerModule {}
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
This module, in addition to handling all of the style processing/rendering before the Angular app is
|
|
22
|
+
bootstrapped on the server, also substitutes the version of `MatchMedia` with a server-compatible
|
|
23
|
+
implementation called `ServerMatchMedia`.
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FlexLayoutServerModule {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FlexLayoutServerModule, never>;
|
|
4
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FlexLayoutServerModule, never, never, never>;
|
|
5
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FlexLayoutServerModule>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/angular-flex-layout-server.mjs",
|
|
3
|
+
"es2020": "../fesm2020/angular-flex-layout-server.mjs",
|
|
4
|
+
"esm2020": "../esm2020/server/angular-flex-layout-server.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/angular-flex-layout-server.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/angular-flex-layout-server.mjs",
|
|
7
|
+
"typings": "angular-flex-layout-server.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@angular/flex-layout/server"
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Google LLC All Rights Reserved.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
+
* found in the LICENSE file at https://angular.io/license
|
|
7
|
+
*/
|
|
8
|
+
export * from './module';
|
|
9
|
+
export * from './server-provider';
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { NgZone } from '@angular/core';
|
|
2
|
+
import { BreakPoint, ɵMatchMedia as MatchMedia, LayoutConfigOptions } from '@angular/flex-layout/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Special server-only class to simulate a MediaQueryList and
|
|
6
|
+
* - supports manual activation to simulate mediaQuery matching
|
|
7
|
+
* - manages listeners
|
|
8
|
+
*/
|
|
9
|
+
export declare class ServerMediaQueryList implements MediaQueryList {
|
|
10
|
+
private _mediaQuery;
|
|
11
|
+
private _isActive;
|
|
12
|
+
private _listeners;
|
|
13
|
+
get matches(): boolean;
|
|
14
|
+
get media(): string;
|
|
15
|
+
constructor(_mediaQuery: string, _isActive?: boolean);
|
|
16
|
+
/**
|
|
17
|
+
* Destroy the current list by deactivating the
|
|
18
|
+
* listeners and clearing the internal list
|
|
19
|
+
*/
|
|
20
|
+
destroy(): void;
|
|
21
|
+
/** Notify all listeners that 'matches === TRUE' */
|
|
22
|
+
activate(): ServerMediaQueryList;
|
|
23
|
+
/** Notify all listeners that 'matches === false' */
|
|
24
|
+
deactivate(): ServerMediaQueryList;
|
|
25
|
+
/** Add a listener to our internal list to activate later */
|
|
26
|
+
addListener(listener: MediaQueryListListener): void;
|
|
27
|
+
/** Don't need to remove listeners in the server environment */
|
|
28
|
+
removeListener(): void;
|
|
29
|
+
addEventListener(): void;
|
|
30
|
+
removeEventListener(): void;
|
|
31
|
+
dispatchEvent(_: Event): boolean;
|
|
32
|
+
onchange: MediaQueryListListener;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Special server-only implementation of MatchMedia that uses the above
|
|
36
|
+
* ServerMediaQueryList as its internal representation
|
|
37
|
+
*
|
|
38
|
+
* Also contains methods to activate and deactivate breakpoints
|
|
39
|
+
*/
|
|
40
|
+
export declare class ServerMatchMedia extends MatchMedia {
|
|
41
|
+
protected _zone: NgZone;
|
|
42
|
+
protected _platformId: Object;
|
|
43
|
+
protected _document: any;
|
|
44
|
+
protected breakpoints: BreakPoint[];
|
|
45
|
+
protected layoutConfig: LayoutConfigOptions;
|
|
46
|
+
private _activeBreakpoints;
|
|
47
|
+
constructor(_zone: NgZone, _platformId: Object, _document: any, breakpoints: BreakPoint[], layoutConfig: LayoutConfigOptions);
|
|
48
|
+
/** Activate the specified breakpoint if we're on the server, no-op otherwise */
|
|
49
|
+
activateBreakpoint(bp: BreakPoint): void;
|
|
50
|
+
/** Deactivate the specified breakpoint if we're on the server, no-op otherwise */
|
|
51
|
+
deactivateBreakpoint(bp: BreakPoint): void;
|
|
52
|
+
/**
|
|
53
|
+
* Call window.matchMedia() to build a MediaQueryList; which
|
|
54
|
+
* supports 0..n listeners for activation/deactivation
|
|
55
|
+
*/
|
|
56
|
+
protected buildMQL(query: string): ServerMediaQueryList;
|
|
57
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ServerMatchMedia, never>;
|
|
58
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ServerMatchMedia>;
|
|
59
|
+
}
|
|
60
|
+
declare type MediaQueryListListener = ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
|
|
61
|
+
export {};
|