@dugararchit/flex-layout 13.0.0-dugararchit

package/README.md

@@ -0,0 +1,7 @@
+Angular Flex-Layout
+=======
+
+The sources for this package are in the main [Angular Flex-Layout](https://github.com/angular/flex-layout) repo.
+Please file issues and pull requests against that repo.
+
+License: MIT

package/_private-utils/angular-flex-layout-_private-utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@angular/flex-layout/_private-utils" />
+export * from './index';

package/_private-utils/auto-prefixer.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Applies CSS prefixes to appropriate style keys.
+ *
+ * Note: `-ms-`, `-moz` and `-webkit-box` are no longer supported. e.g.
+ *    {
+ *      display: -webkit-flex;     NEW - Safari 6.1+. iOS 7.1+, BB10
+ *      display: flex;             NEW, Spec - Firefox, Chrome, Opera
+ *      // display: -webkit-box;   OLD - iOS 6-, Safari 3.1-6, BB7
+ *      // display: -ms-flexbox;   TWEENER - IE 10
+ *      // display: -moz-flexbox;  OLD - Firefox
+ *    }
+ */
+export declare function applyCssPrefixes(target: {
+    [key: string]: any | null;
+}): {
+    [key: string]: any;
+};

package/_private-utils/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './auto-prefixer';
+export * from './layout-validator';
+export * from './object-extend';

package/_private-utils/layout-validator.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export declare const INLINE = "inline";
+export declare const LAYOUT_VALUES: string[];
+/**
+ * Validate the direction|'direction wrap' value and then update the host's inline flexbox styles
+ */
+export declare function buildLayoutCSS(value: string): {
+    display: string;
+    'box-sizing': string;
+    'flex-direction': string;
+    'flex-wrap': string | null;
+};
+/**
+  * Validate the value to be one of the acceptable value options
+  * Use default fallback of 'row'
+  */
+export declare function validateValue(value: string): [string, string, boolean];
+/**
+ * Determine if the validated, flex-direction value specifies
+ * a horizontal/row flow.
+ */
+export declare function isFlowHorizontal(value: string): boolean;
+/**
+ * Convert layout-wrap='<value>' to expected flex-wrap style
+ */
+export declare function validateWrapValue(value: string): string;

package/_private-utils/object-extend.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Extends an object with the *enumerable* and *own* properties of one or more source objects,
+ * similar to Object.assign.
+ *
+ * @param dest The object which will have properties copied to it.
+ * @param sources The source objects from which properties will be copied.
+ */
+export declare function extendObject(dest: any, ...sources: any[]): any;

package/_private-utils/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/angular-flex-layout-_private-utils.mjs",
+  "es2020": "../fesm2020/angular-flex-layout-_private-utils.mjs",
+  "esm2020": "../esm2020/_private-utils/angular-flex-layout-_private-utils.mjs",
+  "fesm2020": "../fesm2020/angular-flex-layout-_private-utils.mjs",
+  "fesm2015": "../fesm2015/angular-flex-layout-_private-utils.mjs",
+  "typings": "angular-flex-layout-_private-utils.d.ts",
+  "sideEffects": false,
+  "name": "@angular/flex-layout/_private-utils"
+}

package/_private-utils/testing/angular-flex-layout-_private-utils-testing.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@angular/flex-layout/_private-utils/testing" />
+export * from './index';

package/_private-utils/testing/custom-matchers.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="jasmine" />
+export declare const expect: (actual: any) => NgMatchers;
+/**
+ * Jasmine matchers that check Angular specific conditions.
+ */
+export interface NgMatchers extends jasmine.Matchers<any> {
+    /**
+     * Expect the element to have exactly the given text.
+     *
+     * ## Example
+     *
+     * {@example testing/ts/matchers.ts region='toHaveText'}
+     */
+    toHaveText(expected: string): boolean;
+    /**
+     * Compare key:value pairs as matching EXACTLY
+     */
+    toHaveMap(expected: {
+        [k: string]: string;
+    }): boolean;
+    /**
+     * Expect the element to have the given CSS class.
+     *
+     * ## Example
+     *
+     * {@example testing/ts/matchers.ts region='toHaveCssClass'}
+     */
+    toHaveCssClass(expected: string): boolean;
+    /**
+     * Expect the element to have the given pairs of attribute name and attribute value
+     */
+    toHaveAttributes(expected: {
+        [k: string]: string;
+    }): boolean;
+    /**
+     * Expect the element to have the given CSS styles injected INLINE
+     *
+     * ## Example
+     *
+     * {@example testing/ts/matchers.ts region='toHaveStyle'}
+     */
+    toHaveStyle(expected: {
+        [k: string]: string;
+    } | string): boolean;
+    /**
+     * Expect the element to have the given CSS inline OR computed styles.
+     *
+     * ## Example
+     *
+     * {@example testing/ts/matchers.ts region='toHaveStyle'}
+     */
+    toHaveStyle(expected: {
+        [k: string]: string;
+    } | string): boolean;
+    /**
+     * Invert the matchers.
+     */
+    not: NgMatchers;
+}
+/**
+ * NOTE: These custom JASMINE Matchers are used only
+ *       in the Karma/Jasmine testing for the Layout Directives
+ *       in `src/lib/flex/api`
+ */
+export declare const customMatchers: jasmine.CustomMatcherFactories;

