├── README.md ├── _private-utils ├── angular-flex-layout-_private-utils.d.ts ├── auto-prefixer.d.ts ├── index.d.ts ├── layout-validator.d.ts ├── object-extend.d.ts ├── package.json └── testing │ ├── angular-flex-layout-_private-utils-testing.d.ts │ ├── custom-matchers.d.ts │ ├── dom-tools.d.ts │ ├── helpers.d.ts │ ├── index.d.ts │ └── package.json ├── angular-flex-layout.d.ts ├── core ├── README.md ├── add-alias.d.ts ├── angular-flex-layout-core.d.ts ├── base │ ├── base2.d.ts │ └── index.d.ts ├── basis-validator │ └── basis-validator.d.ts ├── breakpoints │ ├── break-point-registry.d.ts │ ├── break-point.d.ts │ ├── break-points-token.d.ts │ ├── breakpoint-tools.d.ts │ ├── data │ │ ├── break-points.d.ts │ │ └── orientation-break-points.d.ts │ └── index.d.ts ├── browser-provider.d.ts ├── match-media │ ├── index.d.ts │ ├── match-media.d.ts │ └── mock │ │ └── mock-match-media.d.ts ├── media-change.d.ts ├── media-marshaller │ ├── media-marshaller.d.ts │ └── print-hook.d.ts ├── media-observer │ ├── index.d.ts │ └── media-observer.d.ts ├── media-trigger │ ├── index.d.ts │ └── media-trigger.d.ts ├── module.d.ts ├── multiply │ └── multiplier.d.ts ├── package.json ├── public-api.d.ts ├── sass │ └── _layout-bp.scss ├── style-builder │ └── style-builder.d.ts ├── style-utils │ └── style-utils.d.ts ├── stylesheet-map │ ├── index.d.ts │ └── stylesheet-map.d.ts ├── tokens │ ├── breakpoint-token.d.ts │ ├── index.d.ts │ ├── library-config.d.ts │ └── server-token.d.ts └── utils │ ├── array.d.ts │ ├── index.d.ts │ └── sort.d.ts ├── esm2020 ├── _private-utils │ ├── angular-flex-layout-_private-utils.mjs │ ├── auto-prefixer.mjs │ ├── index.mjs │ ├── layout-validator.mjs │ ├── object-extend.mjs │ └── testing │ │ ├── angular-flex-layout-_private-utils-testing.mjs │ │ ├── custom-matchers.mjs │ │ ├── dom-tools.mjs │ │ ├── helpers.mjs │ │ └── index.mjs ├── angular-flex-layout.mjs ├── core │ ├── add-alias.mjs │ ├── angular-flex-layout-core.mjs │ ├── base │ │ ├── base2.mjs │ │ └── index.mjs │ ├── basis-validator │ │ └── basis-validator.mjs │ ├── breakpoints │ │ ├── break-point-registry.mjs │ │ ├── break-point.mjs │ │ ├── break-points-token.mjs │ │ ├── breakpoint-tools.mjs │ │ ├── data │ │ │ ├── break-points.mjs │ │ │ └── orientation-break-points.mjs │ │ └── index.mjs │ ├── browser-provider.mjs │ ├── match-media │ │ ├── index.mjs │ │ ├── match-media.mjs │ │ └── mock │ │ │ └── mock-match-media.mjs │ ├── media-change.mjs │ ├── media-marshaller │ │ ├── media-marshaller.mjs │ │ └── print-hook.mjs │ ├── media-observer │ │ ├── index.mjs │ │ └── media-observer.mjs │ ├── media-trigger │ │ ├── index.mjs │ │ └── media-trigger.mjs │ ├── module.mjs │ ├── multiply │ │ └── multiplier.mjs │ ├── public-api.mjs │ ├── style-builder │ │ └── style-builder.mjs │ ├── style-utils │ │ └── style-utils.mjs │ ├── stylesheet-map │ │ ├── index.mjs │ │ └── stylesheet-map.mjs │ ├── tokens │ │ ├── breakpoint-token.mjs │ │ ├── index.mjs │ │ ├── library-config.mjs │ │ └── server-token.mjs │ └── utils │ │ ├── array.mjs │ │ ├── index.mjs │ │ └── sort.mjs ├── extended │ ├── angular-flex-layout-extended.mjs │ ├── class │ │ └── class.mjs │ ├── img-src │ │ └── img-src.mjs │ ├── module.mjs │ ├── public-api.mjs │ ├── show-hide │ │ └── show-hide.mjs │ └── style │ │ ├── style-transforms.mjs │ │ └── style.mjs ├── flex │ ├── angular-flex-layout-flex.mjs │ ├── flex-align │ │ └── flex-align.mjs │ ├── flex-fill │ │ └── flex-fill.mjs │ ├── flex-offset │ │ └── flex-offset.mjs │ ├── flex-order │ │ └── flex-order.mjs │ ├── flex │ │ └── flex.mjs │ ├── layout-align │ │ └── layout-align.mjs │ ├── layout-gap │ │ └── layout-gap.mjs │ ├── layout │ │ └── layout.mjs │ ├── module.mjs │ └── public-api.mjs ├── grid │ ├── align-columns │ │ └── align-columns.mjs │ ├── align-rows │ │ └── align-rows.mjs │ ├── angular-flex-layout-grid.mjs │ ├── area │ │ └── area.mjs │ ├── areas │ │ └── areas.mjs │ ├── auto │ │ └── auto.mjs │ ├── column │ │ └── column.mjs │ ├── columns │ │ └── columns.mjs │ ├── gap │ │ └── gap.mjs │ ├── grid-align │ │ └── grid-align.mjs │ ├── module.mjs │ ├── public-api.mjs │ ├── row │ │ └── row.mjs │ └── rows │ │ └── rows.mjs ├── module.mjs ├── public-api.mjs ├── server │ ├── angular-flex-layout-server.mjs │ ├── module.mjs │ ├── public-api.mjs │ ├── server-match-media.mjs │ └── server-provider.mjs └── version.mjs ├── extended ├── README.md ├── angular-flex-layout-extended.d.ts ├── class │ └── class.d.ts ├── img-src │ └── img-src.d.ts ├── module.d.ts ├── package.json ├── public-api.d.ts ├── show-hide │ └── show-hide.d.ts └── style │ ├── style-transforms.d.ts │ └── style.d.ts ├── fesm2015 ├── angular-flex-layout-_private-utils-testing.mjs ├── angular-flex-layout-_private-utils-testing.mjs.map ├── angular-flex-layout-_private-utils.mjs ├── angular-flex-layout-_private-utils.mjs.map ├── angular-flex-layout-core.mjs ├── angular-flex-layout-core.mjs.map ├── angular-flex-layout-extended.mjs ├── angular-flex-layout-extended.mjs.map ├── angular-flex-layout-flex.mjs ├── angular-flex-layout-flex.mjs.map ├── angular-flex-layout-grid.mjs ├── angular-flex-layout-grid.mjs.map ├── angular-flex-layout-server.mjs ├── angular-flex-layout-server.mjs.map ├── angular-flex-layout.mjs └── angular-flex-layout.mjs.map ├── fesm2020 ├── angular-flex-layout-_private-utils-testing.mjs ├── angular-flex-layout-_private-utils-testing.mjs.map ├── angular-flex-layout-_private-utils.mjs ├── angular-flex-layout-_private-utils.mjs.map ├── angular-flex-layout-core.mjs ├── angular-flex-layout-core.mjs.map ├── angular-flex-layout-extended.mjs ├── angular-flex-layout-extended.mjs.map ├── angular-flex-layout-flex.mjs ├── angular-flex-layout-flex.mjs.map ├── angular-flex-layout-grid.mjs ├── angular-flex-layout-grid.mjs.map ├── angular-flex-layout-server.mjs ├── angular-flex-layout-server.mjs.map ├── angular-flex-layout.mjs └── angular-flex-layout.mjs.map ├── flex ├── README.md ├── angular-flex-layout-flex.d.ts ├── flex-align │ └── flex-align.d.ts ├── flex-fill │ └── flex-fill.d.ts ├── flex-offset │ └── flex-offset.d.ts ├── flex-order │ └── flex-order.d.ts ├── flex │ └── flex.d.ts ├── layout-align │ └── layout-align.d.ts ├── layout-gap │ └── layout-gap.d.ts ├── layout │ └── layout.d.ts ├── module.d.ts ├── package.json └── public-api.d.ts ├── grid ├── README.md ├── align-columns │ └── align-columns.d.ts ├── align-rows │ └── align-rows.d.ts ├── angular-flex-layout-grid.d.ts ├── area │ └── area.d.ts ├── areas │ └── areas.d.ts ├── auto │ └── auto.d.ts ├── column │ └── column.d.ts ├── columns │ └── columns.d.ts ├── gap │ └── gap.d.ts ├── grid-align │ └── grid-align.d.ts ├── module.d.ts ├── package.json ├── public-api.d.ts ├── row │ └── row.d.ts └── rows │ └── rows.d.ts ├── module.d.ts ├── package.json ├── public-api.d.ts ├── server ├── README.md ├── angular-flex-layout-server.d.ts ├── module.d.ts ├── package.json ├── public-api.d.ts ├── server-match-media.d.ts └── server-provider.d.ts └── version.d.ts /README.md: -------------------------------------------------------------------------------- 1 | Angular Flex-Layout 2 | ======= 3 | 4 | The sources for this package are in the main [Angular Flex-Layout](https://github.com/angular/flex-layout) repo. 5 | Please file issues and pull requests against that repo. 6 | 7 | License: MIT -------------------------------------------------------------------------------- /_private-utils/angular-flex-layout-_private-utils.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './index'; 6 | -------------------------------------------------------------------------------- /_private-utils/auto-prefixer.d.ts: -------------------------------------------------------------------------------- 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 | * Applies CSS prefixes to appropriate style keys. 10 | * 11 | * Note: `-ms-`, `-moz` and `-webkit-box` are no longer supported. e.g. 12 | * { 13 | * display: -webkit-flex; NEW - Safari 6.1+. iOS 7.1+, BB10 14 | * display: flex; NEW, Spec - Firefox, Chrome, Opera 15 | * // display: -webkit-box; OLD - iOS 6-, Safari 3.1-6, BB7 16 | * // display: -ms-flexbox; TWEENER - IE 10 17 | * // display: -moz-flexbox; OLD - Firefox 18 | * } 19 | */ 20 | export declare function applyCssPrefixes(target: { 21 | [key: string]: any | null; 22 | }): { 23 | [key: string]: any; 24 | }; 25 | -------------------------------------------------------------------------------- /_private-utils/index.d.ts: -------------------------------------------------------------------------------- 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 './auto-prefixer'; 9 | export * from './layout-validator'; 10 | export * from './object-extend'; 11 | -------------------------------------------------------------------------------- /_private-utils/layout-validator.d.ts: -------------------------------------------------------------------------------- 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 declare const INLINE = "inline"; 9 | export declare const LAYOUT_VALUES: string[]; 10 | /** 11 | * Validate the direction|'direction wrap' value and then update the host's inline flexbox styles 12 | */ 13 | export declare function buildLayoutCSS(value: string): { 14 | display: string; 15 | 'box-sizing': string; 16 | 'flex-direction': string; 17 | 'flex-wrap': string | null; 18 | }; 19 | /** 20 | * Validate the value to be one of the acceptable value options 21 | * Use default fallback of 'row' 22 | */ 23 | export declare function validateValue(value: string): [string, string, boolean]; 24 | /** 25 | * Determine if the validated, flex-direction value specifies 26 | * a horizontal/row flow. 27 | */ 28 | export declare function isFlowHorizontal(value: string): boolean; 29 | /** 30 | * Convert layout-wrap='' to expected flex-wrap style 31 | */ 32 | export declare function validateWrapValue(value: string): string; 33 | -------------------------------------------------------------------------------- /_private-utils/object-extend.d.ts: -------------------------------------------------------------------------------- 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 | * Extends an object with the *enumerable* and *own* properties of one or more source objects, 10 | * similar to Object.assign. 11 | * 12 | * @param dest The object which will have properties copied to it. 13 | * @param sources The source objects from which properties will be copied. 14 | */ 15 | export declare function extendObject(dest: any, ...sources: any[]): any; 16 | -------------------------------------------------------------------------------- /_private-utils/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "../fesm2015/angular-flex-layout-_private-utils.mjs", 3 | "es2020": "../fesm2020/angular-flex-layout-_private-utils.mjs", 4 | "esm2020": "../esm2020/_private-utils/angular-flex-layout-_private-utils.mjs", 5 | "fesm2020": "../fesm2020/angular-flex-layout-_private-utils.mjs", 6 | "fesm2015": "../fesm2015/angular-flex-layout-_private-utils.mjs", 7 | "typings": "angular-flex-layout-_private-utils.d.ts", 8 | "sideEffects": false, 9 | "name": "@angular/flex-layout/_private-utils" 10 | } -------------------------------------------------------------------------------- /_private-utils/testing/angular-flex-layout-_private-utils-testing.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './index'; 6 | -------------------------------------------------------------------------------- /_private-utils/testing/custom-matchers.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | export declare const expect: (actual: any) => NgMatchers; 3 | /** 4 | * Jasmine matchers that check Angular specific conditions. 5 | */ 6 | export interface NgMatchers extends jasmine.Matchers { 7 | /** 8 | * Expect the element to have exactly the given text. 9 | * 10 | * ## Example 11 | * 12 | * {@example testing/ts/matchers.ts region='toHaveText'} 13 | */ 14 | toHaveText(expected: string): boolean; 15 | /** 16 | * Compare key:value pairs as matching EXACTLY 17 | */ 18 | toHaveMap(expected: { 19 | [k: string]: string; 20 | }): boolean; 21 | /** 22 | * Expect the element to have the given CSS class. 23 | * 24 | * ## Example 25 | * 26 | * {@example testing/ts/matchers.ts region='toHaveCssClass'} 27 | */ 28 | toHaveCssClass(expected: string): boolean; 29 | /** 30 | * Expect the element to have the given pairs of attribute name and attribute value 31 | */ 32 | toHaveAttributes(expected: { 33 | [k: string]: string; 34 | }): boolean; 35 | /** 36 | * Expect the element to have the given CSS styles injected INLINE 37 | * 38 | * ## Example 39 | * 40 | * {@example testing/ts/matchers.ts region='toHaveStyle'} 41 | */ 42 | toHaveStyle(expected: { 43 | [k: string]: string; 44 | } | string): boolean; 45 | /** 46 | * Expect the element to have the given CSS inline OR computed styles. 47 | * 48 | * ## Example 49 | * 50 | * {@example testing/ts/matchers.ts region='toHaveStyle'} 51 | */ 52 | toHaveStyle(expected: { 53 | [k: string]: string; 54 | } | string): boolean; 55 | /** 56 | * Invert the matchers. 57 | */ 58 | not: NgMatchers; 59 | } 60 | /** 61 | * NOTE: These custom JASMINE Matchers are used only 62 | * in the Karma/Jasmine testing for the Layout Directives 63 | * in `src/lib/flex/api` 64 | */ 65 | export declare const customMatchers: jasmine.CustomMatcherFactories; 66 | -------------------------------------------------------------------------------- /_private-utils/testing/dom-tools.d.ts: -------------------------------------------------------------------------------- 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 | * Exported DOM accessor utility functions 10 | */ 11 | export declare const _dom: { 12 | hasStyle: typeof hasStyle; 13 | getDistributedNodes: typeof getDistributedNodes; 14 | getShadowRoot: typeof getShadowRoot; 15 | getText: typeof getText; 16 | getStyle: typeof getStyle; 17 | childNodes: typeof childNodes; 18 | childNodesAsList: typeof childNodesAsList; 19 | hasClass: typeof hasClass; 20 | hasAttribute: typeof hasAttribute; 21 | getAttribute: typeof getAttribute; 22 | hasShadowRoot: typeof hasShadowRoot; 23 | isCommentNode: typeof isCommentNode; 24 | isElementNode: typeof isElementNode; 25 | isPresent: typeof isPresent; 26 | isShadowRoot: typeof isShadowRoot; 27 | tagName: typeof tagName; 28 | lastElementChild: typeof lastElementChild; 29 | }; 30 | declare function getStyle(element: any, stylename: string): string; 31 | declare function hasStyle(element: any, styleName: string, styleValue?: string, inlineOnly?: boolean): boolean; 32 | declare function getDistributedNodes(el: HTMLElement): Node[]; 33 | declare function getShadowRoot(el: HTMLElement): DocumentFragment; 34 | declare function getText(el: Node): string; 35 | declare function childNodesAsList(el: Node): any[]; 36 | declare function hasClass(element: any, className: string): boolean; 37 | declare function hasAttribute(element: any, attributeName: string): boolean; 38 | declare function getAttribute(element: any, attributeName: string): string; 39 | declare function childNodes(el: any): Node[]; 40 | declare function hasShadowRoot(node: any): boolean; 41 | declare function isCommentNode(node: Node): boolean; 42 | declare function isElementNode(node: Node): boolean; 43 | declare function isShadowRoot(node: any): boolean; 44 | declare function isPresent(obj: any): boolean; 45 | declare function tagName(element: any): string; 46 | declare function lastElementChild(element: any): Node | null; 47 | export {}; 48 | -------------------------------------------------------------------------------- /_private-utils/testing/helpers.d.ts: -------------------------------------------------------------------------------- 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 { Type, DebugElement } from '@angular/core'; 9 | import { ComponentFixture } from '@angular/core/testing'; 10 | export declare type ComponentClazzFn = () => Type; 11 | /** 12 | * Function generator that captures a Component Type accessor and enables 13 | * `createTestComponent()` to be reusable for *any* captured Component class. 14 | */ 15 | export declare function makeCreateTestComponent(getClass: ComponentClazzFn): (template: string, styles?: any) => ComponentFixture>; 16 | /** 17 | * 18 | */ 19 | export declare function expectNativeEl(fixture: ComponentFixture, instanceOptions?: any): any; 20 | /** 21 | * 22 | */ 23 | export declare function expectEl(debugEl: DebugElement): any; 24 | export declare function queryFor(fixture: ComponentFixture, selector: string): DebugElement[]; 25 | -------------------------------------------------------------------------------- /_private-utils/testing/index.d.ts: -------------------------------------------------------------------------------- 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 './custom-matchers'; 9 | export * from './dom-tools'; 10 | export * from './helpers'; 11 | -------------------------------------------------------------------------------- /_private-utils/testing/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "../../fesm2015/angular-flex-layout-_private-utils-testing.mjs", 3 | "es2020": "../../fesm2020/angular-flex-layout-_private-utils-testing.mjs", 4 | "esm2020": "../../esm2020/_private-utils/testing/angular-flex-layout-_private-utils-testing.mjs", 5 | "fesm2020": "../../fesm2020/angular-flex-layout-_private-utils-testing.mjs", 6 | "fesm2015": "../../fesm2015/angular-flex-layout-_private-utils-testing.mjs", 7 | "typings": "angular-flex-layout-_private-utils-testing.d.ts", 8 | "sideEffects": false, 9 | "name": "@angular/flex-layout/_private-utils/testing" 10 | } -------------------------------------------------------------------------------- /angular-flex-layout.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /core/README.md: -------------------------------------------------------------------------------- 1 | The `core` entrypoint contains all of the common utilities to build Layout 2 | components. Its primary exports are the `MediaQuery` utility 3 | `MediaObserver` and the module that encapsulates the imports of these 4 | providers, the `CoreModule`, and the base directive for layout 5 | components, `BaseDirective2`. These utilities can be imported separately 6 | from the root module to take advantage of tree shaking. 7 | 8 | ```typescript 9 | import {NgModule} from '@angular/core'; 10 | import {CoreModule} from '@angular/flex-layout/core'; 11 | 12 | @NgModule(({ 13 | imports: [ 14 | ... other imports here 15 | CoreModule, 16 | ] 17 | })) 18 | export class AppModule {} 19 | ``` 20 | 21 | ```typescript 22 | import {BaseDirective2} from '@angular/flex-layout/core'; 23 | 24 | export class NewLayoutDirective extends BaseDirective2 {} 25 | ``` 26 | -------------------------------------------------------------------------------- /core/add-alias.d.ts: -------------------------------------------------------------------------------- 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 { MediaChange } from './media-change'; 9 | import { OptionalBreakPoint } from './breakpoints'; 10 | /** 11 | * For the specified MediaChange, make sure it contains the breakpoint alias 12 | * and suffix (if available). 13 | */ 14 | export declare function mergeAlias(dest: MediaChange, source: OptionalBreakPoint): MediaChange; 15 | -------------------------------------------------------------------------------- /core/angular-flex-layout-core.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /core/base/base2.d.ts: -------------------------------------------------------------------------------- 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, OnChanges, OnDestroy, SimpleChanges } from '@angular/core'; 9 | import { Observable, Subject } from 'rxjs'; 10 | import { StyleDefinition, StyleUtils } from '../style-utils/style-utils'; 11 | import { StyleBuilder } from '../style-builder/style-builder'; 12 | import { MediaMarshaller } from '../media-marshaller/media-marshaller'; 13 | import * as i0 from "@angular/core"; 14 | export declare abstract class BaseDirective2 implements OnChanges, OnDestroy { 15 | protected elementRef: ElementRef; 16 | protected styleBuilder: StyleBuilder; 17 | protected styler: StyleUtils; 18 | protected marshal: MediaMarshaller; 19 | protected DIRECTIVE_KEY: string; 20 | protected inputs: string[]; 21 | /** The most recently used styles for the builder */ 22 | protected mru: StyleDefinition; 23 | protected destroySubject: Subject; 24 | protected currentValue: any; 25 | /** Access to host element's parent DOM node */ 26 | protected get parentElement(): HTMLElement | null; 27 | /** Access to the HTMLElement for the directive */ 28 | protected get nativeElement(): HTMLElement; 29 | /** Access to the activated value for the directive */ 30 | get activatedValue(): string; 31 | set activatedValue(value: string); 32 | /** Cache map for style computation */ 33 | protected styleCache: Map; 34 | protected constructor(elementRef: ElementRef, styleBuilder: StyleBuilder, styler: StyleUtils, marshal: MediaMarshaller); 35 | /** For @Input changes */ 36 | ngOnChanges(changes: SimpleChanges): void; 37 | ngOnDestroy(): void; 38 | /** Register with central marshaller service */ 39 | protected init(extraTriggers?: Observable[]): void; 40 | /** Add styles to the element using predefined style builder */ 41 | protected addStyles(input: string, parent?: Object): void; 42 | /** Remove generated styles from an element using predefined style builder */ 43 | protected clearStyles(): void; 44 | /** Force trigger style updates on DOM element */ 45 | protected triggerUpdate(): void; 46 | /** 47 | * Determine the DOM element's Flexbox flow (flex-direction). 48 | * 49 | * Check inline style first then check computed (stylesheet) style. 50 | * And optionally add the flow value to element's inline style. 51 | */ 52 | protected getFlexFlowDirection(target: HTMLElement, addIfMissing?: boolean): string; 53 | protected hasWrap(target: HTMLElement): boolean; 54 | /** Applies styles given via string pair or object map to the directive element */ 55 | protected applyStyleToElement(style: StyleDefinition, value?: string | number, element?: HTMLElement): void; 56 | protected setValue(val: any, bp: string): void; 57 | protected updateWithValue(input: string): void; 58 | static ɵfac: i0.ɵɵFactoryDeclaration; 59 | static ɵdir: i0.ɵɵDirectiveDeclaration; 60 | } 61 | -------------------------------------------------------------------------------- /core/base/index.d.ts: -------------------------------------------------------------------------------- 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 './base2'; 9 | -------------------------------------------------------------------------------- /core/basis-validator/basis-validator.d.ts: -------------------------------------------------------------------------------- 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 | * The flex API permits 3 or 1 parts of the value: 10 | * - `flex-grow flex-shrink flex-basis`, or 11 | * - `flex-basis` 12 | */ 13 | export declare function validateBasis(basis: string, grow?: string, shrink?: string): string[]; 14 | -------------------------------------------------------------------------------- /core/breakpoints/break-point-registry.d.ts: -------------------------------------------------------------------------------- 1 | import { BreakPoint } from './break-point'; 2 | import * as i0 from "@angular/core"; 3 | export declare type OptionalBreakPoint = BreakPoint | null; 4 | /** 5 | * Registry of 1..n MediaQuery breakpoint ranges 6 | * This is published as a provider and may be overridden from custom, application-specific ranges 7 | * 8 | */ 9 | export declare class BreakPointRegistry { 10 | readonly items: BreakPoint[]; 11 | constructor(list: BreakPoint[]); 12 | /** 13 | * Search breakpoints by alias (e.g. gt-xs) 14 | */ 15 | findByAlias(alias: string): OptionalBreakPoint; 16 | findByQuery(query: string): OptionalBreakPoint; 17 | /** 18 | * Get all the breakpoints whose ranges could overlapping `normal` ranges; 19 | * e.g. gt-sm overlaps md, lg, and xl 20 | */ 21 | get overlappings(): BreakPoint[]; 22 | /** 23 | * Get list of all registered (non-empty) breakpoint aliases 24 | */ 25 | get aliases(): string[]; 26 | /** 27 | * Aliases are mapped to properties using suffixes 28 | * e.g. 'gt-sm' for property 'layout' uses suffix 'GtSm' 29 | * for property layoutGtSM. 30 | */ 31 | get suffixes(): string[]; 32 | /** 33 | * Memoized lookup using custom predicate function 34 | */ 35 | private findWithPredicate; 36 | /** 37 | * Memoized BreakPoint Lookups 38 | */ 39 | private readonly findByMap; 40 | static ɵfac: i0.ɵɵFactoryDeclaration; 41 | static ɵprov: i0.ɵɵInjectableDeclaration; 42 | } 43 | -------------------------------------------------------------------------------- /core/breakpoints/break-point.d.ts: -------------------------------------------------------------------------------- 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 interface BreakPoint { 9 | mediaQuery: string; 10 | alias: string; 11 | suffix?: string; 12 | overlapping?: boolean; 13 | priority?: number; 14 | } 15 | -------------------------------------------------------------------------------- /core/breakpoints/break-points-token.d.ts: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | import { BreakPoint } from './break-point'; 10 | /** 11 | * Injection token unique to the flex-layout library. 12 | * Use this token when build a custom provider (see below). 13 | */ 14 | export declare const BREAKPOINTS: InjectionToken; 15 | -------------------------------------------------------------------------------- /core/breakpoints/breakpoint-tools.d.ts: -------------------------------------------------------------------------------- 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 { BreakPoint } from './break-point'; 9 | /** 10 | * For each breakpoint, ensure that a Suffix is defined; 11 | * fallback to UpperCamelCase the unique Alias value 12 | */ 13 | export declare function validateSuffixes(list: BreakPoint[]): BreakPoint[]; 14 | /** 15 | * Merge a custom breakpoint list with the default list based on unique alias values 16 | * - Items are added if the alias is not in the default list 17 | * - Items are merged with the custom override if the alias exists in the default list 18 | */ 19 | export declare function mergeByAlias(defaults: BreakPoint[], custom?: BreakPoint[]): BreakPoint[]; 20 | -------------------------------------------------------------------------------- /core/breakpoints/data/break-points.d.ts: -------------------------------------------------------------------------------- 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 { BreakPoint } from '../break-point'; 9 | /** 10 | * NOTE: Smaller ranges have HIGHER priority since the match is more specific 11 | */ 12 | export declare const DEFAULT_BREAKPOINTS: BreakPoint[]; 13 | -------------------------------------------------------------------------------- /core/breakpoints/data/orientation-break-points.d.ts: -------------------------------------------------------------------------------- 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 { BreakPoint } from '../break-point'; 9 | export declare const ScreenTypes: { 10 | HANDSET: string; 11 | TABLET: string; 12 | WEB: string; 13 | HANDSET_PORTRAIT: string; 14 | TABLET_PORTRAIT: string; 15 | WEB_PORTRAIT: string; 16 | HANDSET_LANDSCAPE: string; 17 | TABLET_LANDSCAPE: string; 18 | WEB_LANDSCAPE: string; 19 | }; 20 | /** 21 | * Extended Breakpoints for handset/tablets with landscape or portrait orientations 22 | */ 23 | export declare const ORIENTATION_BREAKPOINTS: BreakPoint[]; 24 | -------------------------------------------------------------------------------- /core/breakpoints/index.d.ts: -------------------------------------------------------------------------------- 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 './data/break-points'; 9 | export * from './data/orientation-break-points'; 10 | export * from './break-point'; 11 | export * from './break-point-registry'; 12 | export * from './break-points-token'; 13 | -------------------------------------------------------------------------------- /core/browser-provider.d.ts: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | /** 10 | * Find all of the server-generated stylings, if any, and remove them 11 | * This will be in the form of inline classes and the style block in the 12 | * head of the DOM 13 | */ 14 | export declare function removeStyles(_document: Document, platformId: Object): () => void; 15 | /** 16 | * Provider to remove SSR styles on the browser 17 | */ 18 | export declare const BROWSER_PROVIDER: { 19 | provide: InjectionToken<(() => void)[]>; 20 | useFactory: typeof removeStyles; 21 | deps: InjectionToken[]; 22 | multi: boolean; 23 | }; 24 | export declare const CLASS_NAME = "flex-layout-"; 25 | -------------------------------------------------------------------------------- /core/match-media/index.d.ts: -------------------------------------------------------------------------------- 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 './match-media'; 9 | export * from './mock/mock-match-media'; 10 | -------------------------------------------------------------------------------- /core/match-media/match-media.d.ts: -------------------------------------------------------------------------------- 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 { NgZone, OnDestroy } from '@angular/core'; 9 | import { BehaviorSubject, Observable } from 'rxjs'; 10 | import { MediaChange } from '../media-change'; 11 | import * as i0 from "@angular/core"; 12 | /** 13 | * MediaMonitor configures listeners to mediaQuery changes and publishes an Observable facade to 14 | * convert mediaQuery change callbacks to subscriber notifications. These notifications will be 15 | * performed within the ng Zone to trigger change detections and component updates. 16 | * 17 | * NOTE: both mediaQuery activations and de-activations are announced in notifications 18 | */ 19 | export declare class MatchMedia implements OnDestroy { 20 | protected _zone: NgZone; 21 | protected _platformId: Object; 22 | protected _document: any; 23 | /** Initialize source with 'all' so all non-responsive APIs trigger style updates */ 24 | readonly source: BehaviorSubject; 25 | registry: Map; 26 | private readonly pendingRemoveListenerFns; 27 | constructor(_zone: NgZone, _platformId: Object, _document: any); 28 | /** 29 | * Publish list of all current activations 30 | */ 31 | get activations(): string[]; 32 | /** 33 | * For the specified mediaQuery? 34 | */ 35 | isActive(mediaQuery: string): boolean; 36 | /** 37 | * External observers can watch for all (or a specific) mql changes. 38 | * 39 | * If a mediaQuery is not specified, then ALL mediaQuery activations will 40 | * be announced. 41 | */ 42 | observe(): Observable; 43 | observe(mediaQueries: string[]): Observable; 44 | observe(mediaQueries: string[], filterOthers: boolean): Observable; 45 | /** 46 | * Based on the BreakPointRegistry provider, register internal listeners for each unique 47 | * mediaQuery. Each listener emits specific MediaChange data to observers 48 | */ 49 | registerQuery(mediaQuery: string | string[]): MediaChange[]; 50 | ngOnDestroy(): void; 51 | /** 52 | * Call window.matchMedia() to build a MediaQueryList; which 53 | * supports 0..n listeners for activation/deactivation 54 | */ 55 | protected buildMQL(query: string): MediaQueryList; 56 | protected _observable$: Observable; 57 | static ɵfac: i0.ɵɵFactoryDeclaration; 58 | static ɵprov: i0.ɵɵInjectableDeclaration; 59 | } 60 | -------------------------------------------------------------------------------- /core/match-media/mock/mock-match-media.d.ts: -------------------------------------------------------------------------------- 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 { NgZone } from '@angular/core'; 9 | import { MatchMedia } from '../match-media'; 10 | import { BreakPointRegistry } from '../../breakpoints/break-point-registry'; 11 | import * as i0 from "@angular/core"; 12 | /** 13 | * MockMatchMedia mocks calls to the Window API matchMedia with a build of a simulated 14 | * MockMediaQueryListener. Methods are available to simulate an activation of a mediaQuery 15 | * range and to clearAll mediaQuery listeners. 16 | */ 17 | export declare class MockMatchMedia extends MatchMedia { 18 | private _breakpoints; 19 | autoRegisterQueries: boolean; 20 | useOverlaps: boolean; 21 | constructor(_zone: NgZone, _platformId: Object, _document: any, _breakpoints: BreakPointRegistry); 22 | /** Easy method to clear all listeners for all mediaQueries */ 23 | clearAll(): void; 24 | /** Feature to support manual, simulated activation of a mediaQuery. */ 25 | activate(mediaQuery: string, useOverlaps?: boolean): boolean; 26 | /** Converts an optional mediaQuery alias to a specific, valid mediaQuery */ 27 | _validateQuery(queryOrAlias: string): string; 28 | /** 29 | * Manually onMediaChange any overlapping mediaQueries to simulate 30 | * similar functionality in the window.matchMedia() 31 | */ 32 | private _activateWithOverlaps; 33 | /** 34 | * 35 | */ 36 | private _activateByAlias; 37 | /** 38 | * 39 | */ 40 | private _activateByQuery; 41 | /** Deactivate all current MQLs and reset the buffer */ 42 | private _deactivateAll; 43 | /** Insure the mediaQuery is registered with MatchMedia */ 44 | private _registerMediaQuery; 45 | /** 46 | * Call window.matchMedia() to build a MediaQueryList; which 47 | * supports 0..n listeners for activation/deactivation 48 | */ 49 | protected buildMQL(query: string): MediaQueryList; 50 | protected get hasActivated(): boolean; 51 | static ɵfac: i0.ɵɵFactoryDeclaration; 52 | static ɵprov: i0.ɵɵInjectableDeclaration; 53 | } 54 | /** 55 | * Special internal class to simulate a MediaQueryList and 56 | * - supports manual activation to simulate mediaQuery matching 57 | * - manages listeners 58 | */ 59 | export declare class MockMediaQueryList implements MediaQueryList { 60 | private _mediaQuery; 61 | private _isActive; 62 | private _listeners; 63 | get matches(): boolean; 64 | get media(): string; 65 | constructor(_mediaQuery: string); 66 | /** 67 | * Destroy the current list by deactivating the 68 | * listeners and clearing the internal list 69 | */ 70 | destroy(): void; 71 | /** Notify all listeners that 'matches === TRUE' */ 72 | activate(): MockMediaQueryList; 73 | /** Notify all listeners that 'matches === false' */ 74 | deactivate(): MockMediaQueryList; 75 | /** Add a listener to our internal list to activate later */ 76 | addListener(listener: MediaQueryListListener): void; 77 | /** Don't need to remove listeners in the testing environment */ 78 | removeListener(_: MediaQueryListListener | null): void; 79 | addEventListener(_: K, __: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any, ___?: boolean | AddEventListenerOptions): void; 80 | removeEventListener(_: K, __: (this: MediaQueryList, ev: MediaQueryListEventMap[K]) => any, ___?: boolean | EventListenerOptions): void; 81 | dispatchEvent(_: Event): boolean; 82 | onchange: MediaQueryListListener; 83 | } 84 | /** 85 | * Pre-configured provider for MockMatchMedia 86 | */ 87 | export declare const MockMatchMediaProvider: { 88 | provide: typeof MatchMedia; 89 | useClass: typeof MockMatchMedia; 90 | }; 91 | declare type MediaQueryListListener = ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null; 92 | export {}; 93 | -------------------------------------------------------------------------------- /core/media-change.d.ts: -------------------------------------------------------------------------------- 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 declare type MediaQuerySubscriber = (changes: MediaChange) => void; 9 | /** 10 | * Class instances emitted [to observers] for each mql notification 11 | */ 12 | export declare class MediaChange { 13 | matches: boolean; 14 | mediaQuery: string; 15 | mqAlias: string; 16 | suffix: string; 17 | priority: number; 18 | property: string; 19 | value: any; 20 | /** 21 | * @param matches whether the mediaQuery is currently activated 22 | * @param mediaQuery e.g. (min-width: 600px) and (max-width: 959px) 23 | * @param mqAlias e.g. gt-sm, md, gt-lg 24 | * @param suffix e.g. GtSM, Md, GtLg 25 | * @param priority the priority of activation for the given breakpoint 26 | */ 27 | constructor(matches?: boolean, mediaQuery?: string, mqAlias?: string, suffix?: string, priority?: number); 28 | /** Create an exact copy of the MediaChange */ 29 | clone(): MediaChange; 30 | } 31 | -------------------------------------------------------------------------------- /core/media-marshaller/print-hook.d.ts: -------------------------------------------------------------------------------- 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 { OnDestroy } from '@angular/core'; 9 | import { MediaChange } from '../media-change'; 10 | import { BreakPoint } from '../breakpoints/break-point'; 11 | import { LayoutConfigOptions } from '../tokens/library-config'; 12 | import { BreakPointRegistry, OptionalBreakPoint } from '../breakpoints/break-point-registry'; 13 | import * as i0 from "@angular/core"; 14 | /** 15 | * Interface to apply PrintHook to call anonymous `target.updateStyles()` 16 | */ 17 | export interface HookTarget { 18 | activatedBreakpoints: BreakPoint[]; 19 | updateStyles(): void; 20 | } 21 | export declare const BREAKPOINT_PRINT: { 22 | alias: string; 23 | mediaQuery: string; 24 | priority: number; 25 | }; 26 | /** 27 | * PrintHook - Use to intercept print MediaQuery activations and force 28 | * layouts to render with the specified print alias/breakpoint 29 | * 30 | * Used in MediaMarshaller and MediaObserver 31 | */ 32 | export declare class PrintHook implements OnDestroy { 33 | protected breakpoints: BreakPointRegistry; 34 | protected layoutConfig: LayoutConfigOptions; 35 | protected _document: any; 36 | constructor(breakpoints: BreakPointRegistry, layoutConfig: LayoutConfigOptions, _document: any); 37 | /** Add 'print' mediaQuery: to listen for matchMedia activations */ 38 | withPrintQuery(queries: string[]): string[]; 39 | /** Is the MediaChange event for any 'print' @media */ 40 | isPrintEvent(e: MediaChange): boolean; 41 | /** What is the desired mqAlias to use while printing? */ 42 | get printAlias(): string[]; 43 | /** Lookup breakpoints associated with print aliases. */ 44 | get printBreakPoints(): BreakPoint[]; 45 | /** Lookup breakpoint associated with mediaQuery */ 46 | getEventBreakpoints({ mediaQuery }: MediaChange): BreakPoint[]; 47 | /** Update event with printAlias mediaQuery information */ 48 | updateEvent(event: MediaChange): MediaChange; 49 | private registeredBeforeAfterPrintHooks; 50 | private isPrintingBeforeAfterEvent; 51 | private beforePrintEventListeners; 52 | private afterPrintEventListeners; 53 | private formerActivations; 54 | registerBeforeAfterPrintHooks(target: HookTarget): void; 55 | /** 56 | * Prepare RxJS tap operator with partial application 57 | * @return pipeable tap predicate 58 | */ 59 | interceptEvents(target: HookTarget): (event: MediaChange) => void; 60 | /** Stop mediaChange event propagation in event streams */ 61 | blockPropagation(): (event: MediaChange) => boolean; 62 | /** 63 | * Save current activateBreakpoints (for later restore) 64 | * and substitute only the printAlias breakpoint 65 | */ 66 | protected startPrinting(target: HookTarget, bpList: OptionalBreakPoint[]): void; 67 | /** For any print de-activations, reset the entire print queue */ 68 | protected stopPrinting(target: HookTarget): void; 69 | /** 70 | * To restore pre-Print Activations, we must capture the proper 71 | * list of breakpoint activations BEFORE print starts. OnBeforePrint() 72 | * is supported; so 'print' mediaQuery activations are used as a fallback 73 | * in browsers without `beforeprint` support. 74 | * 75 | * > But activated breakpoints are deactivated BEFORE 'print' activation. 76 | * 77 | * Let's capture all de-activations using the following logic: 78 | * 79 | * When not printing: 80 | * - clear cache when activating non-print breakpoint 81 | * - update cache (and sort) when deactivating 82 | * 83 | * When printing: 84 | * - sort and save when starting print 85 | * - restore as activatedTargets and clear when stop printing 86 | */ 87 | collectActivations(target: HookTarget, event: MediaChange): void; 88 | /** Teardown logic for the service. */ 89 | ngOnDestroy(): void; 90 | private isPrinting; 91 | private queue; 92 | private deactivations; 93 | static ɵfac: i0.ɵɵFactoryDeclaration; 94 | static ɵprov: i0.ɵɵInjectableDeclaration; 95 | } 96 | -------------------------------------------------------------------------------- /core/media-observer/index.d.ts: -------------------------------------------------------------------------------- 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 './media-observer'; 9 | -------------------------------------------------------------------------------- /core/media-trigger/index.d.ts: -------------------------------------------------------------------------------- 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 './media-trigger'; 9 | -------------------------------------------------------------------------------- /core/media-trigger/media-trigger.d.ts: -------------------------------------------------------------------------------- 1 | import { MatchMedia } from '../match-media/match-media'; 2 | import { BreakPointRegistry } from '../breakpoints/break-point-registry'; 3 | import { LayoutConfigOptions } from '../tokens/library-config'; 4 | import * as i0 from "@angular/core"; 5 | /** 6 | * Class 7 | */ 8 | export declare class MediaTrigger { 9 | protected breakpoints: BreakPointRegistry; 10 | protected matchMedia: MatchMedia; 11 | protected layoutConfig: LayoutConfigOptions; 12 | protected _platformId: Object; 13 | protected _document: any; 14 | constructor(breakpoints: BreakPointRegistry, matchMedia: MatchMedia, layoutConfig: LayoutConfigOptions, _platformId: Object, _document: any); 15 | /** 16 | * Manually activate range of breakpoints 17 | * @param list array of mediaQuery or alias strings 18 | */ 19 | activate(list: string[]): void; 20 | /** 21 | * Restore original, 'real' breakpoints and emit events 22 | * to trigger stream notification 23 | */ 24 | restore(): void; 25 | /** 26 | * Whenever window resizes, immediately auto-restore original 27 | * activations (if we are simulating activations) 28 | */ 29 | private prepareAutoRestore; 30 | /** 31 | * Notify all matchMedia subscribers of de-activations 32 | * 33 | * Note: we must force 'matches' updates for 34 | * future matchMedia::activation lookups 35 | */ 36 | private deactivateAll; 37 | /** 38 | * Cache current activations as sorted, prioritized list of MediaChanges 39 | */ 40 | private saveActivations; 41 | /** 42 | * Force set manual activations for specified mediaQuery list 43 | */ 44 | private setActivations; 45 | /** 46 | * For specified mediaQuery list manually simulate activations or deactivations 47 | */ 48 | private simulateMediaChanges; 49 | /** 50 | * Replace current registry with simulated registry... 51 | * Note: this is required since MediaQueryList::matches is 'readOnly' 52 | */ 53 | private forceRegistryMatches; 54 | /** 55 | * Save current MatchMedia::registry items. 56 | */ 57 | private cacheRegistryMatches; 58 | /** 59 | * Restore original, 'true' registry 60 | */ 61 | private restoreRegistryMatches; 62 | /** 63 | * Manually emit a MediaChange event via the MatchMedia to MediaMarshaller and MediaObserver 64 | */ 65 | private emitChangeEvent; 66 | private get currentActivations(); 67 | private hasCachedRegistryMatches; 68 | private originalActivations; 69 | private originalRegistry; 70 | private resizeSubscription; 71 | static ɵfac: i0.ɵɵFactoryDeclaration; 72 | static ɵprov: i0.ɵɵInjectableDeclaration; 73 | } 74 | -------------------------------------------------------------------------------- /core/module.d.ts: -------------------------------------------------------------------------------- 1 | import * as i0 from "@angular/core"; 2 | /** 3 | * ***************************************************************** 4 | * Define module for common Angular Layout utilities 5 | * ***************************************************************** 6 | */ 7 | export declare class CoreModule { 8 | static ɵfac: i0.ɵɵFactoryDeclaration; 9 | static ɵmod: i0.ɵɵNgModuleDeclaration; 10 | static ɵinj: i0.ɵɵInjectorDeclaration; 11 | } 12 | -------------------------------------------------------------------------------- /core/multiply/multiplier.d.ts: -------------------------------------------------------------------------------- 1 | export interface Multiplier { 2 | readonly unit: string; 3 | readonly value: number; 4 | } 5 | export declare function multiply(value: string, multiplier?: Multiplier): string; 6 | -------------------------------------------------------------------------------- /core/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "../fesm2015/angular-flex-layout-core.mjs", 3 | "es2020": "../fesm2020/angular-flex-layout-core.mjs", 4 | "esm2020": "../esm2020/core/angular-flex-layout-core.mjs", 5 | "fesm2020": "../fesm2020/angular-flex-layout-core.mjs", 6 | "fesm2015": "../fesm2015/angular-flex-layout-core.mjs", 7 | "typings": "angular-flex-layout-core.d.ts", 8 | "sideEffects": false, 9 | "name": "@angular/flex-layout/core" 10 | } -------------------------------------------------------------------------------- /core/public-api.d.ts: -------------------------------------------------------------------------------- 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 './browser-provider'; 10 | export * from './media-change'; 11 | export * from './stylesheet-map/index'; 12 | export * from './tokens/index'; 13 | export * from './add-alias'; 14 | export * from './base/index'; 15 | export * from './breakpoints/index'; 16 | export { MatchMedia as ɵMatchMedia, MockMatchMedia as ɵMockMatchMedia, MockMatchMediaProvider as ɵMockMatchMediaProvider, } from './match-media/index'; 17 | export * from './media-observer/index'; 18 | export * from './media-trigger/index'; 19 | export * from './utils/index'; 20 | export * from './style-utils/style-utils'; 21 | export * from './style-builder/style-builder'; 22 | export * from './basis-validator/basis-validator'; 23 | export * from './media-marshaller/media-marshaller'; 24 | export * from './media-marshaller/print-hook'; 25 | export { Multiplier, multiply as ɵmultiply } from './multiply/multiplier'; 26 | -------------------------------------------------------------------------------- /core/sass/_layout-bp.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | 3 | // Non-overlapping Material Design breakpoints 4 | // @type map 5 | $breakpoints: ( 6 | xs: ( 7 | begin: 0, 8 | end: 599.9px 9 | ), 10 | sm: ( 11 | begin: 600px, 12 | end: 959.9px 13 | ), 14 | md: ( 15 | begin: 960px, 16 | end: 1279.9px 17 | ), 18 | lg: ( 19 | begin: 1280px, 20 | end: 1919.9px 21 | ), 22 | xl: ( 23 | begin: 1920px, 24 | end: 4999.99px 25 | ), 26 | ) !default; 27 | 28 | // Overlapping breakpoints that are greater than defined 29 | // Material Design breakpoints 30 | // @type map 31 | $overlapping-gt: ( 32 | gt-xs: 600px, 33 | gt-sm: 960px, 34 | gt-md: 1280px, 35 | gt-lg: 1920px, 36 | ) !default; 37 | 38 | // Overlapping breakpoints that are less than defined 39 | // Material Design breakpoints 40 | // @type map 41 | $overlapping-lt: ( 42 | lt-sm: 599.9px, 43 | lt-md: 959.9px, 44 | lt-lg: 1279.9px, 45 | lt-xl: 1919.9px, 46 | ) !default; 47 | 48 | 49 | // Media Query Mixin, takes a breakpoint and returns a wrapping 50 | // media query statement 51 | // e.g. 52 | // 53 | // @include layout-bp(xs) { 54 | // background-color: red; 55 | // } 56 | // 57 | // becomes 58 | // 59 | // @media (min-width: 0px) and (max-width: 599px) { 60 | // background-color: red; 61 | // } 62 | @mixin layout-bp($bp) { 63 | @if map-has-key($breakpoints, $bp) { 64 | $min: map-get(map-get($breakpoints, $bp), begin); 65 | $max: map-get(map-get($breakpoints, $bp), end); 66 | @media (min-width: $min) and (max-width: $max) { @content; } 67 | } 68 | @else if map-has-key($overlapping-gt, $bp) { 69 | $min: map-get($overlapping-gt, $bp); 70 | @media (min-width: $min) { @content; } 71 | } 72 | @else if map-has-key($overlapping-lt, $bp) { 73 | $max: map-get($overlapping-lt, $bp); 74 | @media (max-width: $max) { @content; } 75 | } 76 | } 77 | -------------------------------------------------------------------------------- /core/style-builder/style-builder.d.ts: -------------------------------------------------------------------------------- 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 { StyleDefinition } from '../style-utils/style-utils'; 9 | /** A class that encapsulates CSS style generation for common directives */ 10 | export declare abstract class StyleBuilder { 11 | /** Whether to cache the generated output styles */ 12 | shouldCache: boolean; 13 | /** Build the styles given an input string and configuration object from a host */ 14 | abstract buildStyles(input: string, parent?: Object): StyleDefinition; 15 | /** 16 | * Run a side effect computation given the input string and the computed styles 17 | * from the build task and the host configuration object 18 | * NOTE: This should be a no-op unless an algorithm is provided in a subclass 19 | */ 20 | sideEffect(_input: string, _styles: StyleDefinition, _parent?: Object): void; 21 | } 22 | -------------------------------------------------------------------------------- /core/style-utils/style-utils.d.ts: -------------------------------------------------------------------------------- 1 | import { StylesheetMap } from '../stylesheet-map/stylesheet-map'; 2 | import { LayoutConfigOptions } from '../tokens/library-config'; 3 | import * as i0 from "@angular/core"; 4 | export declare class StyleUtils { 5 | private _serverStylesheet; 6 | private _serverModuleLoaded; 7 | private _platformId; 8 | private layoutConfig; 9 | constructor(_serverStylesheet: StylesheetMap, _serverModuleLoaded: boolean, _platformId: Object, layoutConfig: LayoutConfigOptions); 10 | /** 11 | * Applies styles given via string pair or object map to the directive element 12 | */ 13 | applyStyleToElement(element: HTMLElement, style: StyleDefinition | string, value?: string | number | null): void; 14 | /** 15 | * Applies styles given via string pair or object map to the directive's element 16 | */ 17 | applyStyleToElements(style: StyleDefinition, elements?: HTMLElement[]): void; 18 | /** 19 | * Determine the DOM element's Flexbox flow (flex-direction) 20 | * 21 | * Check inline style first then check computed (stylesheet) style 22 | */ 23 | getFlowDirection(target: HTMLElement): [string, string]; 24 | hasWrap(target: HTMLElement): boolean; 25 | /** 26 | * Find the DOM element's raw attribute value (if any) 27 | */ 28 | lookupAttributeValue(element: HTMLElement, attribute: string): string; 29 | /** 30 | * Find the DOM element's inline style value (if any) 31 | */ 32 | lookupInlineStyle(element: HTMLElement, styleName: string): string; 33 | /** 34 | * Determine the inline or inherited CSS style 35 | * NOTE: platform-server has no implementation for getComputedStyle 36 | */ 37 | lookupStyle(element: HTMLElement, styleName: string, inlineOnly?: boolean): string; 38 | /** 39 | * Applies the styles to the element. The styles object map may contain an array of values 40 | * Each value will be added as element style 41 | * Keys are sorted to add prefixed styles (like -webkit-x) first, before the standard ones 42 | */ 43 | private _applyMultiValueStyleToElement; 44 | static ɵfac: i0.ɵɵFactoryDeclaration; 45 | static ɵprov: i0.ɵɵInjectableDeclaration; 46 | } 47 | /** 48 | * Definition of a css style. Either a property name (e.g. "flex-basis") or an object 49 | * map of property name and value (e.g. {display: 'none', flex-order: 5}) 50 | */ 51 | export declare type StyleDefinition = { 52 | [property: string]: string | number | null; 53 | }; 54 | -------------------------------------------------------------------------------- /core/stylesheet-map/index.d.ts: -------------------------------------------------------------------------------- 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 './stylesheet-map'; 9 | -------------------------------------------------------------------------------- /core/stylesheet-map/stylesheet-map.d.ts: -------------------------------------------------------------------------------- 1 | import * as i0 from "@angular/core"; 2 | /** 3 | * Utility to emulate a CSS stylesheet 4 | * 5 | * This utility class stores all of the styles for a given HTML element 6 | * as a readonly `stylesheet` map. 7 | */ 8 | export declare class StylesheetMap { 9 | readonly stylesheet: Map>; 10 | /** 11 | * Add an individual style to an HTML element 12 | */ 13 | addStyleToElement(element: HTMLElement, style: string, value: string | number): void; 14 | /** 15 | * Clear the virtual stylesheet 16 | */ 17 | clearStyles(): void; 18 | /** 19 | * Retrieve a given style for an HTML element 20 | */ 21 | getStyleForElement(el: HTMLElement, styleName: string): string; 22 | static ɵfac: i0.ɵɵFactoryDeclaration; 23 | static ɵprov: i0.ɵɵInjectableDeclaration; 24 | } 25 | -------------------------------------------------------------------------------- /core/tokens/breakpoint-token.d.ts: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | import { BreakPoint } from '../breakpoints/break-point'; 10 | export declare const BREAKPOINT: InjectionToken; 11 | -------------------------------------------------------------------------------- /core/tokens/index.d.ts: -------------------------------------------------------------------------------- 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 './library-config'; 9 | export * from './server-token'; 10 | export * from './breakpoint-token'; 11 | -------------------------------------------------------------------------------- /core/tokens/library-config.d.ts: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | import { Multiplier } from '../multiply/multiplier'; 10 | /** a set of configuration options for FlexLayoutModule */ 11 | export interface LayoutConfigOptions { 12 | addFlexToParent?: boolean; 13 | addOrientationBps?: boolean; 14 | disableDefaultBps?: boolean; 15 | disableVendorPrefixes?: boolean; 16 | serverLoaded?: boolean; 17 | useColumnBasisZero?: boolean; 18 | printWithBreakpoints?: string[]; 19 | mediaTriggerAutoRestore?: boolean; 20 | ssrObserveBreakpoints?: string[]; 21 | multiplier?: Multiplier; 22 | defaultUnit?: string; 23 | detectLayoutDisplay?: boolean; 24 | } 25 | export declare const DEFAULT_CONFIG: Required; 26 | export declare const LAYOUT_CONFIG: InjectionToken; 27 | -------------------------------------------------------------------------------- /core/tokens/server-token.d.ts: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | /** 10 | * Token that is provided to tell whether the FlexLayoutServerModule 11 | * has been included in the bundle 12 | * 13 | * NOTE: This can be manually provided to disable styles when using SSR 14 | */ 15 | export declare const SERVER_TOKEN: InjectionToken; 16 | -------------------------------------------------------------------------------- /core/utils/array.d.ts: -------------------------------------------------------------------------------- 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 | /** Wraps the provided value in an array, unless the provided value is an array. */ 9 | export declare function coerceArray(value: T | T[]): T[]; 10 | -------------------------------------------------------------------------------- /core/utils/index.d.ts: -------------------------------------------------------------------------------- 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 './sort'; 9 | export * from './array'; 10 | -------------------------------------------------------------------------------- /core/utils/sort.d.ts: -------------------------------------------------------------------------------- 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 | interface WithPriority { 9 | priority?: number; 10 | } 11 | /** HOF to sort the breakpoints by descending priority */ 12 | export declare function sortDescendingPriority(a: T | null, b: T | null): number; 13 | /** HOF to sort the breakpoints by ascending priority */ 14 | export declare function sortAscendingPriority(a: T, b: T): number; 15 | export {}; 16 | -------------------------------------------------------------------------------- /esm2020/_private-utils/angular-flex-layout-_private-utils.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './index'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1fcHJpdmF0ZS11dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvX3ByaXZhdGUtdXRpbHMvYW5ndWxhci1mbGV4LWxheW91dC1fcHJpdmF0ZS11dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/_private-utils/index.mjs: -------------------------------------------------------------------------------- 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 './auto-prefixer'; 9 | export * from './layout-validator'; 10 | export * from './object-extend'; 11 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L19wcml2YXRlLXV0aWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vYXV0by1wcmVmaXhlcic7XG5leHBvcnQgKiBmcm9tICcuL2xheW91dC12YWxpZGF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9vYmplY3QtZXh0ZW5kJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/_private-utils/object-extend.mjs: -------------------------------------------------------------------------------- 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 | * Extends an object with the *enumerable* and *own* properties of one or more source objects, 10 | * similar to Object.assign. 11 | * 12 | * @param dest The object which will have properties copied to it. 13 | * @param sources The source objects from which properties will be copied. 14 | */ 15 | export function extendObject(dest, ...sources) { 16 | if (dest == null) { 17 | throw TypeError('Cannot convert undefined or null to object'); 18 | } 19 | for (let source of sources) { 20 | if (source != null) { 21 | for (let key in source) { 22 | if (source.hasOwnProperty(key)) { 23 | dest[key] = source[key]; 24 | } 25 | } 26 | } 27 | } 28 | return dest; 29 | } 30 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWV4dGVuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvX3ByaXZhdGUtdXRpbHMvb2JqZWN0LWV4dGVuZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFDSDs7Ozs7O0dBTUc7QUFDSCxNQUFNLFVBQVUsWUFBWSxDQUFDLElBQVMsRUFBRSxHQUFHLE9BQWM7SUFDdkQsSUFBSSxJQUFJLElBQUksSUFBSSxFQUFFO1FBQ2hCLE1BQU0sU0FBUyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7S0FDL0Q7SUFFRCxLQUFLLElBQUksTUFBTSxJQUFJLE9BQU8sRUFBRTtRQUMxQixJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUU7WUFDbEIsS0FBSyxJQUFJLEdBQUcsSUFBSSxNQUFNLEVBQUU7Z0JBQ3RCLElBQUksTUFBTSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsRUFBRTtvQkFDOUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDekI7YUFDRjtTQUNGO0tBQ0Y7SUFFRCxPQUFPLElBQUksQ0FBQztBQUNkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbi8qKlxuICogRXh0ZW5kcyBhbiBvYmplY3Qgd2l0aCB0aGUgKmVudW1lcmFibGUqIGFuZCAqb3duKiBwcm9wZXJ0aWVzIG9mIG9uZSBvciBtb3JlIHNvdXJjZSBvYmplY3RzLFxuICogc2ltaWxhciB0byBPYmplY3QuYXNzaWduLlxuICpcbiAqIEBwYXJhbSBkZXN0IFRoZSBvYmplY3Qgd2hpY2ggd2lsbCBoYXZlIHByb3BlcnRpZXMgY29waWVkIHRvIGl0LlxuICogQHBhcmFtIHNvdXJjZXMgVGhlIHNvdXJjZSBvYmplY3RzIGZyb20gd2hpY2ggcHJvcGVydGllcyB3aWxsIGJlIGNvcGllZC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGV4dGVuZE9iamVjdChkZXN0OiBhbnksIC4uLnNvdXJjZXM6IGFueVtdKTogYW55IHtcbiAgaWYgKGRlc3QgPT0gbnVsbCkge1xuICAgIHRocm93IFR5cGVFcnJvcignQ2Fubm90IGNvbnZlcnQgdW5kZWZpbmVkIG9yIG51bGwgdG8gb2JqZWN0Jyk7XG4gIH1cblxuICBmb3IgKGxldCBzb3VyY2Ugb2Ygc291cmNlcykge1xuICAgIGlmIChzb3VyY2UgIT0gbnVsbCkge1xuICAgICAgZm9yIChsZXQga2V5IGluIHNvdXJjZSkge1xuICAgICAgICBpZiAoc291cmNlLmhhc093blByb3BlcnR5KGtleSkpIHtcbiAgICAgICAgICBkZXN0W2tleV0gPSBzb3VyY2Vba2V5XTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiBkZXN0O1xufVxuIl19 -------------------------------------------------------------------------------- /esm2020/_private-utils/testing/angular-flex-layout-_private-utils-testing.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './index'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1fcHJpdmF0ZS11dGlscy10ZXN0aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9fcHJpdmF0ZS11dGlscy90ZXN0aW5nL2FuZ3VsYXItZmxleC1sYXlvdXQtX3ByaXZhdGUtdXRpbHMtdGVzdGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/_private-utils/testing/index.mjs: -------------------------------------------------------------------------------- 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 './custom-matchers'; 9 | export * from './dom-tools'; 10 | export * from './helpers'; 11 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L19wcml2YXRlLXV0aWxzL3Rlc3RpbmcvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2N1c3RvbS1tYXRjaGVycyc7XG5leHBvcnQgKiBmcm9tICcuL2RvbS10b29scyc7XG5leHBvcnQgKiBmcm9tICcuL2hlbHBlcnMnO1xuIl19 -------------------------------------------------------------------------------- /esm2020/angular-flex-layout.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvYW5ndWxhci1mbGV4LWxheW91dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/core/add-alias.mjs: -------------------------------------------------------------------------------- 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 { MediaChange } from './media-change'; 9 | /** 10 | * For the specified MediaChange, make sure it contains the breakpoint alias 11 | * and suffix (if available). 12 | */ 13 | export function mergeAlias(dest, source) { 14 | dest = dest?.clone() ?? new MediaChange(); 15 | if (source) { 16 | dest.mqAlias = source.alias; 17 | dest.mediaQuery = source.mediaQuery; 18 | dest.suffix = source.suffix; 19 | dest.priority = source.priority; 20 | } 21 | return dest; 22 | } 23 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWFsaWFzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9jb3JlL2FkZC1hbGlhcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFDSCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFHM0M7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLFVBQVUsQ0FBQyxJQUFpQixFQUFFLE1BQTBCO0lBQ3RFLElBQUksR0FBRyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksSUFBSSxXQUFXLEVBQUUsQ0FBQztJQUMxQyxJQUFJLE1BQU0sRUFBRTtRQUNWLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUM1QixJQUFJLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDcEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUMsTUFBZ0IsQ0FBQztRQUN0QyxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFrQixDQUFDO0tBQzNDO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDZCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5pbXBvcnQge01lZGlhQ2hhbmdlfSBmcm9tICcuL21lZGlhLWNoYW5nZSc7XG5pbXBvcnQge09wdGlvbmFsQnJlYWtQb2ludH0gZnJvbSAnLi9icmVha3BvaW50cyc7XG5cbi8qKlxuICogRm9yIHRoZSBzcGVjaWZpZWQgTWVkaWFDaGFuZ2UsIG1ha2Ugc3VyZSBpdCBjb250YWlucyB0aGUgYnJlYWtwb2ludCBhbGlhc1xuICogYW5kIHN1ZmZpeCAoaWYgYXZhaWxhYmxlKS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIG1lcmdlQWxpYXMoZGVzdDogTWVkaWFDaGFuZ2UsIHNvdXJjZTogT3B0aW9uYWxCcmVha1BvaW50KTogTWVkaWFDaGFuZ2Uge1xuICBkZXN0ID0gZGVzdD8uY2xvbmUoKSA/PyBuZXcgTWVkaWFDaGFuZ2UoKTtcbiAgaWYgKHNvdXJjZSkge1xuICAgIGRlc3QubXFBbGlhcyA9IHNvdXJjZS5hbGlhcztcbiAgICBkZXN0Lm1lZGlhUXVlcnkgPSBzb3VyY2UubWVkaWFRdWVyeTtcbiAgICBkZXN0LnN1ZmZpeCA9IHNvdXJjZS5zdWZmaXggYXMgc3RyaW5nO1xuICAgIGRlc3QucHJpb3JpdHkgPSBzb3VyY2UucHJpb3JpdHkgYXMgbnVtYmVyO1xuICB9XG4gIHJldHVybiBkZXN0O1xufVxuIl19 -------------------------------------------------------------------------------- /esm2020/core/angular-flex-layout-core.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1jb3JlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9jb3JlL2FuZ3VsYXItZmxleC1sYXlvdXQtY29yZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/core/base/index.mjs: -------------------------------------------------------------------------------- 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 './base2'; 9 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvYmFzZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2Jhc2UyJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/breakpoints/break-point.mjs: -------------------------------------------------------------------------------- 1 | export {}; 2 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWstcG9pbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvYnJlYWtwb2ludHMvYnJlYWstcG9pbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBCcmVha1BvaW50IHtcbiAgbWVkaWFRdWVyeTogc3RyaW5nO1xuICBhbGlhczogc3RyaW5nO1xuICBzdWZmaXg/OiBzdHJpbmc7XG4gIG92ZXJsYXBwaW5nPzogYm9vbGVhbjsgIC8vIERvZXMgdGhpcyByYW5nZSBvdmVybGFwIHdpdGggYW55IG90aGVyIHJhbmdlc1xuICBwcmlvcml0eT86IG51bWJlcjsgICAgICAvLyBkZXRlcm1pbmUgb3JkZXIgb2YgYWN0aXZhdGlvbiByZXBvcnRpbmc6IGhpZ2hlciBpcyBsYXN0IHJlcG9ydGVkXG59XG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/breakpoints/index.mjs: -------------------------------------------------------------------------------- 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 './data/break-points'; 9 | export * from './data/orientation-break-points'; 10 | export * from './break-point'; 11 | export * from './break-point-registry'; 12 | export * from './break-points-token'; 13 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvYnJlYWtwb2ludHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGlDQUFpQyxDQUFDO0FBRWhELGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2RhdGEvYnJlYWstcG9pbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vZGF0YS9vcmllbnRhdGlvbi1icmVhay1wb2ludHMnO1xuXG5leHBvcnQgKiBmcm9tICcuL2JyZWFrLXBvaW50JztcbmV4cG9ydCAqIGZyb20gJy4vYnJlYWstcG9pbnQtcmVnaXN0cnknO1xuZXhwb3J0ICogZnJvbSAnLi9icmVhay1wb2ludHMtdG9rZW4nO1xuIl19 -------------------------------------------------------------------------------- /esm2020/core/match-media/index.mjs: -------------------------------------------------------------------------------- 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 './match-media'; 9 | export * from './mock/mock-match-media'; 10 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvbWF0Y2gtbWVkaWEvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL21hdGNoLW1lZGlhJztcbmV4cG9ydCAqIGZyb20gJy4vbW9jay9tb2NrLW1hdGNoLW1lZGlhJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/media-change.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Class instances emitted [to observers] for each mql notification 3 | */ 4 | export class MediaChange { 5 | /** 6 | * @param matches whether the mediaQuery is currently activated 7 | * @param mediaQuery e.g. (min-width: 600px) and (max-width: 959px) 8 | * @param mqAlias e.g. gt-sm, md, gt-lg 9 | * @param suffix e.g. GtSM, Md, GtLg 10 | * @param priority the priority of activation for the given breakpoint 11 | */ 12 | constructor(matches = false, mediaQuery = 'all', mqAlias = '', suffix = '', priority = 0) { 13 | this.matches = matches; 14 | this.mediaQuery = mediaQuery; 15 | this.mqAlias = mqAlias; 16 | this.suffix = suffix; 17 | this.priority = priority; 18 | this.property = ''; 19 | } 20 | /** Create an exact copy of the MediaChange */ 21 | clone() { 22 | return new MediaChange(this.matches, this.mediaQuery, this.mqAlias, this.suffix); 23 | } 24 | } 25 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtY2hhbmdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9jb3JlL21lZGlhLWNoYW5nZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQTs7R0FFRztBQUNILE1BQU0sT0FBTyxXQUFXO0lBSXRCOzs7Ozs7T0FNRztJQUNILFlBQW1CLFVBQVUsS0FBSyxFQUNmLGFBQWEsS0FBSyxFQUNsQixVQUFVLEVBQUUsRUFDWixTQUFTLEVBQUUsRUFDWCxXQUFXLENBQUM7UUFKWixZQUFPLEdBQVAsT0FBTyxDQUFRO1FBQ2YsZUFBVSxHQUFWLFVBQVUsQ0FBUTtRQUNsQixZQUFPLEdBQVAsT0FBTyxDQUFLO1FBQ1osV0FBTSxHQUFOLE1BQU0sQ0FBSztRQUNYLGFBQVEsR0FBUixRQUFRLENBQUk7UUFkL0IsYUFBUSxHQUFXLEVBQUUsQ0FBQztJQWV0QixDQUFDO0lBRUQsOENBQThDO0lBQzlDLEtBQUs7UUFDSCxPQUFPLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuRixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmV4cG9ydCB0eXBlIE1lZGlhUXVlcnlTdWJzY3JpYmVyID0gKGNoYW5nZXM6IE1lZGlhQ2hhbmdlKSA9PiB2b2lkO1xuXG4vKipcbiAqIENsYXNzIGluc3RhbmNlcyBlbWl0dGVkIFt0byBvYnNlcnZlcnNdIGZvciBlYWNoIG1xbCBub3RpZmljYXRpb25cbiAqL1xuZXhwb3J0IGNsYXNzIE1lZGlhQ2hhbmdlIHtcbiAgcHJvcGVydHk6IHN0cmluZyA9ICcnO1xuICB2YWx1ZTogYW55O1xuXG4gIC8qKlxuICAgKiBAcGFyYW0gbWF0Y2hlcyB3aGV0aGVyIHRoZSBtZWRpYVF1ZXJ5IGlzIGN1cnJlbnRseSBhY3RpdmF0ZWRcbiAgICogQHBhcmFtIG1lZGlhUXVlcnkgZS5nLiAobWluLXdpZHRoOiA2MDBweCkgYW5kIChtYXgtd2lkdGg6IDk1OXB4KVxuICAgKiBAcGFyYW0gbXFBbGlhcyBlLmcuIGd0LXNtLCBtZCwgZ3QtbGdcbiAgICogQHBhcmFtIHN1ZmZpeCBlLmcuIEd0U00sIE1kLCBHdExnXG4gICAqIEBwYXJhbSBwcmlvcml0eSB0aGUgcHJpb3JpdHkgb2YgYWN0aXZhdGlvbiBmb3IgdGhlIGdpdmVuIGJyZWFrcG9pbnRcbiAgICovXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBtYXRjaGVzID0gZmFsc2UsXG4gICAgICAgICAgICAgIHB1YmxpYyBtZWRpYVF1ZXJ5ID0gJ2FsbCcsXG4gICAgICAgICAgICAgIHB1YmxpYyBtcUFsaWFzID0gJycsXG4gICAgICAgICAgICAgIHB1YmxpYyBzdWZmaXggPSAnJyxcbiAgICAgICAgICAgICAgcHVibGljIHByaW9yaXR5ID0gMCkge1xuICB9XG5cbiAgLyoqIENyZWF0ZSBhbiBleGFjdCBjb3B5IG9mIHRoZSBNZWRpYUNoYW5nZSAqL1xuICBjbG9uZSgpOiBNZWRpYUNoYW5nZSB7XG4gICAgcmV0dXJuIG5ldyBNZWRpYUNoYW5nZSh0aGlzLm1hdGNoZXMsIHRoaXMubWVkaWFRdWVyeSwgdGhpcy5tcUFsaWFzLCB0aGlzLnN1ZmZpeCk7XG4gIH1cbn1cblxuXG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/media-observer/index.mjs: -------------------------------------------------------------------------------- 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 './media-observer'; 9 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvbWVkaWEtb2JzZXJ2ZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL21lZGlhLW9ic2VydmVyJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/media-trigger/index.mjs: -------------------------------------------------------------------------------- 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 './media-trigger'; 9 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvbWVkaWEtdHJpZ2dlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbWVkaWEtdHJpZ2dlcic7XG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/module.mjs: -------------------------------------------------------------------------------- 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 { NgModule } from '@angular/core'; 9 | import { BROWSER_PROVIDER } from './browser-provider'; 10 | import * as i0 from "@angular/core"; 11 | /** 12 | * ***************************************************************** 13 | * Define module for common Angular Layout utilities 14 | * ***************************************************************** 15 | */ 16 | export class CoreModule { 17 | } 18 | CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); 19 | CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CoreModule }); 20 | CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CoreModule, providers: [BROWSER_PROVIDER] }); 21 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: CoreModule, decorators: [{ 22 | type: NgModule, 23 | args: [{ 24 | providers: [BROWSER_PROVIDER] 25 | }] 26 | }] }); 27 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9jb3JlL21vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFDSCxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLG9CQUFvQixDQUFDOztBQUdwRDs7OztHQUlHO0FBSUgsTUFBTSxPQUFPLFVBQVU7O3VHQUFWLFVBQVU7d0dBQVYsVUFBVTt3R0FBVixVQUFVLGFBRlYsQ0FBQyxnQkFBZ0IsQ0FBQzsyRkFFbEIsVUFBVTtrQkFIdEIsUUFBUTttQkFBQztvQkFDUixTQUFTLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0JST1dTRVJfUFJPVklERVJ9IGZyb20gJy4vYnJvd3Nlci1wcm92aWRlcic7XG5cblxuLyoqXG4gKiAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICogRGVmaW5lIG1vZHVsZSBmb3IgY29tbW9uIEFuZ3VsYXIgTGF5b3V0IHV0aWxpdGllc1xuICogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAqL1xuQE5nTW9kdWxlKHtcbiAgcHJvdmlkZXJzOiBbQlJPV1NFUl9QUk9WSURFUl1cbn0pXG5leHBvcnQgY2xhc3MgQ29yZU1vZHVsZSB7XG59XG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/multiply/multiplier.mjs: -------------------------------------------------------------------------------- 1 | const MULTIPLIER_SUFFIX = 'x'; 2 | export function multiply(value, multiplier) { 3 | if (multiplier === undefined) { 4 | return value; 5 | } 6 | const transformValue = (possibleValue) => { 7 | const numberValue = +(possibleValue.slice(0, -MULTIPLIER_SUFFIX.length)); 8 | if (value.endsWith(MULTIPLIER_SUFFIX) && !isNaN(numberValue)) { 9 | return `${numberValue * multiplier.value}${multiplier.unit}`; 10 | } 11 | return value; 12 | }; 13 | return value.includes(' ') ? 14 | value.split(' ').map(transformValue).join(' ') : transformValue(value); 15 | } 16 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlwbGllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvY29yZS9tdWx0aXBseS9tdWx0aXBsaWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBLE1BQU0saUJBQWlCLEdBQUcsR0FBRyxDQUFDO0FBRTlCLE1BQU0sVUFBVSxRQUFRLENBQUMsS0FBYSxFQUFFLFVBQXVCO0lBQzdELElBQUksVUFBVSxLQUFLLFNBQVMsRUFBRTtRQUM1QixPQUFPLEtBQUssQ0FBQztLQUNkO0lBRUQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxhQUFxQixFQUFFLEVBQUU7UUFDL0MsTUFBTSxXQUFXLEdBQUcsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUV6RSxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUM1RCxPQUFPLEdBQUcsV0FBVyxHQUFHLFVBQVUsQ0FBQyxLQUFLLEdBQUcsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzlEO1FBRUQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDLENBQUM7SUFFRixPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUMxQixLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUMzRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBNdWx0aXBsaWVyIHtcbiAgcmVhZG9ubHkgdW5pdDogc3RyaW5nO1xuICByZWFkb25seSB2YWx1ZTogbnVtYmVyO1xufVxuXG5jb25zdCBNVUxUSVBMSUVSX1NVRkZJWCA9ICd4JztcblxuZXhwb3J0IGZ1bmN0aW9uIG11bHRpcGx5KHZhbHVlOiBzdHJpbmcsIG11bHRpcGxpZXI/OiBNdWx0aXBsaWVyKTogc3RyaW5nIHtcbiAgaWYgKG11bHRpcGxpZXIgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIGNvbnN0IHRyYW5zZm9ybVZhbHVlID0gKHBvc3NpYmxlVmFsdWU6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IG51bWJlclZhbHVlID0gKyhwb3NzaWJsZVZhbHVlLnNsaWNlKDAsIC1NVUxUSVBMSUVSX1NVRkZJWC5sZW5ndGgpKTtcblxuICAgIGlmICh2YWx1ZS5lbmRzV2l0aChNVUxUSVBMSUVSX1NVRkZJWCkgJiYgIWlzTmFOKG51bWJlclZhbHVlKSkge1xuICAgICAgcmV0dXJuIGAke251bWJlclZhbHVlICogbXVsdGlwbGllci52YWx1ZX0ke211bHRpcGxpZXIudW5pdH1gO1xuICAgIH1cblxuICAgIHJldHVybiB2YWx1ZTtcbiAgfTtcblxuICByZXR1cm4gdmFsdWUuaW5jbHVkZXMoJyAnKSA/XG4gICAgdmFsdWUuc3BsaXQoJyAnKS5tYXAodHJhbnNmb3JtVmFsdWUpLmpvaW4oJyAnKSA6IHRyYW5zZm9ybVZhbHVlKHZhbHVlKTtcbn1cbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/public-api.mjs: -------------------------------------------------------------------------------- 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 './browser-provider'; 10 | export * from './media-change'; 11 | export * from './stylesheet-map/index'; 12 | export * from './tokens/index'; 13 | export * from './add-alias'; 14 | export * from './base/index'; 15 | export * from './breakpoints/index'; 16 | export { MatchMedia as ɵMatchMedia, MockMatchMedia as ɵMockMatchMedia, MockMatchMediaProvider as ɵMockMatchMediaProvider, } from './match-media/index'; 17 | export * from './media-observer/index'; 18 | export * from './media-trigger/index'; 19 | export * from './utils/index'; 20 | export * from './style-utils/style-utils'; 21 | export * from './style-builder/style-builder'; 22 | export * from './basis-validator/basis-validator'; 23 | export * from './media-marshaller/media-marshaller'; 24 | export * from './media-marshaller/print-hook'; 25 | export { multiply as ɵmultiply } from './multiply/multiplier'; 26 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvY29yZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxhQUFhLENBQUM7QUFFNUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxPQUFPLEVBQ0wsVUFBVSxJQUFJLFdBQVcsRUFDekIsY0FBYyxJQUFJLGVBQWUsRUFDakMsc0JBQXNCLElBQUksdUJBQXVCLEdBQ2xELE1BQU0scUJBQXFCLENBQUM7QUFDN0IsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsZUFBZSxDQUFDO0FBRTlCLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxPQUFPLEVBQWEsUUFBUSxJQUFJLFNBQVMsRUFBQyxNQUFNLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vYnJvd3Nlci1wcm92aWRlcic7XG5leHBvcnQgKiBmcm9tICcuL21lZGlhLWNoYW5nZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlc2hlZXQtbWFwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdG9rZW5zL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYWRkLWFsaWFzJztcblxuZXhwb3J0ICogZnJvbSAnLi9iYXNlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYnJlYWtwb2ludHMvaW5kZXgnO1xuZXhwb3J0IHtcbiAgTWF0Y2hNZWRpYSBhcyDJtU1hdGNoTWVkaWEsXG4gIE1vY2tNYXRjaE1lZGlhIGFzIMm1TW9ja01hdGNoTWVkaWEsXG4gIE1vY2tNYXRjaE1lZGlhUHJvdmlkZXIgYXMgybVNb2NrTWF0Y2hNZWRpYVByb3ZpZGVyLFxufSBmcm9tICcuL21hdGNoLW1lZGlhL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vbWVkaWEtb2JzZXJ2ZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9tZWRpYS10cmlnZ2VyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdXRpbHMvaW5kZXgnO1xuXG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLXV0aWxzL3N0eWxlLXV0aWxzJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUtYnVpbGRlci9zdHlsZS1idWlsZGVyJztcbmV4cG9ydCAqIGZyb20gJy4vYmFzaXMtdmFsaWRhdG9yL2Jhc2lzLXZhbGlkYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL21lZGlhLW1hcnNoYWxsZXIvbWVkaWEtbWFyc2hhbGxlcic7XG5leHBvcnQgKiBmcm9tICcuL21lZGlhLW1hcnNoYWxsZXIvcHJpbnQtaG9vayc7XG5leHBvcnQge011bHRpcGxpZXIsIG11bHRpcGx5IGFzIMm1bXVsdGlwbHl9IGZyb20gJy4vbXVsdGlwbHkvbXVsdGlwbGllcic7XG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/style-builder/style-builder.mjs: -------------------------------------------------------------------------------- 1 | /** A class that encapsulates CSS style generation for common directives */ 2 | export class StyleBuilder { 3 | constructor() { 4 | /** Whether to cache the generated output styles */ 5 | this.shouldCache = true; 6 | } 7 | /** 8 | * Run a side effect computation given the input string and the computed styles 9 | * from the build task and the host configuration object 10 | * NOTE: This should be a no-op unless an algorithm is provided in a subclass 11 | */ 12 | sideEffect(_input, _styles, _parent) { 13 | } 14 | } 15 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUtYnVpbGRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvY29yZS9zdHlsZS1idWlsZGVyL3N0eWxlLWJ1aWxkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsMkVBQTJFO0FBQzNFLE1BQU0sT0FBZ0IsWUFBWTtJQUFsQztRQUVFLG1EQUFtRDtRQUNuRCxnQkFBVyxHQUFHLElBQUksQ0FBQztJQVlyQixDQUFDO0lBUEM7Ozs7T0FJRztJQUNILFVBQVUsQ0FBQyxNQUFjLEVBQUUsT0FBd0IsRUFBRSxPQUFnQjtJQUNyRSxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmltcG9ydCB7U3R5bGVEZWZpbml0aW9ufSBmcm9tICcuLi9zdHlsZS11dGlscy9zdHlsZS11dGlscyc7XG5cbi8qKiBBIGNsYXNzIHRoYXQgZW5jYXBzdWxhdGVzIENTUyBzdHlsZSBnZW5lcmF0aW9uIGZvciBjb21tb24gZGlyZWN0aXZlcyAqL1xuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFN0eWxlQnVpbGRlciB7XG5cbiAgLyoqIFdoZXRoZXIgdG8gY2FjaGUgdGhlIGdlbmVyYXRlZCBvdXRwdXQgc3R5bGVzICovXG4gIHNob3VsZENhY2hlID0gdHJ1ZTtcblxuICAvKiogQnVpbGQgdGhlIHN0eWxlcyBnaXZlbiBhbiBpbnB1dCBzdHJpbmcgYW5kIGNvbmZpZ3VyYXRpb24gb2JqZWN0IGZyb20gYSBob3N0ICovXG4gIGFic3RyYWN0IGJ1aWxkU3R5bGVzKGlucHV0OiBzdHJpbmcsIHBhcmVudD86IE9iamVjdCk6IFN0eWxlRGVmaW5pdGlvbjtcblxuICAvKipcbiAgICogUnVuIGEgc2lkZSBlZmZlY3QgY29tcHV0YXRpb24gZ2l2ZW4gdGhlIGlucHV0IHN0cmluZyBhbmQgdGhlIGNvbXB1dGVkIHN0eWxlc1xuICAgKiBmcm9tIHRoZSBidWlsZCB0YXNrIGFuZCB0aGUgaG9zdCBjb25maWd1cmF0aW9uIG9iamVjdFxuICAgKiBOT1RFOiBUaGlzIHNob3VsZCBiZSBhIG5vLW9wIHVubGVzcyBhbiBhbGdvcml0aG0gaXMgcHJvdmlkZWQgaW4gYSBzdWJjbGFzc1xuICAgKi9cbiAgc2lkZUVmZmVjdChfaW5wdXQ6IHN0cmluZywgX3N0eWxlczogU3R5bGVEZWZpbml0aW9uLCBfcGFyZW50PzogT2JqZWN0KSB7XG4gIH1cbn1cbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/stylesheet-map/index.mjs: -------------------------------------------------------------------------------- 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 './stylesheet-map'; 9 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvc3R5bGVzaGVldC1tYXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3N0eWxlc2hlZXQtbWFwJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/tokens/breakpoint-token.mjs: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | export const BREAKPOINT = new InjectionToken('Flex Layout token, collect all breakpoints into one provider', { 10 | providedIn: 'root', 11 | factory: () => null 12 | }); 13 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludC10b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvY29yZS90b2tlbnMvYnJlYWtwb2ludC10b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFDSCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxJQUFJLGNBQWMsQ0FDMUMsOERBQThELEVBQUU7SUFDOUQsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUk7Q0FDcEIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5pbXBvcnQge0luamVjdGlvblRva2VufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QnJlYWtQb2ludH0gZnJvbSAnLi4vYnJlYWtwb2ludHMvYnJlYWstcG9pbnQnO1xuXG5leHBvcnQgY29uc3QgQlJFQUtQT0lOVCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxCcmVha1BvaW50fEJyZWFrUG9pbnRbXXxudWxsPihcbiAgJ0ZsZXggTGF5b3V0IHRva2VuLCBjb2xsZWN0IGFsbCBicmVha3BvaW50cyBpbnRvIG9uZSBwcm92aWRlcicsIHtcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXG4gICAgZmFjdG9yeTogKCkgPT4gbnVsbFxuICB9KTtcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/tokens/index.mjs: -------------------------------------------------------------------------------- 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 './library-config'; 9 | export * from './server-token'; 10 | export * from './breakpoint-token'; 11 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvdG9rZW5zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGlicmFyeS1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9zZXJ2ZXItdG9rZW4nO1xuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50LXRva2VuJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/tokens/library-config.mjs: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | export const DEFAULT_CONFIG = { 10 | addFlexToParent: true, 11 | addOrientationBps: false, 12 | disableDefaultBps: false, 13 | disableVendorPrefixes: false, 14 | serverLoaded: false, 15 | useColumnBasisZero: true, 16 | printWithBreakpoints: [], 17 | mediaTriggerAutoRestore: true, 18 | ssrObserveBreakpoints: [], 19 | // This is disabled by default because otherwise the multiplier would 20 | // run for all users, regardless of whether they're using this feature. 21 | // Instead, we disable it by default, which requires this ugly cast. 22 | multiplier: undefined, 23 | defaultUnit: 'px', 24 | detectLayoutDisplay: false, 25 | }; 26 | export const LAYOUT_CONFIG = new InjectionToken('Flex Layout token, config options for the library', { 27 | providedIn: 'root', 28 | factory: () => DEFAULT_CONFIG 29 | }); 30 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicmFyeS1jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvdG9rZW5zL2xpYnJhcnktY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUNILE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFtQjdDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBa0M7SUFDM0QsZUFBZSxFQUFFLElBQUk7SUFDckIsaUJBQWlCLEVBQUUsS0FBSztJQUN4QixpQkFBaUIsRUFBRSxLQUFLO0lBQ3hCLHFCQUFxQixFQUFFLEtBQUs7SUFDNUIsWUFBWSxFQUFFLEtBQUs7SUFDbkIsa0JBQWtCLEVBQUUsSUFBSTtJQUN4QixvQkFBb0IsRUFBRSxFQUFFO0lBQ3hCLHVCQUF1QixFQUFFLElBQUk7SUFDN0IscUJBQXFCLEVBQUUsRUFBRTtJQUN6QixxRUFBcUU7SUFDckUsdUVBQXVFO0lBQ3ZFLG9FQUFvRTtJQUNwRSxVQUFVLEVBQUUsU0FBa0M7SUFDOUMsV0FBVyxFQUFFLElBQUk7SUFDakIsbUJBQW1CLEVBQUUsS0FBSztDQUMzQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLElBQUksY0FBYyxDQUMzQyxtREFBbUQsRUFBRTtJQUNuRCxVQUFVLEVBQUUsTUFBTTtJQUNsQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsY0FBYztDQUM5QixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmltcG9ydCB7SW5qZWN0aW9uVG9rZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNdWx0aXBsaWVyfSBmcm9tICcuLi9tdWx0aXBseS9tdWx0aXBsaWVyJztcblxuLyoqIGEgc2V0IG9mIGNvbmZpZ3VyYXRpb24gb3B0aW9ucyBmb3IgRmxleExheW91dE1vZHVsZSAqL1xuZXhwb3J0IGludGVyZmFjZSBMYXlvdXRDb25maWdPcHRpb25zIHtcbiAgYWRkRmxleFRvUGFyZW50PzogYm9vbGVhbjtcbiAgYWRkT3JpZW50YXRpb25CcHM/OiBib29sZWFuO1xuICBkaXNhYmxlRGVmYXVsdEJwcz86IGJvb2xlYW47XG4gIGRpc2FibGVWZW5kb3JQcmVmaXhlcz86IGJvb2xlYW47XG4gIHNlcnZlckxvYWRlZD86IGJvb2xlYW47XG4gIHVzZUNvbHVtbkJhc2lzWmVybz86IGJvb2xlYW47XG4gIHByaW50V2l0aEJyZWFrcG9pbnRzPzogc3RyaW5nW107XG4gIG1lZGlhVHJpZ2dlckF1dG9SZXN0b3JlPzogYm9vbGVhbjtcbiAgc3NyT2JzZXJ2ZUJyZWFrcG9pbnRzPzogc3RyaW5nW107XG4gIG11bHRpcGxpZXI/OiBNdWx0aXBsaWVyO1xuICBkZWZhdWx0VW5pdD86IHN0cmluZztcbiAgZGV0ZWN0TGF5b3V0RGlzcGxheT86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0NPTkZJRzogUmVxdWlyZWQ8TGF5b3V0Q29uZmlnT3B0aW9ucz4gPSB7XG4gIGFkZEZsZXhUb1BhcmVudDogdHJ1ZSxcbiAgYWRkT3JpZW50YXRpb25CcHM6IGZhbHNlLFxuICBkaXNhYmxlRGVmYXVsdEJwczogZmFsc2UsXG4gIGRpc2FibGVWZW5kb3JQcmVmaXhlczogZmFsc2UsXG4gIHNlcnZlckxvYWRlZDogZmFsc2UsXG4gIHVzZUNvbHVtbkJhc2lzWmVybzogdHJ1ZSxcbiAgcHJpbnRXaXRoQnJlYWtwb2ludHM6IFtdLFxuICBtZWRpYVRyaWdnZXJBdXRvUmVzdG9yZTogdHJ1ZSxcbiAgc3NyT2JzZXJ2ZUJyZWFrcG9pbnRzOiBbXSxcbiAgLy8gVGhpcyBpcyBkaXNhYmxlZCBieSBkZWZhdWx0IGJlY2F1c2Ugb3RoZXJ3aXNlIHRoZSBtdWx0aXBsaWVyIHdvdWxkXG4gIC8vIHJ1biBmb3IgYWxsIHVzZXJzLCByZWdhcmRsZXNzIG9mIHdoZXRoZXIgdGhleSdyZSB1c2luZyB0aGlzIGZlYXR1cmUuXG4gIC8vIEluc3RlYWQsIHdlIGRpc2FibGUgaXQgYnkgZGVmYXVsdCwgd2hpY2ggcmVxdWlyZXMgdGhpcyB1Z2x5IGNhc3QuXG4gIG11bHRpcGxpZXI6IHVuZGVmaW5lZCBhcyB1bmtub3duIGFzIE11bHRpcGxpZXIsXG4gIGRlZmF1bHRVbml0OiAncHgnLFxuICBkZXRlY3RMYXlvdXREaXNwbGF5OiBmYWxzZSxcbn07XG5cbmV4cG9ydCBjb25zdCBMQVlPVVRfQ09ORklHID0gbmV3IEluamVjdGlvblRva2VuPExheW91dENvbmZpZ09wdGlvbnM+KFxuICAgICdGbGV4IExheW91dCB0b2tlbiwgY29uZmlnIG9wdGlvbnMgZm9yIHRoZSBsaWJyYXJ5Jywge1xuICAgICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICAgICAgZmFjdG9yeTogKCkgPT4gREVGQVVMVF9DT05GSUdcbiAgICB9KTtcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/tokens/server-token.mjs: -------------------------------------------------------------------------------- 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 { InjectionToken } from '@angular/core'; 9 | /** 10 | * Token that is provided to tell whether the FlexLayoutServerModule 11 | * has been included in the bundle 12 | * 13 | * NOTE: This can be manually provided to disable styles when using SSR 14 | */ 15 | export const SERVER_TOKEN = new InjectionToken('FlexLayoutServerLoaded', { 16 | providedIn: 'root', 17 | factory: () => false 18 | }); 19 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmVyLXRva2VuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9jb3JlL3Rva2Vucy9zZXJ2ZXItdG9rZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBQ0gsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3Qzs7Ozs7R0FLRztBQUNILE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxJQUFJLGNBQWMsQ0FDNUMsd0JBQXdCLEVBQUU7SUFDeEIsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLEtBQUs7Q0FDckIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5pbXBvcnQge0luamVjdGlvblRva2VufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBUb2tlbiB0aGF0IGlzIHByb3ZpZGVkIHRvIHRlbGwgd2hldGhlciB0aGUgRmxleExheW91dFNlcnZlck1vZHVsZVxuICogaGFzIGJlZW4gaW5jbHVkZWQgaW4gdGhlIGJ1bmRsZVxuICpcbiAqIE5PVEU6IFRoaXMgY2FuIGJlIG1hbnVhbGx5IHByb3ZpZGVkIHRvIGRpc2FibGUgc3R5bGVzIHdoZW4gdXNpbmcgU1NSXG4gKi9cbmV4cG9ydCBjb25zdCBTRVJWRVJfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oXG4gICdGbGV4TGF5b3V0U2VydmVyTG9hZGVkJywge1xuICAgIHByb3ZpZGVkSW46ICdyb290JyxcbiAgICBmYWN0b3J5OiAoKSA9PiBmYWxzZVxuICB9KTtcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/utils/array.mjs: -------------------------------------------------------------------------------- 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 | /** Wraps the provided value in an array, unless the provided value is an array. */ 9 | export function coerceArray(value) { 10 | return Array.isArray(value) ? value : [value]; 11 | } 12 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvdXRpbHMvYXJyYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsbUZBQW1GO0FBQ25GLE1BQU0sVUFBVSxXQUFXLENBQUksS0FBYztJQUMzQyxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUNoRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IEdvb2dsZSBMTEMgQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2FuZ3VsYXIuaW8vbGljZW5zZVxuICovXG5cbi8qKiBXcmFwcyB0aGUgcHJvdmlkZWQgdmFsdWUgaW4gYW4gYXJyYXksIHVubGVzcyB0aGUgcHJvdmlkZWQgdmFsdWUgaXMgYW4gYXJyYXkuICovXG5leHBvcnQgZnVuY3Rpb24gY29lcmNlQXJyYXk8VD4odmFsdWU6IFQgfCBUW10pOiBUW10ge1xuICByZXR1cm4gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFt2YWx1ZV07XG59XG4iXX0= -------------------------------------------------------------------------------- /esm2020/core/utils/index.mjs: -------------------------------------------------------------------------------- 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 './sort'; 9 | export * from './array'; 10 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L2NvcmUvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBQ0gsY0FBYyxRQUFRLENBQUM7QUFDdkIsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vc29ydCc7XG5leHBvcnQgKiBmcm9tICcuL2FycmF5JztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/core/utils/sort.mjs: -------------------------------------------------------------------------------- 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 | /** HOF to sort the breakpoints by descending priority */ 9 | export function sortDescendingPriority(a, b) { 10 | const priorityA = a ? a.priority || 0 : 0; 11 | const priorityB = b ? b.priority || 0 : 0; 12 | return priorityB - priorityA; 13 | } 14 | /** HOF to sort the breakpoints by ascending priority */ 15 | export function sortAscendingPriority(a, b) { 16 | const pA = a.priority || 0; 17 | const pB = b.priority || 0; 18 | return pA - pB; 19 | } 20 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvY29yZS91dGlscy9zb3J0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQU1ILHlEQUF5RDtBQUN6RCxNQUFNLFVBQVUsc0JBQXNCLENBQXlCLENBQVcsRUFBRSxDQUFXO0lBQ3JGLE1BQU0sU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMxQyxNQUFNLFNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUMsT0FBTyxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQy9CLENBQUM7QUFFRCx3REFBd0Q7QUFDeEQsTUFBTSxVQUFVLHFCQUFxQixDQUF5QixDQUFJLEVBQUUsQ0FBSTtJQUN0RSxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztJQUMzQixNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztJQUMzQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUM7QUFDakIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbnRlcmZhY2UgV2l0aFByaW9yaXR5IHtcbiAgcHJpb3JpdHk/OiBudW1iZXI7XG59XG5cbi8qKiBIT0YgdG8gc29ydCB0aGUgYnJlYWtwb2ludHMgYnkgZGVzY2VuZGluZyBwcmlvcml0eSAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNvcnREZXNjZW5kaW5nUHJpb3JpdHk8VCBleHRlbmRzIFdpdGhQcmlvcml0eT4oYTogVCB8IG51bGwsIGI6IFQgfCBudWxsKTogbnVtYmVyIHtcbiAgY29uc3QgcHJpb3JpdHlBID0gYSA/IGEucHJpb3JpdHkgfHwgMCA6IDA7XG4gIGNvbnN0IHByaW9yaXR5QiA9IGIgPyBiLnByaW9yaXR5IHx8IDAgOiAwO1xuICByZXR1cm4gcHJpb3JpdHlCIC0gcHJpb3JpdHlBO1xufVxuXG4vKiogSE9GIHRvIHNvcnQgdGhlIGJyZWFrcG9pbnRzIGJ5IGFzY2VuZGluZyBwcmlvcml0eSAqL1xuZXhwb3J0IGZ1bmN0aW9uIHNvcnRBc2NlbmRpbmdQcmlvcml0eTxUIGV4dGVuZHMgV2l0aFByaW9yaXR5PihhOiBULCBiOiBUKTogbnVtYmVyIHtcbiAgY29uc3QgcEEgPSBhLnByaW9yaXR5IHx8IDA7XG4gIGNvbnN0IHBCID0gYi5wcmlvcml0eSB8fCAwO1xuICByZXR1cm4gcEEgLSBwQjtcbn1cbiJdfQ== -------------------------------------------------------------------------------- /esm2020/extended/angular-flex-layout-extended.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1leHRlbmRlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvZXh0ZW5kZWQvYW5ndWxhci1mbGV4LWxheW91dC1leHRlbmRlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/extended/module.mjs: -------------------------------------------------------------------------------- 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 { NgModule } from '@angular/core'; 9 | import { CoreModule } from '@angular/flex-layout/core'; 10 | import { DefaultImgSrcDirective } from './img-src/img-src'; 11 | import { DefaultClassDirective } from './class/class'; 12 | import { DefaultShowHideDirective } from './show-hide/show-hide'; 13 | import { DefaultStyleDirective } from './style/style'; 14 | import * as i0 from "@angular/core"; 15 | const ALL_DIRECTIVES = [ 16 | DefaultShowHideDirective, 17 | DefaultClassDirective, 18 | DefaultStyleDirective, 19 | DefaultImgSrcDirective, 20 | ]; 21 | /** 22 | * ***************************************************************** 23 | * Define module for the Extended API 24 | * ***************************************************************** 25 | */ 26 | export class ExtendedModule { 27 | } 28 | ExtendedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ExtendedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); 29 | ExtendedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ExtendedModule, declarations: [DefaultShowHideDirective, 30 | DefaultClassDirective, 31 | DefaultStyleDirective, 32 | DefaultImgSrcDirective], imports: [CoreModule], exports: [DefaultShowHideDirective, 33 | DefaultClassDirective, 34 | DefaultStyleDirective, 35 | DefaultImgSrcDirective] }); 36 | ExtendedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ExtendedModule, imports: [[CoreModule]] }); 37 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: ExtendedModule, decorators: [{ 38 | type: NgModule, 39 | args: [{ 40 | imports: [CoreModule], 41 | declarations: [...ALL_DIRECTIVES], 42 | exports: [...ALL_DIRECTIVES] 43 | }] 44 | }] }); 45 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9leHRlbmRlZC9tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBQ0gsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFFckQsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7QUFDekQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQy9ELE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFHcEQsTUFBTSxjQUFjLEdBQUc7SUFDckIsd0JBQXdCO0lBQ3hCLHFCQUFxQjtJQUNyQixxQkFBcUI7SUFDckIsc0JBQXNCO0NBQ3ZCLENBQUM7QUFFRjs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFqQnpCLHdCQUF3QjtRQUN4QixxQkFBcUI7UUFDckIscUJBQXFCO1FBQ3JCLHNCQUFzQixhQVVaLFVBQVUsYUFicEIsd0JBQXdCO1FBQ3hCLHFCQUFxQjtRQUNyQixxQkFBcUI7UUFDckIsc0JBQXNCOzRHQWNYLGNBQWMsWUFKaEIsQ0FBQyxVQUFVLENBQUM7MkZBSVYsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUM7b0JBQ3JCLFlBQVksRUFBRSxDQUFDLEdBQUcsY0FBYyxDQUFDO29CQUNqQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLGNBQWMsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb3JlTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dC9jb3JlJztcblxuaW1wb3J0IHtEZWZhdWx0SW1nU3JjRGlyZWN0aXZlfSBmcm9tICcuL2ltZy1zcmMvaW1nLXNyYyc7XG5pbXBvcnQge0RlZmF1bHRDbGFzc0RpcmVjdGl2ZX0gZnJvbSAnLi9jbGFzcy9jbGFzcyc7XG5pbXBvcnQge0RlZmF1bHRTaG93SGlkZURpcmVjdGl2ZX0gZnJvbSAnLi9zaG93LWhpZGUvc2hvdy1oaWRlJztcbmltcG9ydCB7RGVmYXVsdFN0eWxlRGlyZWN0aXZlfSBmcm9tICcuL3N0eWxlL3N0eWxlJztcblxuXG5jb25zdCBBTExfRElSRUNUSVZFUyA9IFtcbiAgRGVmYXVsdFNob3dIaWRlRGlyZWN0aXZlLFxuICBEZWZhdWx0Q2xhc3NEaXJlY3RpdmUsXG4gIERlZmF1bHRTdHlsZURpcmVjdGl2ZSxcbiAgRGVmYXVsdEltZ1NyY0RpcmVjdGl2ZSxcbl07XG5cbi8qKlxuICogKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAqIERlZmluZSBtb2R1bGUgZm9yIHRoZSBFeHRlbmRlZCBBUElcbiAqICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gKi9cblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvcmVNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFsuLi5BTExfRElSRUNUSVZFU10sXG4gIGV4cG9ydHM6IFsuLi5BTExfRElSRUNUSVZFU11cbn0pXG5leHBvcnQgY2xhc3MgRXh0ZW5kZWRNb2R1bGUge1xufVxuIl19 -------------------------------------------------------------------------------- /esm2020/extended/public-api.mjs: -------------------------------------------------------------------------------- 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 './class/class'; 10 | export * from './img-src/img-src'; 11 | export * from './show-hide/show-hide'; 12 | export * from './style/style'; 13 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvZXh0ZW5kZWQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxjQUFjLFVBQVUsQ0FBQztBQUV6QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2NsYXNzL2NsYXNzJztcbmV4cG9ydCAqIGZyb20gJy4vaW1nLXNyYy9pbWctc3JjJztcbmV4cG9ydCAqIGZyb20gJy4vc2hvdy1oaWRlL3Nob3ctaGlkZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlL3N0eWxlJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/flex/angular-flex-layout-flex.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1mbGV4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9mbGV4L2FuZ3VsYXItZmxleC1sYXlvdXQtZmxleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/flex/public-api.mjs: -------------------------------------------------------------------------------- 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 './flex/flex'; 10 | export * from './flex-align/flex-align'; 11 | export * from './flex-fill/flex-fill'; 12 | export * from './flex-offset/flex-offset'; 13 | export * from './flex-order/flex-order'; 14 | export * from './layout/layout'; 15 | export * from './layout-align/layout-align'; 16 | export * from './layout-gap/layout-gap'; 17 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvZmxleC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsVUFBVSxDQUFDO0FBRXpCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ZsZXgvZmxleCc7XG5leHBvcnQgKiBmcm9tICcuL2ZsZXgtYWxpZ24vZmxleC1hbGlnbic7XG5leHBvcnQgKiBmcm9tICcuL2ZsZXgtZmlsbC9mbGV4LWZpbGwnO1xuZXhwb3J0ICogZnJvbSAnLi9mbGV4LW9mZnNldC9mbGV4LW9mZnNldCc7XG5leHBvcnQgKiBmcm9tICcuL2ZsZXgtb3JkZXIvZmxleC1vcmRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xheW91dC9sYXlvdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9sYXlvdXQtYWxpZ24vbGF5b3V0LWFsaWduJztcbmV4cG9ydCAqIGZyb20gJy4vbGF5b3V0LWdhcC9sYXlvdXQtZ2FwJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/grid/angular-flex-layout-grid.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1ncmlkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9ncmlkL2FuZ3VsYXItZmxleC1sYXlvdXQtZ3JpZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/grid/public-api.mjs: -------------------------------------------------------------------------------- 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'; 20 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvZ3JpZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUVILGNBQWMsVUFBVSxDQUFDO0FBRXpCLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLFdBQVcsQ0FBQztBQUMxQixjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vYWxpZ24tY29sdW1ucy9hbGlnbi1jb2x1bW5zJztcbmV4cG9ydCAqIGZyb20gJy4vYWxpZ24tcm93cy9hbGlnbi1yb3dzJztcbmV4cG9ydCAqIGZyb20gJy4vYXJlYS9hcmVhJztcbmV4cG9ydCAqIGZyb20gJy4vYXJlYXMvYXJlYXMnO1xuZXhwb3J0ICogZnJvbSAnLi9hdXRvL2F1dG8nO1xuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW4vY29sdW1uJztcbmV4cG9ydCAqIGZyb20gJy4vY29sdW1ucy9jb2x1bW5zJztcbmV4cG9ydCAqIGZyb20gJy4vZ2FwL2dhcCc7XG5leHBvcnQgKiBmcm9tICcuL2dyaWQtYWxpZ24vZ3JpZC1hbGlnbic7XG5leHBvcnQgKiBmcm9tICcuL3Jvdy9yb3cnO1xuZXhwb3J0ICogZnJvbSAnLi9yb3dzL3Jvd3MnO1xuIl19 -------------------------------------------------------------------------------- /esm2020/public-api.mjs: -------------------------------------------------------------------------------- 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 | // Flex-Layout Module 19 | export * from './module'; 20 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSDs7OztHQUlHO0FBQ0gsY0FBYyxXQUFXLENBQUM7QUFFMUIsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUUxQyxxQkFBcUI7QUFDckIsY0FBYyxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cblxuLyoqXG4gKiBAbW9kdWxlXG4gKiBAZGVzY3JpcHRpb25cbiAqIEVudHJ5IHBvaW50IGZvciBhbGwgcHVibGljIEFQSXMgb2YgQW5ndWxhciBGbGV4LUxheW91dC5cbiAqL1xuZXhwb3J0ICogZnJvbSAnLi92ZXJzaW9uJztcblxuZXhwb3J0ICogZnJvbSAnQGFuZ3VsYXIvZmxleC1sYXlvdXQvY29yZSc7XG5leHBvcnQgKiBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dC9leHRlbmRlZCc7XG5leHBvcnQgKiBmcm9tICdAYW5ndWxhci9mbGV4LWxheW91dC9mbGV4JztcbmV4cG9ydCAqIGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0L2dyaWQnO1xuXG4vLyBGbGV4LUxheW91dCBNb2R1bGVcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlJztcbiJdfQ== -------------------------------------------------------------------------------- /esm2020/server/angular-flex-layout-server.mjs: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | export * from './public-api'; 5 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1mbGV4LWxheW91dC1zZXJ2ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9saWJzL2ZsZXgtbGF5b3V0L3NlcnZlci9hbmd1bGFyLWZsZXgtbGF5b3V0LXNlcnZlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19 -------------------------------------------------------------------------------- /esm2020/server/module.mjs: -------------------------------------------------------------------------------- 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 { NgModule } from '@angular/core'; 9 | import { SERVER_PROVIDERS } from './server-provider'; 10 | import * as i0 from "@angular/core"; 11 | export class FlexLayoutServerModule { 12 | } 13 | FlexLayoutServerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutServerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); 14 | FlexLayoutServerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutServerModule }); 15 | FlexLayoutServerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutServerModule, providers: [SERVER_PROVIDERS] }); 16 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutServerModule, decorators: [{ 17 | type: NgModule, 18 | args: [{ 19 | providers: [SERVER_PROVIDERS] 20 | }] 21 | }] }); 22 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbGlicy9mbGV4LWxheW91dC9zZXJ2ZXIvbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7R0FNRztBQUNILE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUJBQW1CLENBQUM7O0FBS25ELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQjtvSEFBdEIsc0JBQXNCLGFBRnRCLENBQUMsZ0JBQWdCLENBQUM7MkZBRWxCLHNCQUFzQjtrQkFIbEMsUUFBUTttQkFBQztvQkFDUixTQUFTLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDOUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1NFUlZFUl9QUk9WSURFUlN9IGZyb20gJy4vc2VydmVyLXByb3ZpZGVyJztcblxuQE5nTW9kdWxlKHtcbiAgcHJvdmlkZXJzOiBbU0VSVkVSX1BST1ZJREVSU11cbn0pXG5leHBvcnQgY2xhc3MgRmxleExheW91dFNlcnZlck1vZHVsZSB7fVxuIl19 -------------------------------------------------------------------------------- /esm2020/server/public-api.mjs: -------------------------------------------------------------------------------- 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'; 10 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvc2VydmVyL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUgsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZlci1wcm92aWRlcic7XG4iXX0= -------------------------------------------------------------------------------- /esm2020/version.mjs: -------------------------------------------------------------------------------- 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 { Version } from '@angular/core'; 9 | /** Current version of Angular Flex-Layout. */ 10 | export const VERSION = new Version('13.0.0-beta.38-ee5d93a'); 11 | //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2xpYnMvZmxleC1sYXlvdXQvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7O0dBTUc7QUFFSCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXRDLDhDQUE4QztBQUM5QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsSUFBSSxPQUFPLENBQUMsbUJBQW1CLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBHb29nbGUgTExDIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKlxuICogVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYW4gTUlULXN0eWxlIGxpY2Vuc2UgdGhhdCBjYW4gYmVcbiAqIGZvdW5kIGluIHRoZSBMSUNFTlNFIGZpbGUgYXQgaHR0cHM6Ly9hbmd1bGFyLmlvL2xpY2Vuc2VcbiAqL1xuXG5pbXBvcnQge1ZlcnNpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKiogQ3VycmVudCB2ZXJzaW9uIG9mIEFuZ3VsYXIgRmxleC1MYXlvdXQuICovXG5leHBvcnQgY29uc3QgVkVSU0lPTiA9IG5ldyBWZXJzaW9uKCcwLjAuMC1QTEFDRUhPTERFUicpO1xuIl19 -------------------------------------------------------------------------------- /extended/README.md: -------------------------------------------------------------------------------- 1 | The `extended` entrypoint contains all of the extended APIs provided by the 2 | Layout library. This includes extensions for Angular directives like NgClass 3 | and NgStyle, and HTML elements like ``. The main export from this 4 | entrypoint is the `ExtendedModule` that encapsulates these directives, and 5 | can be imported separately to take advantage of tree shaking. 6 | 7 | ```typescript 8 | import {NgModule} from '@angular/core'; 9 | import {ExtendedModule} from '@angular/flex-layout/extended'; 10 | 11 | @NgModule(({ 12 | imports: [ 13 | ... other imports here 14 | ExtendedModule, 15 | ] 16 | })) 17 | export class AppModule {} 18 | ``` 19 | -------------------------------------------------------------------------------- /extended/angular-flex-layout-extended.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /extended/class/class.d.ts: -------------------------------------------------------------------------------- 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 { DoCheck, ElementRef, IterableDiffers, KeyValueDiffers, Renderer2 } from '@angular/core'; 9 | import { NgClass } from '@angular/common'; 10 | import { BaseDirective2, StyleUtils, MediaMarshaller } from '@angular/flex-layout/core'; 11 | import * as i0 from "@angular/core"; 12 | export declare class ClassDirective extends BaseDirective2 implements DoCheck { 13 | protected readonly ngClassInstance: NgClass; 14 | protected DIRECTIVE_KEY: string; 15 | /** 16 | * Capture class assignments so we cache the default classes 17 | * which are merged with activated styles and used as fallbacks. 18 | */ 19 | set klass(val: string); 20 | constructor(elementRef: ElementRef, styler: StyleUtils, marshal: MediaMarshaller, iterableDiffers: IterableDiffers, keyValueDiffers: KeyValueDiffers, renderer2: Renderer2, ngClassInstance: NgClass); 21 | protected updateWithValue(value: any): void; 22 | /** 23 | * For ChangeDetectionStrategy.onPush and ngOnChanges() updates 24 | */ 25 | ngDoCheck(): void; 26 | static ɵfac: i0.ɵɵFactoryDeclaration; 27 | static ɵdir: i0.ɵɵDirectiveDeclaration; 28 | } 29 | /** 30 | * Directive to add responsive support for ngClass. 31 | * This maintains the core functionality of 'ngClass' and adds responsive API 32 | * Note: this class is a no-op when rendered on the server 33 | */ 34 | export declare class DefaultClassDirective extends ClassDirective { 35 | protected inputs: string[]; 36 | static ɵfac: i0.ɵɵFactoryDeclaration; 37 | static ɵdir: i0.ɵɵDirectiveDeclaration; 38 | } 39 | -------------------------------------------------------------------------------- /extended/img-src/img-src.d.ts: -------------------------------------------------------------------------------- 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 ImgSrcStyleBuilder extends StyleBuilder { 12 | buildStyles(url: string): { 13 | content: string; 14 | }; 15 | static ɵfac: i0.ɵɵFactoryDeclaration; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 17 | } 18 | export declare class ImgSrcDirective extends BaseDirective2 { 19 | protected platformId: Object; 20 | protected serverModuleLoaded: boolean; 21 | protected DIRECTIVE_KEY: string; 22 | protected defaultSrc: string; 23 | set src(val: string); 24 | constructor(elementRef: ElementRef, styleBuilder: ImgSrcStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller, platformId: Object, serverModuleLoaded: boolean); 25 | /** 26 | * Use the [responsively] activated input value to update 27 | * the host img src attribute or assign a default `img.src=''` 28 | * if the src has not been defined. 29 | * 30 | * Do nothing to standard `` usages, only when responsive 31 | * keys are present do we actually call `setAttribute()` 32 | */ 33 | protected updateWithValue(value?: string): void; 34 | protected styleCache: Map; 35 | static ɵfac: i0.ɵɵFactoryDeclaration; 36 | static ɵdir: i0.ɵɵDirectiveDeclaration; 37 | } 38 | /** 39 | * This directive provides a responsive API for the HTML 'src' attribute 40 | * and will update the img.src property upon each responsive activation. 41 | * 42 | * e.g. 43 | * 44 | * 45 | * @see https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-src/ 46 | */ 47 | export declare class DefaultImgSrcDirective extends ImgSrcDirective { 48 | protected inputs: string[]; 49 | static ɵfac: i0.ɵɵFactoryDeclaration; 50 | static ɵdir: i0.ɵɵDirectiveDeclaration; 51 | } 52 | -------------------------------------------------------------------------------- /extended/module.d.ts: -------------------------------------------------------------------------------- 1 | import * as i0 from "@angular/core"; 2 | import * as i1 from "./show-hide/show-hide"; 3 | import * as i2 from "./class/class"; 4 | import * as i3 from "./style/style"; 5 | import * as i4 from "./img-src/img-src"; 6 | import * as i5 from "@angular/flex-layout/core"; 7 | /** 8 | * ***************************************************************** 9 | * Define module for the Extended API 10 | * ***************************************************************** 11 | */ 12 | export declare class ExtendedModule { 13 | static ɵfac: i0.ɵɵFactoryDeclaration; 14 | static ɵmod: i0.ɵɵNgModuleDeclaration; 15 | static ɵinj: i0.ɵɵInjectorDeclaration; 16 | } 17 | -------------------------------------------------------------------------------- /extended/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "../fesm2015/angular-flex-layout-extended.mjs", 3 | "es2020": "../fesm2020/angular-flex-layout-extended.mjs", 4 | "esm2020": "../esm2020/extended/angular-flex-layout-extended.mjs", 5 | "fesm2020": "../fesm2020/angular-flex-layout-extended.mjs", 6 | "fesm2015": "../fesm2015/angular-flex-layout-extended.mjs", 7 | "typings": "angular-flex-layout-extended.d.ts", 8 | "sideEffects": false, 9 | "name": "@angular/flex-layout/extended" 10 | } -------------------------------------------------------------------------------- /extended/public-api.d.ts: -------------------------------------------------------------------------------- 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 './class/class'; 10 | export * from './img-src/img-src'; 11 | export * from './show-hide/show-hide'; 12 | export * from './style/style'; 13 | -------------------------------------------------------------------------------- /extended/show-hide/show-hide.d.ts: -------------------------------------------------------------------------------- 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, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core'; 9 | import { BaseDirective2, LayoutConfigOptions, MediaMarshaller, StyleUtils, StyleBuilder } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export interface ShowHideParent { 12 | display: string; 13 | isServer: boolean; 14 | } 15 | export declare class ShowHideStyleBuilder extends StyleBuilder { 16 | buildStyles(show: string, parent: ShowHideParent): { 17 | display: string; 18 | }; 19 | static ɵfac: i0.ɵɵFactoryDeclaration; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 21 | } 22 | export declare class ShowHideDirective extends BaseDirective2 implements AfterViewInit, OnChanges { 23 | protected layoutConfig: LayoutConfigOptions; 24 | protected platformId: Object; 25 | protected serverModuleLoaded: boolean; 26 | protected DIRECTIVE_KEY: string; 27 | /** Original DOM Element CSS display style */ 28 | protected display: string; 29 | protected hasLayout: boolean; 30 | protected hasFlexChild: boolean; 31 | constructor(elementRef: ElementRef, styleBuilder: ShowHideStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller, layoutConfig: LayoutConfigOptions, platformId: Object, serverModuleLoaded: boolean); 32 | ngAfterViewInit(): void; 33 | /** 34 | * On changes to any @Input properties... 35 | * Default to use the non-responsive Input value ('fxShow') 36 | * Then conditionally override with the mq-activated Input's current value 37 | */ 38 | ngOnChanges(changes: SimpleChanges): void; 39 | /** 40 | * Watch for these extra triggers to update fxShow, fxHide stylings 41 | */ 42 | protected trackExtraTriggers(): void; 43 | /** 44 | * Override accessor to the current HTMLElement's `display` style 45 | * Note: Show/Hide will not change the display to 'flex' but will set it to 'block' 46 | * unless it was already explicitly specified inline or in a CSS stylesheet. 47 | */ 48 | protected getDisplayStyle(): string; 49 | /** Validate the visibility value and then update the host's inline display style */ 50 | protected updateWithValue(value?: boolean | string): void; 51 | static ɵfac: i0.ɵɵFactoryDeclaration; 52 | static ɵdir: i0.ɵɵDirectiveDeclaration; 53 | } 54 | /** 55 | * 'show' Layout API directive 56 | */ 57 | export declare class DefaultShowHideDirective extends ShowHideDirective { 58 | protected inputs: string[]; 59 | static ɵfac: i0.ɵɵFactoryDeclaration; 60 | static ɵdir: i0.ɵɵDirectiveDeclaration; 61 | } 62 | -------------------------------------------------------------------------------- /extended/style/style-transforms.d.ts: -------------------------------------------------------------------------------- 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 declare type NgStyleRawList = string[]; 9 | export declare type NgStyleMap = { 10 | [klass: string]: string; 11 | }; 12 | export declare type NgStyleType = string | Set | NgStyleRawList | NgStyleMap; 13 | /** 14 | * Callback function for SecurityContext.STYLE sanitization 15 | */ 16 | export declare type NgStyleSanitizer = (val: any) => string; 17 | /** NgStyle allowed inputs */ 18 | export declare class NgStyleKeyValue { 19 | key: string; 20 | value: string; 21 | constructor(key: string, value: string, noQuotes?: boolean); 22 | } 23 | export declare function getType(target: any): string; 24 | /** 25 | * Split string of key:value pairs into Array of k-v pairs 26 | * e.g. 'key:value; key:value; key:value;' -> ['key:value',...] 27 | */ 28 | export declare function buildRawList(source: any, delimiter?: string): NgStyleRawList; 29 | /** Convert array of key:value strings to a iterable map object */ 30 | export declare function buildMapFromList(styles: NgStyleRawList, sanitize?: NgStyleSanitizer): NgStyleMap; 31 | /** Convert Set or raw Object to an iterable NgStyleMap */ 32 | export declare function buildMapFromSet(source: NgStyleType, sanitize?: NgStyleSanitizer): NgStyleMap; 33 | /** Convert 'key:value' -> [key, value] */ 34 | export declare function stringToKeyValue(it: string): NgStyleKeyValue; 35 | /** Convert [ [key,value] ] -> { key : value } */ 36 | export declare function keyValuesToMap(map: NgStyleMap, entry: NgStyleKeyValue): NgStyleMap; 37 | -------------------------------------------------------------------------------- /extended/style/style.d.ts: -------------------------------------------------------------------------------- 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 { DoCheck, ElementRef, KeyValueDiffers, Renderer2 } from '@angular/core'; 9 | import { NgStyle } from '@angular/common'; 10 | import { DomSanitizer } from '@angular/platform-browser'; 11 | import { BaseDirective2, StyleUtils, MediaMarshaller } from '@angular/flex-layout/core'; 12 | import { NgStyleType, NgStyleMap } from './style-transforms'; 13 | import * as i0 from "@angular/core"; 14 | export declare class StyleDirective extends BaseDirective2 implements DoCheck { 15 | protected sanitizer: DomSanitizer; 16 | private readonly ngStyleInstance; 17 | protected DIRECTIVE_KEY: string; 18 | protected fallbackStyles: NgStyleMap; 19 | protected isServer: boolean; 20 | constructor(elementRef: ElementRef, styler: StyleUtils, marshal: MediaMarshaller, sanitizer: DomSanitizer, differs: KeyValueDiffers, renderer2: Renderer2, ngStyleInstance: NgStyle, serverLoaded: boolean, platformId: Object); 21 | /** Add generated styles */ 22 | protected updateWithValue(value: any): void; 23 | /** Remove generated styles */ 24 | protected clearStyles(): void; 25 | /** 26 | * Convert raw strings to ngStyleMap; which is required by ngStyle 27 | * NOTE: Raw string key-value pairs MUST be delimited by `;` 28 | * Comma-delimiters are not supported due to complexities of 29 | * possible style values such as `rgba(x,x,x,x)` and others 30 | */ 31 | protected buildStyleMap(styles: NgStyleType): NgStyleMap; 32 | /** For ChangeDetectionStrategy.onPush and ngOnChanges() updates */ 33 | ngDoCheck(): void; 34 | static ɵfac: i0.ɵɵFactoryDeclaration; 35 | static ɵdir: i0.ɵɵDirectiveDeclaration; 36 | } 37 | /** 38 | * Directive to add responsive support for ngStyle. 39 | * 40 | */ 41 | export declare class DefaultStyleDirective extends StyleDirective implements DoCheck { 42 | protected inputs: string[]; 43 | static ɵfac: i0.ɵɵFactoryDeclaration; 44 | static ɵdir: i0.ɵɵDirectiveDeclaration; 45 | } 46 | -------------------------------------------------------------------------------- /fesm2015/angular-flex-layout.mjs: -------------------------------------------------------------------------------- 1 | import * as i0 from '@angular/core'; 2 | import { Version, PLATFORM_ID, NgModule, Inject } from '@angular/core'; 3 | import { LAYOUT_CONFIG, DEFAULT_CONFIG, BREAKPOINT, SERVER_TOKEN } from '@angular/flex-layout/core'; 4 | export * from '@angular/flex-layout/core'; 5 | import { ExtendedModule } from '@angular/flex-layout/extended'; 6 | export * from '@angular/flex-layout/extended'; 7 | import { FlexModule } from '@angular/flex-layout/flex'; 8 | export * from '@angular/flex-layout/flex'; 9 | import { GridModule } from '@angular/flex-layout/grid'; 10 | export * from '@angular/flex-layout/grid'; 11 | import { isPlatformServer } from '@angular/common'; 12 | 13 | /** 14 | * @license 15 | * Copyright Google LLC All Rights Reserved. 16 | * 17 | * Use of this source code is governed by an MIT-style license that can be 18 | * found in the LICENSE file at https://angular.io/license 19 | */ 20 | /** Current version of Angular Flex-Layout. */ 21 | const VERSION = new Version('13.0.0-beta.38-ee5d93a'); 22 | 23 | /** 24 | * @license 25 | * Copyright Google LLC All Rights Reserved. 26 | * 27 | * Use of this source code is governed by an MIT-style license that can be 28 | * found in the LICENSE file at https://angular.io/license 29 | */ 30 | /** 31 | * FlexLayoutModule -- the main import for all utilities in the Angular Layout library 32 | * * Will automatically provide Flex, Grid, and Extended modules for use in the application 33 | * * Can be configured using the static withConfig method, options viewable on the Wiki's 34 | * Configuration page 35 | */ 36 | class FlexLayoutModule { 37 | constructor(serverModuleLoaded, platformId) { 38 | if (isPlatformServer(platformId) && !serverModuleLoaded) { 39 | console.warn('Warning: Flex Layout loaded on the server without FlexLayoutServerModule'); 40 | } 41 | } 42 | /** 43 | * Initialize the FlexLayoutModule with a set of config options, 44 | * which sets the corresponding tokens accordingly 45 | */ 46 | static withConfig(configOptions, 47 | // tslint:disable-next-line:max-line-length 48 | breakpoints = []) { 49 | return { 50 | ngModule: FlexLayoutModule, 51 | providers: configOptions.serverLoaded ? 52 | [ 53 | { provide: LAYOUT_CONFIG, useValue: Object.assign(Object.assign({}, DEFAULT_CONFIG), configOptions) }, 54 | { provide: BREAKPOINT, useValue: breakpoints, multi: true }, 55 | { provide: SERVER_TOKEN, useValue: true }, 56 | ] : [ 57 | { provide: LAYOUT_CONFIG, useValue: Object.assign(Object.assign({}, DEFAULT_CONFIG), configOptions) }, 58 | { provide: BREAKPOINT, useValue: breakpoints, multi: true }, 59 | ] 60 | }; 61 | } 62 | } 63 | FlexLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, deps: [{ token: SERVER_TOKEN }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.NgModule }); 64 | FlexLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, imports: [FlexModule, ExtendedModule, GridModule], exports: [FlexModule, ExtendedModule, GridModule] }); 65 | FlexLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, imports: [[FlexModule, ExtendedModule, GridModule], FlexModule, ExtendedModule, GridModule] }); 66 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, decorators: [{ 67 | type: NgModule, 68 | args: [{ 69 | imports: [FlexModule, ExtendedModule, GridModule], 70 | exports: [FlexModule, ExtendedModule, GridModule] 71 | }] 72 | }], ctorParameters: function () { 73 | return [{ type: undefined, decorators: [{ 74 | type: Inject, 75 | args: [SERVER_TOKEN] 76 | }] }, { type: Object, decorators: [{ 77 | type: Inject, 78 | args: [PLATFORM_ID] 79 | }] }]; 80 | } }); 81 | 82 | /** 83 | * @license 84 | * Copyright Google LLC All Rights Reserved. 85 | * 86 | * Use of this source code is governed by an MIT-style license that can be 87 | * found in the LICENSE file at https://angular.io/license 88 | */ 89 | 90 | /** 91 | * Generated bundle index. Do not edit. 92 | */ 93 | 94 | export { FlexLayoutModule, VERSION }; 95 | //# sourceMappingURL=angular-flex-layout.mjs.map 96 | -------------------------------------------------------------------------------- /fesm2015/angular-flex-layout.mjs.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"angular-flex-layout.mjs","sources":["../../../../projects/libs/flex-layout/version.ts","../../../../projects/libs/flex-layout/module.ts","../../../../projects/libs/flex-layout/public-api.ts","../../../../projects/libs/flex-layout/angular-flex-layout.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of Angular Flex-Layout. */\nexport const VERSION = new Version('13.0.0-beta.38-ee5d93a');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {Inject, ModuleWithProviders, NgModule, PLATFORM_ID} from '@angular/core';\nimport {isPlatformServer} from '@angular/common';\n\nimport {\n SERVER_TOKEN,\n LayoutConfigOptions,\n LAYOUT_CONFIG,\n DEFAULT_CONFIG,\n BreakPoint,\n BREAKPOINT,\n} from '@angular/flex-layout/core';\nimport {ExtendedModule} from '@angular/flex-layout/extended';\nimport {FlexModule} from '@angular/flex-layout/flex';\nimport {GridModule} from '@angular/flex-layout/grid';\n\n/**\n * FlexLayoutModule -- the main import for all utilities in the Angular Layout library\n * * Will automatically provide Flex, Grid, and Extended modules for use in the application\n * * Can be configured using the static withConfig method, options viewable on the Wiki's\n * Configuration page\n */\n@NgModule({\n imports: [FlexModule, ExtendedModule, GridModule],\n exports: [FlexModule, ExtendedModule, GridModule]\n})\nexport class FlexLayoutModule {\n\n /**\n * Initialize the FlexLayoutModule with a set of config options,\n * which sets the corresponding tokens accordingly\n */\n static withConfig(configOptions: LayoutConfigOptions,\n // tslint:disable-next-line:max-line-length\n breakpoints: BreakPoint|BreakPoint[] = []): ModuleWithProviders {\n return {\n ngModule: FlexLayoutModule,\n providers: configOptions.serverLoaded ?\n [\n {provide: LAYOUT_CONFIG, useValue: {...DEFAULT_CONFIG, ...configOptions}},\n {provide: BREAKPOINT, useValue: breakpoints, multi: true},\n {provide: SERVER_TOKEN, useValue: true},\n ] : [\n {provide: LAYOUT_CONFIG, useValue: {...DEFAULT_CONFIG, ...configOptions}},\n {provide: BREAKPOINT, useValue: breakpoints, multi: true},\n ]\n };\n }\n\n constructor(@Inject(SERVER_TOKEN) serverModuleLoaded: boolean,\n @Inject(PLATFORM_ID) platformId: Object) {\n if (isPlatformServer(platformId) && !serverModuleLoaded) {\n console.warn('Warning: Flex Layout loaded on the server without FlexLayoutServerModule');\n }\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\n\n/**\n * @module\n * @description\n * Entry point for all public APIs of Angular Flex-Layout.\n */\nexport * from './version';\n\nexport * from '@angular/flex-layout/core';\nexport * from '@angular/flex-layout/extended';\nexport * from '@angular/flex-layout/flex';\nexport * from '@angular/flex-layout/grid';\n\n// Flex-Layout Module\nexport * from './module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;ACXtD;;;;;;;AAsBA;;;;;;MAUa,gBAAgB;IAuB3B,YAAkC,kBAA2B,EAC5B,UAAkB;QACjD,IAAI,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE;YACvD,OAAO,CAAC,IAAI,CAAC,0EAA0E,CAAC,CAAC;SAC1F;KACF;;;;;IAtBD,OAAO,UAAU,CAAC,aAAkC;;IAElC,cAAuC,EAAE;QACzD,OAAO;YACL,QAAQ,EAAE,gBAAgB;YAC1B,SAAS,EAAE,aAAa,CAAC,YAAY;gBACnC;oBACE,EAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,kCAAM,cAAc,GAAK,aAAa,CAAC,EAAC;oBACzE,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC;oBACzD,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAC;iBACxC,GAAG;gBACF,EAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,kCAAM,cAAc,GAAK,aAAa,CAAC,EAAC;gBACzE,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC;aAC1D;SACJ,CAAC;KACH;;6GArBU,gBAAgB,kBAuBP,YAAY,aACZ,WAAW;8GAxBpB,gBAAgB,YAHjB,UAAU,EAAE,cAAc,EAAE,UAAU,aACtC,UAAU,EAAE,cAAc,EAAE,UAAU;8GAErC,gBAAgB,YAHlB,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC,EACvC,UAAU,EAAE,cAAc,EAAE,UAAU;2FAErC,gBAAgB;kBAJ5B,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC;oBACjD,OAAO,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC;iBAClD;;;8BAwBc,MAAM;+BAAC,YAAY;kCACa,MAAM;8BAAtC,MAAM;+BAAC,WAAW;;;;ACxDjC;;;;;;;;ACAA;;;;;;"} -------------------------------------------------------------------------------- /fesm2020/angular-flex-layout.mjs: -------------------------------------------------------------------------------- 1 | import * as i0 from '@angular/core'; 2 | import { Version, PLATFORM_ID, NgModule, Inject } from '@angular/core'; 3 | import { LAYOUT_CONFIG, DEFAULT_CONFIG, BREAKPOINT, SERVER_TOKEN } from '@angular/flex-layout/core'; 4 | export * from '@angular/flex-layout/core'; 5 | import { ExtendedModule } from '@angular/flex-layout/extended'; 6 | export * from '@angular/flex-layout/extended'; 7 | import { FlexModule } from '@angular/flex-layout/flex'; 8 | export * from '@angular/flex-layout/flex'; 9 | import { GridModule } from '@angular/flex-layout/grid'; 10 | export * from '@angular/flex-layout/grid'; 11 | import { isPlatformServer } from '@angular/common'; 12 | 13 | /** 14 | * @license 15 | * Copyright Google LLC All Rights Reserved. 16 | * 17 | * Use of this source code is governed by an MIT-style license that can be 18 | * found in the LICENSE file at https://angular.io/license 19 | */ 20 | /** Current version of Angular Flex-Layout. */ 21 | const VERSION = new Version('13.0.0-beta.38-ee5d93a'); 22 | 23 | /** 24 | * @license 25 | * Copyright Google LLC All Rights Reserved. 26 | * 27 | * Use of this source code is governed by an MIT-style license that can be 28 | * found in the LICENSE file at https://angular.io/license 29 | */ 30 | /** 31 | * FlexLayoutModule -- the main import for all utilities in the Angular Layout library 32 | * * Will automatically provide Flex, Grid, and Extended modules for use in the application 33 | * * Can be configured using the static withConfig method, options viewable on the Wiki's 34 | * Configuration page 35 | */ 36 | class FlexLayoutModule { 37 | constructor(serverModuleLoaded, platformId) { 38 | if (isPlatformServer(platformId) && !serverModuleLoaded) { 39 | console.warn('Warning: Flex Layout loaded on the server without FlexLayoutServerModule'); 40 | } 41 | } 42 | /** 43 | * Initialize the FlexLayoutModule with a set of config options, 44 | * which sets the corresponding tokens accordingly 45 | */ 46 | static withConfig(configOptions, 47 | // tslint:disable-next-line:max-line-length 48 | breakpoints = []) { 49 | return { 50 | ngModule: FlexLayoutModule, 51 | providers: configOptions.serverLoaded ? 52 | [ 53 | { provide: LAYOUT_CONFIG, useValue: { ...DEFAULT_CONFIG, ...configOptions } }, 54 | { provide: BREAKPOINT, useValue: breakpoints, multi: true }, 55 | { provide: SERVER_TOKEN, useValue: true }, 56 | ] : [ 57 | { provide: LAYOUT_CONFIG, useValue: { ...DEFAULT_CONFIG, ...configOptions } }, 58 | { provide: BREAKPOINT, useValue: breakpoints, multi: true }, 59 | ] 60 | }; 61 | } 62 | } 63 | FlexLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, deps: [{ token: SERVER_TOKEN }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.NgModule }); 64 | FlexLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, imports: [FlexModule, ExtendedModule, GridModule], exports: [FlexModule, ExtendedModule, GridModule] }); 65 | FlexLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, imports: [[FlexModule, ExtendedModule, GridModule], FlexModule, ExtendedModule, GridModule] }); 66 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FlexLayoutModule, decorators: [{ 67 | type: NgModule, 68 | args: [{ 69 | imports: [FlexModule, ExtendedModule, GridModule], 70 | exports: [FlexModule, ExtendedModule, GridModule] 71 | }] 72 | }], ctorParameters: function () { return [{ type: undefined, decorators: [{ 73 | type: Inject, 74 | args: [SERVER_TOKEN] 75 | }] }, { type: Object, decorators: [{ 76 | type: Inject, 77 | args: [PLATFORM_ID] 78 | }] }]; } }); 79 | 80 | /** 81 | * @license 82 | * Copyright Google LLC All Rights Reserved. 83 | * 84 | * Use of this source code is governed by an MIT-style license that can be 85 | * found in the LICENSE file at https://angular.io/license 86 | */ 87 | 88 | /** 89 | * Generated bundle index. Do not edit. 90 | */ 91 | 92 | export { FlexLayoutModule, VERSION }; 93 | //# sourceMappingURL=angular-flex-layout.mjs.map 94 | -------------------------------------------------------------------------------- /flex/README.md: -------------------------------------------------------------------------------- 1 | The `flex` entrypoint contains all of the flexbox APIs provided by the 2 | Layout library. This includes directives for flexbox containers like 3 | `fxLayout` (a.k.a. `FlexLayoutDirective`) and children like `fxFlex` 4 | (a.k.a. `FlexDirective`). The main export from this entrypoint is the 5 | `FlexModule` that encapsulates these directives, and can be 6 | imported separately to take advantage of tree shaking. 7 | 8 | ```typescript 9 | import {NgModule} from '@angular/core'; 10 | import {FlexModule} from '@angular/flex-layout/flex'; 11 | 12 | @NgModule(({ 13 | imports: [ 14 | ... other imports here 15 | FlexModule, 16 | ] 17 | })) 18 | export class AppModule {} 19 | ``` 20 | -------------------------------------------------------------------------------- /flex/angular-flex-layout-flex.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /flex/flex-align/flex-align.d.ts: -------------------------------------------------------------------------------- 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 FlexAlignStyleBuilder extends StyleBuilder { 12 | buildStyles(input: string): StyleDefinition; 13 | static ɵfac: i0.ɵɵFactoryDeclaration; 14 | static ɵprov: i0.ɵɵInjectableDeclaration; 15 | } 16 | /** 17 | * 'flex-align' flexbox styling directive 18 | * Allows element-specific overrides for cross-axis alignments in a layout container 19 | * @see https://css-tricks.com/almanac/properties/a/align-self/ 20 | */ 21 | export declare class FlexAlignDirective extends BaseDirective2 { 22 | protected DIRECTIVE_KEY: string; 23 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: FlexAlignStyleBuilder, marshal: MediaMarshaller); 24 | protected styleCache: Map; 25 | static ɵfac: i0.ɵɵFactoryDeclaration; 26 | static ɵdir: i0.ɵɵDirectiveDeclaration; 27 | } 28 | export declare class DefaultFlexAlignDirective extends FlexAlignDirective { 29 | protected inputs: string[]; 30 | static ɵfac: i0.ɵɵFactoryDeclaration; 31 | static ɵdir: i0.ɵɵDirectiveDeclaration; 32 | } 33 | -------------------------------------------------------------------------------- /flex/flex-fill/flex-fill.d.ts: -------------------------------------------------------------------------------- 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, StyleBuilder, StyleDefinition, StyleUtils, MediaMarshaller } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export declare class FlexFillStyleBuilder extends StyleBuilder { 12 | buildStyles(_input: string): { 13 | margin: number; 14 | width: string; 15 | height: string; 16 | 'min-width': string; 17 | 'min-height': string; 18 | }; 19 | static ɵfac: i0.ɵɵFactoryDeclaration; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 21 | } 22 | /** 23 | * 'fxFill' flexbox styling directive 24 | * Maximizes width and height of element in a layout container 25 | * 26 | * NOTE: fxFill is NOT responsive API!! 27 | */ 28 | export declare class FlexFillDirective extends BaseDirective2 { 29 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: FlexFillStyleBuilder, marshal: MediaMarshaller); 30 | protected styleCache: Map; 31 | static ɵfac: i0.ɵɵFactoryDeclaration; 32 | static ɵdir: i0.ɵɵDirectiveDeclaration; 33 | } 34 | -------------------------------------------------------------------------------- /flex/flex-offset/flex-offset.d.ts: -------------------------------------------------------------------------------- 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, OnChanges } from '@angular/core'; 9 | import { Directionality } from '@angular/cdk/bidi'; 10 | import { MediaMarshaller, BaseDirective2, StyleBuilder, StyleDefinition, StyleUtils, LayoutConfigOptions } from '@angular/flex-layout/core'; 11 | import * as i0 from "@angular/core"; 12 | export interface FlexOffsetParent { 13 | layout: string; 14 | isRtl: boolean; 15 | } 16 | export declare class FlexOffsetStyleBuilder extends StyleBuilder { 17 | private _config; 18 | constructor(_config: LayoutConfigOptions); 19 | buildStyles(offset: string, parent: FlexOffsetParent): StyleDefinition; 20 | static ɵfac: i0.ɵɵFactoryDeclaration; 21 | static ɵprov: i0.ɵɵInjectableDeclaration; 22 | } 23 | /** 24 | * 'flex-offset' flexbox styling directive 25 | * Configures the 'margin-left' of the element in a layout container 26 | */ 27 | export declare class FlexOffsetDirective extends BaseDirective2 implements OnChanges { 28 | protected directionality: Directionality; 29 | protected DIRECTIVE_KEY: string; 30 | constructor(elRef: ElementRef, directionality: Directionality, styleBuilder: FlexOffsetStyleBuilder, marshal: MediaMarshaller, styler: StyleUtils); 31 | /** 32 | * Using the current fxFlexOffset value, update the inline CSS 33 | * NOTE: this will assign `margin-left` if the parent flex-direction == 'row', 34 | * otherwise `margin-top` is used for the offset. 35 | */ 36 | protected updateWithValue(value?: string | number): void; 37 | static ɵfac: i0.ɵɵFactoryDeclaration; 38 | static ɵdir: i0.ɵɵDirectiveDeclaration; 39 | } 40 | export declare class DefaultFlexOffsetDirective extends FlexOffsetDirective { 41 | protected inputs: string[]; 42 | static ɵfac: i0.ɵɵFactoryDeclaration; 43 | static ɵdir: i0.ɵɵDirectiveDeclaration; 44 | } 45 | -------------------------------------------------------------------------------- /flex/flex-order/flex-order.d.ts: -------------------------------------------------------------------------------- 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, OnChanges } from '@angular/core'; 9 | import { BaseDirective2, StyleBuilder, StyleDefinition, StyleUtils, MediaMarshaller } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export declare class FlexOrderStyleBuilder extends StyleBuilder { 12 | buildStyles(value: string): { 13 | order: string | number; 14 | }; 15 | static ɵfac: i0.ɵɵFactoryDeclaration; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 17 | } 18 | /** 19 | * 'flex-order' flexbox styling directive 20 | * Configures the positional ordering of the element in a sorted layout container 21 | * @see https://css-tricks.com/almanac/properties/o/order/ 22 | */ 23 | export declare class FlexOrderDirective extends BaseDirective2 implements OnChanges { 24 | protected DIRECTIVE_KEY: string; 25 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: FlexOrderStyleBuilder, marshal: MediaMarshaller); 26 | protected styleCache: Map; 27 | static ɵfac: i0.ɵɵFactoryDeclaration; 28 | static ɵdir: i0.ɵɵDirectiveDeclaration; 29 | } 30 | export declare class DefaultFlexOrderDirective extends FlexOrderDirective { 31 | protected inputs: string[]; 32 | static ɵfac: i0.ɵɵFactoryDeclaration; 33 | static ɵdir: i0.ɵɵDirectiveDeclaration; 34 | } 35 | -------------------------------------------------------------------------------- /flex/flex/flex.d.ts: -------------------------------------------------------------------------------- 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, OnInit } from '@angular/core'; 9 | import { BaseDirective2, LayoutConfigOptions, StyleUtils, StyleBuilder, StyleDefinition, MediaMarshaller, ElementMatcher } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | interface FlexBuilderParent { 12 | direction: string; 13 | hasWrap: boolean; 14 | } 15 | export declare class FlexStyleBuilder extends StyleBuilder { 16 | protected layoutConfig: LayoutConfigOptions; 17 | constructor(layoutConfig: LayoutConfigOptions); 18 | buildStyles(input: string, parent: FlexBuilderParent): StyleDefinition; 19 | static ɵfac: i0.ɵɵFactoryDeclaration; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 21 | } 22 | /** 23 | * Directive to control the size of a flex item using flex-basis, flex-grow, and flex-shrink. 24 | * Corresponds to the css `flex` shorthand property. 25 | * 26 | * @see https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 27 | */ 28 | export declare class FlexDirective extends BaseDirective2 implements OnInit { 29 | protected layoutConfig: LayoutConfigOptions; 30 | protected marshal: MediaMarshaller; 31 | protected DIRECTIVE_KEY: string; 32 | protected direction?: string; 33 | protected wrap?: boolean; 34 | get shrink(): string; 35 | set shrink(value: string); 36 | get grow(): string; 37 | set grow(value: string); 38 | protected flexGrow: string; 39 | protected flexShrink: string; 40 | constructor(elRef: ElementRef, styleUtils: StyleUtils, layoutConfig: LayoutConfigOptions, styleBuilder: FlexStyleBuilder, marshal: MediaMarshaller); 41 | ngOnInit(): void; 42 | /** 43 | * Caches the parent container's 'flex-direction' and updates the element's style. 44 | * Used as a handler for layout change events from the parent flex container. 45 | */ 46 | protected onLayoutChange(matcher: ElementMatcher): void; 47 | /** Input to this is exclusively the basis input value */ 48 | protected updateWithValue(value: string): void; 49 | /** Trigger a style reflow, usually based on a shrink/grow input event */ 50 | protected triggerReflow(): void; 51 | static ɵfac: i0.ɵɵFactoryDeclaration; 52 | static ɵdir: i0.ɵɵDirectiveDeclaration; 53 | } 54 | export declare class DefaultFlexDirective extends FlexDirective { 55 | protected inputs: string[]; 56 | static ɵfac: i0.ɵɵFactoryDeclaration; 57 | static ɵdir: i0.ɵɵDirectiveDeclaration; 58 | } 59 | export {}; 60 | -------------------------------------------------------------------------------- /flex/layout-align/layout-align.d.ts: -------------------------------------------------------------------------------- 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, StyleBuilder, StyleDefinition, StyleUtils, MediaMarshaller, ElementMatcher } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export interface LayoutAlignParent { 12 | layout: string; 13 | inline: boolean; 14 | } 15 | export declare class LayoutAlignStyleBuilder extends StyleBuilder { 16 | buildStyles(align: string, parent: LayoutAlignParent): StyleDefinition; 17 | static ɵfac: i0.ɵɵFactoryDeclaration; 18 | static ɵprov: i0.ɵɵInjectableDeclaration; 19 | } 20 | /** 21 | * 'layout-align' flexbox styling directive 22 | * Defines positioning of child elements along main and cross axis in a layout container 23 | * Optional values: {main-axis} values or {main-axis cross-axis} value pairs 24 | * 25 | * @see https://css-tricks.com/almanac/properties/j/justify-content/ 26 | * @see https://css-tricks.com/almanac/properties/a/align-items/ 27 | * @see https://css-tricks.com/almanac/properties/a/align-content/ 28 | */ 29 | export declare class LayoutAlignDirective extends BaseDirective2 { 30 | protected DIRECTIVE_KEY: string; 31 | protected layout: string; 32 | protected inline: boolean; 33 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: LayoutAlignStyleBuilder, marshal: MediaMarshaller); 34 | /** 35 | * 36 | */ 37 | protected updateWithValue(value: string): void; 38 | /** 39 | * Cache the parent container 'flex-direction' and update the 'flex' styles 40 | */ 41 | protected onLayoutChange(matcher: ElementMatcher): void; 42 | static ɵfac: i0.ɵɵFactoryDeclaration; 43 | static ɵdir: i0.ɵɵDirectiveDeclaration; 44 | } 45 | export declare class DefaultLayoutAlignDirective extends LayoutAlignDirective { 46 | protected inputs: string[]; 47 | static ɵfac: i0.ɵɵFactoryDeclaration; 48 | static ɵdir: i0.ɵɵDirectiveDeclaration; 49 | } 50 | -------------------------------------------------------------------------------- /flex/layout-gap/layout-gap.d.ts: -------------------------------------------------------------------------------- 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, OnDestroy, NgZone, AfterContentInit } from '@angular/core'; 9 | import { Directionality } from '@angular/cdk/bidi'; 10 | import { BaseDirective2, StyleBuilder, StyleDefinition, StyleUtils, MediaMarshaller, ElementMatcher, LayoutConfigOptions } from '@angular/flex-layout/core'; 11 | import { Subject } from 'rxjs'; 12 | import * as i0 from "@angular/core"; 13 | export interface LayoutGapParent { 14 | directionality: string; 15 | items: HTMLElement[]; 16 | layout: string; 17 | } 18 | export declare class LayoutGapStyleBuilder extends StyleBuilder { 19 | private _styler; 20 | private _config; 21 | constructor(_styler: StyleUtils, _config: LayoutConfigOptions); 22 | buildStyles(gapValue: string, parent: LayoutGapParent): StyleDefinition; 23 | sideEffect(gapValue: string, _styles: StyleDefinition, parent: LayoutGapParent): void; 24 | private addFallbackUnit; 25 | static ɵfac: i0.ɵɵFactoryDeclaration; 26 | static ɵprov: i0.ɵɵInjectableDeclaration; 27 | } 28 | /** 29 | * 'layout-padding' styling directive 30 | * Defines padding of child elements in a layout container 31 | */ 32 | export declare class LayoutGapDirective extends BaseDirective2 implements AfterContentInit, OnDestroy { 33 | protected zone: NgZone; 34 | protected directionality: Directionality; 35 | protected styleUtils: StyleUtils; 36 | protected layout: string; 37 | protected DIRECTIVE_KEY: string; 38 | protected observerSubject: Subject; 39 | /** Special accessor to query for all child 'element' nodes regardless of type, class, etc */ 40 | protected get childrenNodes(): HTMLElement[]; 41 | constructor(elRef: ElementRef, zone: NgZone, directionality: Directionality, styleUtils: StyleUtils, styleBuilder: LayoutGapStyleBuilder, marshal: MediaMarshaller); 42 | ngAfterContentInit(): void; 43 | ngOnDestroy(): void; 44 | /** 45 | * Cache the parent container 'flex-direction' and update the 'margin' styles 46 | */ 47 | protected onLayoutChange(matcher: ElementMatcher): void; 48 | /** 49 | * 50 | */ 51 | protected updateWithValue(value: string): void; 52 | /** We need to override clearStyles because in most cases mru isn't populated */ 53 | protected clearStyles(): void; 54 | /** Determine if an element will show or hide based on current activation */ 55 | protected willDisplay(source: HTMLElement): boolean; 56 | protected buildChildObservable(): void; 57 | protected observer?: MutationObserver; 58 | static ɵfac: i0.ɵɵFactoryDeclaration; 59 | static ɵdir: i0.ɵɵDirectiveDeclaration; 60 | } 61 | export declare class DefaultLayoutGapDirective extends LayoutGapDirective { 62 | protected inputs: string[]; 63 | static ɵfac: i0.ɵɵFactoryDeclaration; 64 | static ɵdir: i0.ɵɵDirectiveDeclaration; 65 | } 66 | -------------------------------------------------------------------------------- /flex/layout/layout.d.ts: -------------------------------------------------------------------------------- 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, OnChanges } from '@angular/core'; 9 | import { BaseDirective2, StyleBuilder, StyleUtils, MediaMarshaller, LayoutConfigOptions } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export interface LayoutStyleDisplay { 12 | readonly display: string; 13 | } 14 | export declare class LayoutStyleBuilder extends StyleBuilder { 15 | buildStyles(input: string, { display }: LayoutStyleDisplay): { 16 | display: string; 17 | 'box-sizing': string; 18 | 'flex-direction': string; 19 | 'flex-wrap': string | null; 20 | }; 21 | static ɵfac: i0.ɵɵFactoryDeclaration; 22 | static ɵprov: i0.ɵɵInjectableDeclaration; 23 | } 24 | /** 25 | * 'layout' flexbox styling directive 26 | * Defines the positioning flow direction for the child elements: row or column 27 | * Optional values: column or row (default) 28 | * @see https://css-tricks.com/almanac/properties/f/flex-direction/ 29 | * 30 | */ 31 | export declare class LayoutDirective extends BaseDirective2 implements OnChanges { 32 | private _config; 33 | protected DIRECTIVE_KEY: string; 34 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: LayoutStyleBuilder, marshal: MediaMarshaller, _config: LayoutConfigOptions); 35 | protected updateWithValue(input: string): void; 36 | static ɵfac: i0.ɵɵFactoryDeclaration; 37 | static ɵdir: i0.ɵɵDirectiveDeclaration; 38 | } 39 | export declare class DefaultLayoutDirective extends LayoutDirective { 40 | protected inputs: string[]; 41 | static ɵfac: i0.ɵɵFactoryDeclaration; 42 | static ɵdir: i0.ɵɵDirectiveDeclaration; 43 | } 44 | -------------------------------------------------------------------------------- /flex/module.d.ts: -------------------------------------------------------------------------------- 1 | import * as i0 from "@angular/core"; 2 | import * as i1 from "./layout/layout"; 3 | import * as i2 from "./layout-gap/layout-gap"; 4 | import * as i3 from "./layout-align/layout-align"; 5 | import * as i4 from "./flex-order/flex-order"; 6 | import * as i5 from "./flex-offset/flex-offset"; 7 | import * as i6 from "./flex-fill/flex-fill"; 8 | import * as i7 from "./flex-align/flex-align"; 9 | import * as i8 from "./flex/flex"; 10 | import * as i9 from "@angular/flex-layout/core"; 11 | import * as i10 from "@angular/cdk/bidi"; 12 | /** 13 | * ***************************************************************** 14 | * Define module for the Flex API 15 | * ***************************************************************** 16 | */ 17 | export declare class FlexModule { 18 | static ɵfac: i0.ɵɵFactoryDeclaration; 19 | static ɵmod: i0.ɵɵNgModuleDeclaration; 20 | static ɵinj: i0.ɵɵInjectorDeclaration; 21 | } 22 | -------------------------------------------------------------------------------- /flex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "module": "../fesm2015/angular-flex-layout-flex.mjs", 3 | "es2020": "../fesm2020/angular-flex-layout-flex.mjs", 4 | "esm2020": "../esm2020/flex/angular-flex-layout-flex.mjs", 5 | "fesm2020": "../fesm2020/angular-flex-layout-flex.mjs", 6 | "fesm2015": "../fesm2015/angular-flex-layout-flex.mjs", 7 | "typings": "angular-flex-layout-flex.d.ts", 8 | "sideEffects": false, 9 | "name": "@angular/flex-layout/flex" 10 | } -------------------------------------------------------------------------------- /flex/public-api.d.ts: -------------------------------------------------------------------------------- 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 './flex/flex'; 10 | export * from './flex-align/flex-align'; 11 | export * from './flex-fill/flex-fill'; 12 | export * from './flex-offset/flex-offset'; 13 | export * from './flex-order/flex-order'; 14 | export * from './layout/layout'; 15 | export * from './layout-align/layout-align'; 16 | export * from './layout-gap/layout-gap'; 17 | -------------------------------------------------------------------------------- /grid/README.md: -------------------------------------------------------------------------------- 1 | The `grid` entrypoint contains all of the CSS Grid APIs provided by the 2 | Layout library. This includes directives for flexbox containers like 3 | `gdArea` (a.k.a. `GridAreaDirective`) and children like `gdRow` 4 | (a.k.a. `GdRowDirective`). The main export from this entrypoint is the 5 | `GridModule` that encapsulates these directives, and can be 6 | imported separately to take advantage of tree shaking. 7 | 8 | ```typescript 9 | import {NgModule} from '@angular/core'; 10 | import {GridModule} from '@angular/flex-layout/grid'; 11 | 12 | @NgModule(({ 13 | imports: [ 14 | ... other imports here 15 | GridModule, 16 | ] 17 | })) 18 | export class AppModule {} 19 | ``` 20 | -------------------------------------------------------------------------------- /grid/align-columns/align-columns.d.ts: -------------------------------------------------------------------------------- 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, StyleDefinition, MediaMarshaller } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export interface GridAlignColumnsParent { 12 | inline: boolean; 13 | } 14 | export declare class GridAlignColumnsStyleBuilder extends StyleBuilder { 15 | buildStyles(input: string, parent: GridAlignColumnsParent): StyleDefinition; 16 | static ɵfac: i0.ɵɵFactoryDeclaration; 17 | static ɵprov: i0.ɵɵInjectableDeclaration; 18 | } 19 | export declare class GridAlignColumnsDirective extends BaseDirective2 { 20 | protected DIRECTIVE_KEY: string; 21 | get inline(): boolean; 22 | set inline(val: boolean); 23 | protected _inline: boolean; 24 | constructor(elementRef: ElementRef, styleBuilder: GridAlignColumnsStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller); 25 | protected updateWithValue(value: string): void; 26 | static ɵfac: i0.ɵɵFactoryDeclaration; 27 | static ɵdir: i0.ɵɵDirectiveDeclaration; 28 | } 29 | /** 30 | * 'column alignment' CSS Grid styling directive 31 | * Configures the alignment in the column direction 32 | * @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-19 33 | * @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-21 34 | */ 35 | export declare class DefaultGridAlignColumnsDirective extends GridAlignColumnsDirective { 36 | protected inputs: string[]; 37 | static ɵfac: i0.ɵɵFactoryDeclaration; 38 | static ɵdir: i0.ɵɵDirectiveDeclaration; 39 | } 40 | -------------------------------------------------------------------------------- /grid/align-rows/align-rows.d.ts: -------------------------------------------------------------------------------- 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, StyleDefinition, MediaMarshaller } from '@angular/flex-layout/core'; 10 | import * as i0 from "@angular/core"; 11 | export interface GridAlignRowsParent { 12 | inline: boolean; 13 | } 14 | export declare class GridAlignRowsStyleBuilder extends StyleBuilder { 15 | buildStyles(input: string, parent: GridAlignRowsParent): StyleDefinition; 16 | static ɵfac: i0.ɵɵFactoryDeclaration; 17 | static ɵprov: i0.ɵɵInjectableDeclaration; 18 | } 19 | export declare class GridAlignRowsDirective extends BaseDirective2 { 20 | protected DIRECTIVE_KEY: string; 21 | get inline(): boolean; 22 | set inline(val: boolean); 23 | protected _inline: boolean; 24 | constructor(elementRef: ElementRef, styleBuilder: GridAlignRowsStyleBuilder, styler: StyleUtils, marshal: MediaMarshaller); 25 | protected updateWithValue(value: string): void; 26 | static ɵfac: i0.ɵɵFactoryDeclaration; 27 | static ɵdir: i0.ɵɵDirectiveDeclaration; 28 | } 29 | /** 30 | * 'row alignment' CSS Grid styling directive 31 | * Configures the alignment in the row direction 32 | * @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-18 33 | * @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-20 34 | */ 35 | export declare class DefaultGridAlignRowsDirective extends GridAlignRowsDirective { 36 | protected inputs: string[]; 37 | static ɵfac: i0.ɵɵFactoryDeclaration; 38 | static ɵdir: i0.ɵɵDirectiveDeclaration; 39 | } 40 | -------------------------------------------------------------------------------- /grid/angular-flex-layout-grid.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /grid/area/area.d.ts: -------------------------------------------------------------------------------- 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 GridAreaStyleBuilder extends StyleBuilder { 12 | buildStyles(input: string): { 13 | 'grid-area': string; 14 | }; 15 | static ɵfac: i0.ɵɵFactoryDeclaration; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 17 | } 18 | export declare class GridAreaDirective extends BaseDirective2 { 19 | protected DIRECTIVE_KEY: string; 20 | constructor(elRef: ElementRef, styleUtils: StyleUtils, styleBuilder: GridAreaStyleBuilder, marshal: MediaMarshaller); 21 | protected styleCache: Map; 22 | static ɵfac: i0.ɵɵFactoryDeclaration; 23 | static ɵdir: i0.ɵɵDirectiveDeclaration; 24 | } 25 | /** 26 | * 'grid-area' 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-27 29 | */ 30 | export declare class DefaultGridAreaDirective extends GridAreaDirective { 31 | protected inputs: string[]; 32 | static ɵfac: i0.ɵɵFactoryDeclaration; 33 | static ɵdir: i0.ɵɵDirectiveDeclaration; 34 | } 35 | -------------------------------------------------------------------------------- /grid/areas/areas.d.ts: -------------------------------------------------------------------------------- 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 GridAreasParent { 12 | inline: boolean; 13 | } 14 | export declare class GridAreasStyleBuiler extends StyleBuilder { 15 | buildStyles(input: string, parent: GridAreasParent): { 16 | display: string; 17 | 'grid-template-areas': string; 18 | }; 19 | static ɵfac: i0.ɵɵFactoryDeclaration; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 21 | } 22 | export declare class GridAreasDirective 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: GridAreasStyleBuiler, marshal: MediaMarshaller); 28 | protected updateWithValue(value: string): void; 29 | static ɵfac: i0.ɵɵFactoryDeclaration; 30 | static ɵdir: i0.ɵɵDirectiveDeclaration; 31 | } 32 | /** 33 | * 'grid-template-areas' CSS Grid styling directive 34 | * Configures the names of elements within the grid 35 | * @see https://css-tricks.com/snippets/css/complete-guide-grid/#article-header-id-14 36 | */ 37 | export declare class DefaultGridAreasDirective extends GridAreasDirective { 38 | protected inputs: string[]; 39 | static ɵfac: i0.ɵɵFactoryDeclaration; 40 | static ɵdir: i0.ɵɵDirectiveDeclaration; 41 | } 42 | -------------------------------------------------------------------------------- /grid/auto/auto.d.ts: -------------------------------------------------------------------------------- 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; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 30 | static ɵdir: i0.ɵɵDirectiveDeclaration; 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; 40 | static ɵdir: i0.ɵɵDirectiveDeclaration; 41 | } 42 | -------------------------------------------------------------------------------- /grid/column/column.d.ts: -------------------------------------------------------------------------------- 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; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 22 | static ɵfac: i0.ɵɵFactoryDeclaration; 23 | static ɵdir: i0.ɵɵDirectiveDeclaration; 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; 33 | static ɵdir: i0.ɵɵDirectiveDeclaration; 34 | } 35 | -------------------------------------------------------------------------------- /grid/columns/columns.d.ts: -------------------------------------------------------------------------------- 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; 21 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 31 | static ɵdir: i0.ɵɵDirectiveDeclaration; 32 | } 33 | /** 34 | * 'grid-template-columns' CSS Grid styling directive 35 | * Configures the sizing for the columns in the grid 36 | * Syntax: [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; 42 | static ɵdir: i0.ɵɵDirectiveDeclaration; 43 | } 44 | -------------------------------------------------------------------------------- /grid/gap/gap.d.ts: -------------------------------------------------------------------------------- 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; 20 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 30 | static ɵdir: i0.ɵɵDirectiveDeclaration; 31 | } 32 | /** 33 | * 'grid-gap' CSS Grid styling directive 34 | * Configures the gap between items in the grid 35 | * Syntax: [] 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; 41 | static ɵdir: i0.ɵɵDirectiveDeclaration; 42 | } 43 | -------------------------------------------------------------------------------- /grid/grid-align/grid-align.d.ts: -------------------------------------------------------------------------------- 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; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 22 | static ɵfac: i0.ɵɵFactoryDeclaration; 23 | static ɵdir: i0.ɵɵDirectiveDeclaration; 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; 36 | static ɵdir: i0.ɵɵDirectiveDeclaration; 37 | } 38 | -------------------------------------------------------------------------------- /grid/module.d.ts: -------------------------------------------------------------------------------- 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; 21 | static ɵmod: i0.ɵɵNgModuleDeclaration; 22 | static ɵinj: i0.ɵɵInjectorDeclaration; 23 | } 24 | -------------------------------------------------------------------------------- /grid/package.json: -------------------------------------------------------------------------------- 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 | } -------------------------------------------------------------------------------- /grid/public-api.d.ts: -------------------------------------------------------------------------------- 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'; 20 | -------------------------------------------------------------------------------- /grid/row/row.d.ts: -------------------------------------------------------------------------------- 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; 16 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 22 | static ɵfac: i0.ɵɵFactoryDeclaration; 23 | static ɵdir: i0.ɵɵDirectiveDeclaration; 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; 33 | static ɵdir: i0.ɵɵDirectiveDeclaration; 34 | } 35 | -------------------------------------------------------------------------------- /grid/rows/rows.d.ts: -------------------------------------------------------------------------------- 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; 21 | static ɵprov: i0.ɵɵInjectableDeclaration; 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; 31 | static ɵdir: i0.ɵɵDirectiveDeclaration; 32 | } 33 | /** 34 | * 'grid-template-rows' CSS Grid styling directive 35 | * Configures the sizing for the rows in the grid 36 | * Syntax: [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; 42 | static ɵdir: i0.ɵɵDirectiveDeclaration; 43 | } 44 | -------------------------------------------------------------------------------- /module.d.ts: -------------------------------------------------------------------------------- 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; 26 | constructor(serverModuleLoaded: boolean, platformId: Object); 27 | static ɵfac: i0.ɵɵFactoryDeclaration; 28 | static ɵmod: i0.ɵɵNgModuleDeclaration; 29 | static ɵinj: i0.ɵɵInjectorDeclaration; 30 | } 31 | -------------------------------------------------------------------------------- /public-api.d.ts: -------------------------------------------------------------------------------- 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'; 19 | -------------------------------------------------------------------------------- /server/README.md: -------------------------------------------------------------------------------- 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`. -------------------------------------------------------------------------------- /server/angular-flex-layout-server.d.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Generated bundle index. Do not edit. 3 | */ 4 | /// 5 | export * from './public-api'; 6 | -------------------------------------------------------------------------------- /server/module.d.ts: -------------------------------------------------------------------------------- 1 | import * as i0 from "@angular/core"; 2 | export declare class FlexLayoutServerModule { 3 | static ɵfac: i0.ɵɵFactoryDeclaration; 4 | static ɵmod: i0.ɵɵNgModuleDeclaration; 5 | static ɵinj: i0.ɵɵInjectorDeclaration; 6 | } 7 | -------------------------------------------------------------------------------- /server/package.json: -------------------------------------------------------------------------------- 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 | } -------------------------------------------------------------------------------- /server/public-api.d.ts: -------------------------------------------------------------------------------- 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'; 10 | -------------------------------------------------------------------------------- /server/server-match-media.d.ts: -------------------------------------------------------------------------------- 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; 58 | static ɵprov: i0.ɵɵInjectableDeclaration; 59 | } 60 | declare type MediaQueryListListener = ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null; 61 | export {}; 62 | -------------------------------------------------------------------------------- /server/server-provider.d.ts: -------------------------------------------------------------------------------- 1 | import { BreakPoint, ɵMatchMedia as MatchMedia, StylesheetMap, MediaMarshaller } from '@angular/flex-layout/core'; 2 | import { ServerMatchMedia } from './server-match-media'; 3 | /** 4 | * Activate all the registered breakpoints in sequence, and then 5 | * retrieve the associated stylings from the virtual stylesheet 6 | * @param serverSheet the virtual stylesheet that stores styles for each 7 | * element 8 | * @param mediaController the MatchMedia service to activate/deactivate breakpoints 9 | * @param breakpoints the registered breakpoints to activate/deactivate 10 | * @param mediaMarshaller the MediaMarshaller service to disable fallback styles dynamically 11 | */ 12 | export declare function generateStaticFlexLayoutStyles(serverSheet: StylesheetMap, mediaController: ServerMatchMedia, breakpoints: BreakPoint[], mediaMarshaller: MediaMarshaller): string; 13 | /** 14 | * Create a style tag populated with the dynamic stylings from Flex 15 | * components and attach it to the head of the DOM 16 | */ 17 | export declare function FLEX_SSR_SERIALIZER_FACTORY(serverSheet: StylesheetMap, mediaController: ServerMatchMedia, _document: Document, breakpoints: BreakPoint[], mediaMarshaller: MediaMarshaller): () => void; 18 | /** 19 | * Provider to set static styles on the server 20 | */ 21 | export declare const SERVER_PROVIDERS: ({ 22 | provide: import("@angular/core").InjectionToken<(() => void | Promise)[]>; 23 | useFactory: typeof FLEX_SSR_SERIALIZER_FACTORY; 24 | deps: (import("@angular/core").InjectionToken | typeof StylesheetMap | typeof MatchMedia | typeof MediaMarshaller)[]; 25 | multi: boolean; 26 | useValue?: undefined; 27 | useClass?: undefined; 28 | } | { 29 | provide: import("@angular/core").InjectionToken; 30 | useValue: boolean; 31 | useFactory?: undefined; 32 | deps?: undefined; 33 | multi?: undefined; 34 | useClass?: undefined; 35 | } | { 36 | provide: typeof MatchMedia; 37 | useClass: typeof ServerMatchMedia; 38 | useFactory?: undefined; 39 | deps?: undefined; 40 | multi?: undefined; 41 | useValue?: undefined; 42 | })[]; 43 | export declare type StyleSheet = Map>; 44 | export declare type ClassMap = Map; 45 | -------------------------------------------------------------------------------- /version.d.ts: -------------------------------------------------------------------------------- 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 { Version } from '@angular/core'; 9 | /** Current version of Angular Flex-Layout. */ 10 | export declare const VERSION: Version; 11 | --------------------------------------------------------------------------------