package/_private-utils/testing/dom-tools.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+ * Exported DOM accessor utility functions
+ */
+export declare const _dom: {
+    hasStyle: typeof hasStyle;
+    getDistributedNodes: typeof getDistributedNodes;
+    getShadowRoot: typeof getShadowRoot;
+    getText: typeof getText;
+    getStyle: typeof getStyle;
+    childNodes: typeof childNodes;
+    childNodesAsList: typeof childNodesAsList;
+    hasClass: typeof hasClass;
+    hasAttribute: typeof hasAttribute;
+    getAttribute: typeof getAttribute;
+    hasShadowRoot: typeof hasShadowRoot;
+    isCommentNode: typeof isCommentNode;
+    isElementNode: typeof isElementNode;
+    isPresent: typeof isPresent;
+    isShadowRoot: typeof isShadowRoot;
+    tagName: typeof tagName;
+    lastElementChild: typeof lastElementChild;
+};
+declare function getStyle(element: any, stylename: string): string;
+declare function hasStyle(element: any, styleName: string, styleValue?: string, inlineOnly?: boolean): boolean;
+declare function getDistributedNodes(el: HTMLElement): Node[];
+declare function getShadowRoot(el: HTMLElement): DocumentFragment;
+declare function getText(el: Node): string;
+declare function childNodesAsList(el: Node): any[];
+declare function hasClass(element: any, className: string): boolean;
+declare function hasAttribute(element: any, attributeName: string): boolean;
+declare function getAttribute(element: any, attributeName: string): string;
+declare function childNodes(el: any): Node[];
+declare function hasShadowRoot(node: any): boolean;
+declare function isCommentNode(node: Node): boolean;
+declare function isElementNode(node: Node): boolean;
+declare function isShadowRoot(node: any): boolean;
+declare function isPresent(obj: any): boolean;
+declare function tagName(element: any): string;
+declare function lastElementChild(element: any): Node | null;
+export {};

package/_private-utils/testing/helpers.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { Type, DebugElement } from '@angular/core';
+import { ComponentFixture } from '@angular/core/testing';
+export declare type ComponentClazzFn = () => Type<any>;
+/**
+ * Function generator that captures a Component Type accessor and enables
+ * `createTestComponent()` to be reusable for *any* captured Component class.
+ */
+export declare function makeCreateTestComponent(getClass: ComponentClazzFn): (template: string, styles?: any) => ComponentFixture<Type<any>>;
+/**
+ *
+ */
+export declare function expectNativeEl(fixture: ComponentFixture<any>, instanceOptions?: any): any;
+/**
+ *
+ */
+export declare function expectEl(debugEl: DebugElement): any;
+export declare function queryFor(fixture: ComponentFixture<any>, selector: string): DebugElement[];

package/_private-utils/testing/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './custom-matchers';
+export * from './dom-tools';
+export * from './helpers';

package/_private-utils/testing/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../../fesm2015/angular-flex-layout-_private-utils-testing.mjs",
+  "es2020": "../../fesm2020/angular-flex-layout-_private-utils-testing.mjs",
+  "esm2020": "../../esm2020/_private-utils/testing/angular-flex-layout-_private-utils-testing.mjs",
+  "fesm2020": "../../fesm2020/angular-flex-layout-_private-utils-testing.mjs",
+  "fesm2015": "../../fesm2015/angular-flex-layout-_private-utils-testing.mjs",
+  "typings": "angular-flex-layout-_private-utils-testing.d.ts",
+  "sideEffects": false,
+  "name": "@angular/flex-layout/_private-utils/testing"
+}

package/angular-flex-layout.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@angular/flex-layout" />
+export * from './public-api';

package/core/README.md

@@ -0,0 +1,25 @@
+The `core` entrypoint contains all of the common utilities to build Layout 
+components. Its primary exports are the `MediaQuery` utility 
+`MediaObserver` and the module that encapsulates the imports of these
+providers, the `CoreModule`, and the base directive for layout
+components, `BaseDirective2`. These utilities can be imported separately
+from the root module to take advantage of tree shaking.
+
+```typescript
+import {NgModule} from '@angular/core';
+import {CoreModule} from '@angular/flex-layout/core';
+
+@NgModule(({
+  imports: [
+    ... other imports here
+    CoreModule,
+  ]
+}))
+export class AppModule {}
+```
+
+```typescript
+import {BaseDirective2} from '@angular/flex-layout/core';
+
+export class NewLayoutDirective extends BaseDirective2 {}
+```

package/core/add-alias.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { MediaChange } from './media-change';
+import { BreakPoint } from './breakpoints/break-point';
+/**
+ * For the specified MediaChange, make sure it contains the breakpoint alias
+ * and suffix (if available).
+ */
+export declare function mergeAlias(dest: MediaChange, source: BreakPoint | null): MediaChange;

package/core/angular-flex-layout-core.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@angular/flex-layout/core" />
+export * from './public-api';

package/core/base/base2.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { StyleDefinition, StyleUtils } from '../style-utils/style-utils';
+import { StyleBuilder } from '../style-builder/style-builder';
+import { MediaMarshaller } from '../media-marshaller/media-marshaller';
+import * as i0 from "@angular/core";
+export declare abstract class BaseDirective2 implements OnChanges, OnDestroy {
+    protected elementRef: ElementRef;
+    protected styleBuilder: StyleBuilder;
+    protected styler: StyleUtils;
+    protected marshal: MediaMarshaller;
+    protected DIRECTIVE_KEY: string;
+    protected inputs: string[];
+    /** The most recently used styles for the builder */
+    protected mru: StyleDefinition;
+    protected destroySubject: Subject<void>;
+    protected currentValue: any;
+    /** Access to host element's parent DOM node */
+    protected get parentElement(): HTMLElement | null;
+    /** Access to the HTMLElement for the directive */
+    protected get nativeElement(): HTMLElement;
+    /** Access to the activated value for the directive */
+    get activatedValue(): string;
+    set activatedValue(value: string);
+    /** Cache map for style computation */
+    protected styleCache: Map<string, StyleDefinition>;
+    protected constructor(elementRef: ElementRef, styleBuilder: StyleBuilder, styler: StyleUtils, marshal: MediaMarshaller);
+    /** For @Input changes */
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /** Register with central marshaller service */
+    protected init(extraTriggers?: Observable<any>[]): void;
+    /** Add styles to the element using predefined style builder */
+    protected addStyles(input: string, parent?: Object): void;
+    /** Remove generated styles from an element using predefined style builder */
+    protected clearStyles(): void;
+    /** Force trigger style updates on DOM element */
+    protected triggerUpdate(): void;
+    /**
+     * Determine the DOM element's Flexbox flow (flex-direction).
+     *
+     * Check inline style first then check computed (stylesheet) style.
+     * And optionally add the flow value to element's inline style.
+     */
+    protected getFlexFlowDirection(target: HTMLElement, addIfMissing?: boolean): string;
+    protected hasWrap(target: HTMLElement): boolean;
+    /** Applies styles given via string pair or object map to the directive element */
+    protected applyStyleToElement(style: StyleDefinition, value?: string | number, element?: HTMLElement): void;
+    protected setValue(val: any, bp: string): void;
+    protected updateWithValue(input: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseDirective2, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDirective2, never, never, {}, {}, never>;
+}

package/core/base/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './base2';

package/core/basis-validator/basis-validator.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+/**
+* The flex API permits 3 or 1 parts of the value:
+*    - `flex-grow flex-shrink flex-basis`, or
+*    - `flex-basis`
+*/
+export declare function validateBasis(basis: string, grow?: string, shrink?: string): string[];

package/core/breakpoints/break-point-registry.d.ts

@@ -0,0 +1,42 @@
+import { BreakPoint } from './break-point';
+import * as i0 from "@angular/core";
+export declare type OptionalBreakPoint = BreakPoint | null;
+/**
+ * Registry of 1..n MediaQuery breakpoint ranges
+ * This is published as a provider and may be overridden from custom, application-specific ranges
+ *
+ */
+export declare class BreakPointRegistry {
+    readonly items: BreakPoint[];
+    constructor(list: BreakPoint[]);
+    /**
+     * Search breakpoints by alias (e.g. gt-xs)
+     */
+    findByAlias(alias: string): OptionalBreakPoint;
+    findByQuery(query: string): OptionalBreakPoint;
+    /**
+     * Get all the breakpoints whose ranges could overlapping `normal` ranges;
+     * e.g. gt-sm overlaps md, lg, and xl
+     */
+    get overlappings(): BreakPoint[];
+    /**
+     * Get list of all registered (non-empty) breakpoint aliases
+     */
+    get aliases(): string[];
+    /**
+     * Aliases are mapped to properties using suffixes
+     * e.g.  'gt-sm' for property 'layout'  uses suffix 'GtSm'
+     * for property layoutGtSM.
+     */
+    get suffixes(): string[];
+    /**
+     * Memoized lookup using custom predicate function
+     */
+    private findWithPredicate;
+    /**
+     * Memoized BreakPoint Lookups
+     */
+    private readonly findByMap;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreakPointRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreakPointRegistry>;
+}

package/core/breakpoints/break-point.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export interface BreakPoint {
+    mediaQuery: string;
+    alias: string;
+    suffix?: string;
+    overlapping?: boolean;
+    priority?: number;
+}

package/core/breakpoints/break-points-token.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { InjectionToken } from '@angular/core';
+import { BreakPoint } from './break-point';
+/**
+ *  Injection token unique to the flex-layout library.
+ *  Use this token when build a custom provider (see below).
+ */
+export declare const BREAKPOINTS: InjectionToken<BreakPoint[]>;

package/core/breakpoints/breakpoint-tools.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { BreakPoint } from './break-point';
+/**
+ * For each breakpoint, ensure that a Suffix is defined;
+ * fallback to UpperCamelCase the unique Alias value
+ */
+export declare function validateSuffixes(list: BreakPoint[]): BreakPoint[];
+/**
+ * Merge a custom breakpoint list with the default list based on unique alias values
+ *  - Items are added if the alias is not in the default list
+ *  - Items are merged with the custom override if the alias exists in the default list
+ */
+export declare function mergeByAlias(defaults: BreakPoint[], custom?: BreakPoint[]): BreakPoint[];

package/core/breakpoints/data/break-points.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { BreakPoint } from '../break-point';
+/**
+ * NOTE: Smaller ranges have HIGHER priority since the match is more specific
+ */
+export declare const DEFAULT_BREAKPOINTS: BreakPoint[];

package/core/breakpoints/data/orientation-break-points.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { BreakPoint } from '../break-point';
+export declare const ScreenTypes: {
+    HANDSET: string;
+    TABLET: string;
+    WEB: string;
+    HANDSET_PORTRAIT: string;
+    TABLET_PORTRAIT: string;
+    WEB_PORTRAIT: string;
+    HANDSET_LANDSCAPE: string;
+    TABLET_LANDSCAPE: string;
+    WEB_LANDSCAPE: string;
+};
+/**
+ * Extended Breakpoints for handset/tablets with landscape or portrait orientations
+ */
+export declare const ORIENTATION_BREAKPOINTS: BreakPoint[];

package/core/breakpoints/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './data/break-points';
+export * from './data/orientation-break-points';
+export * from './break-point';
+export * from './break-point-registry';
+export * from './break-points-token';

package/core/browser-provider.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+import { InjectionToken } from '@angular/core';
+/**
+ * Find all of the server-generated stylings, if any, and remove them
+ * This will be in the form of inline classes and the style block in the
+ * head of the DOM
+ */
+export declare function removeStyles(_document: Document, platformId: Object): () => void;
+/**
+ *  Provider to remove SSR styles on the browser
+ */
+export declare const BROWSER_PROVIDER: {
+    provide: InjectionToken<(() => void)[]>;
+    useFactory: typeof removeStyles;
+    deps: InjectionToken<Object>[];
+    multi: boolean;
+};
+export declare const CLASS_NAME = "flex-layout-";

package/core/match-media/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export * from './match-media';
+export * from './mock/mock-match-media';