@genesislcap/foundation-layout 9.0.1-alpha-b5c5eb7.0

package/dist/dts/main/layout-region.d.ts

@@ -0,0 +1,70 @@
+import { RootItemConfig } from '@genesis-community/golden-layout';
+import { componentType, LayoutComponent, LayoutRegionType, RegistrationConfig } from '../utils';
+import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * @beta
+ * `FoundationLayoutRegion` is a custom element that represents a region in the layout.
+ * @remarks
+ * This element is used to create a region in the layout. It can be used to create a horizontal or vertical split, or a tabbed region.
+ *
+ * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
+ */
+export declare class FoundationLayoutRegion extends FoundationElement implements LayoutComponent {
+    /**
+     * optional string describing the size of the new item (see the written documentation for more info)
+     * @beta
+     */
+    size: string;
+    /**
+     * Defines the {@link LayoutRegionType | type} of the region.
+     * Defaults to `horizontal`.
+     * @beta
+     */
+    type: LayoutRegionType;
+    /** @internal */
+    [componentType]: LayoutRegionType;
+    /**
+     * Reference to the config in the whole layout config for this
+     * specific region.
+     * @internal
+     */
+    private layoutConfig;
+    /** @internal */
+    connectedCallback(): void;
+    /**
+     * Gets the layout config for this region using {@link FoundationLayoutRegion.constructLayoutConfig} and adds it into the main config tree via the parents. It saves a reference to the this config so a child can add its config in later.
+     * @internal
+     */
+    private setupLayoutRegion;
+    /**
+     * Creates a golden layout config for this object.
+     * @internal
+     */
+    private constructLayoutConfig;
+    /** @internal */
+    private getParentLayoutComponent;
+    /** @internal */
+    addItemFromChild<T extends RootItemConfig>(item: T): T;
+    /** @internal */
+    requestLayoutReload(): void;
+    /** @internal */
+    cacheElementsAndRegister(config: RegistrationConfig): string;
+}
+/**
+ * The FoundationLayoutRegion Composed element
+ *
+ * @internal
+ * @remarks
+ * Can be registered with the design system via {@link foundationlayoutComponents}.
+ * You do not need to compose your own version of this to update the styles of the layout.
+ *
+ * Tag Name: <{prefix}-layout-region>
+ */
+export declare const foundationLayoutRegion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<any, any>;
+}, typeof FoundationLayoutRegion>;
+//# sourceMappingURL=layout-region.d.ts.map

package/dist/dts/main/layout-region.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-region.d.ts","sourceRoot":"","sources":["../../../src/main/layout-region.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,cAAc,EACf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EACL,aAAa,EAEb,eAAe,EACf,gBAAgB,EAEhB,kBAAkB,EAEnB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAc/D;;;;;;;GAOG;AACH,qBAAa,sBAAuB,SAAQ,iBAAkB,YAAW,eAAe;IACtF;;;OAGG;IACG,IAAI,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACG,IAAI,EAAE,gBAAgB,CAAC;IAE7B,gBAAgB;IAChB,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAgB;IAEjD;;;;OAIG;IACH,OAAO,CAAC,YAAY,CAA0C;IAE9D,gBAAgB;IAChB,iBAAiB,IAAI,IAAI;IAUzB;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAS7B,gBAAgB;IAChB,OAAO,CAAC,wBAAwB;IAIhC,gBAAgB;IAChB,gBAAgB,CAAC,CAAC,SAAS,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;IAKtD,gBAAgB;IAChB,mBAAmB,IAAI,IAAI;IAI3B,gBAAgB;IAChB,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM;CAG7D;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,sBAAsB;;;;;;iCAGjC,CAAC"}

package/dist/dts/styles/constants.d.ts

@@ -0,0 +1,7 @@
+import { LayoutConfig } from '@genesis-community/golden-layout';
+export declare const glVisualConfig: Omit<LayoutConfig, 'root'>;
+export declare const maximisSVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMTQ0IDMyaC0xMjhDNy4xNTYgMzIgMCAzOS4xNiAwIDQ4djEyOEMwIDE4NC44IDcuMTU2IDE5MiAxNiAxOTJTMzIgMTg0LjggMzIgMTc2VjY0aDExMkMxNTIuOCA2NCAxNjAgNTYuODQgMTYwIDQ4UzE1Mi44IDMyIDE0NCAzMnpNMTQ0IDQ0OEgzMnYtMTEyQzMyIDMyNy4yIDI0Ljg0IDMyMCAxNiAzMjBTMCAzMjcuMiAwIDMzNnYxMjhDMCA0NzIuOCA3LjE1NiA0ODAgMTYgNDgwaDEyOEMxNTIuOCA0ODAgMTYwIDQ3Mi44IDE2MCA0NjRTMTUyLjggNDQ4IDE0NCA0NDh6TTQzMiAzMjBjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZWNDQ4aC0xMTJjLTguODQ0IDAtMTYgNy4xNTYtMTYgMTZzNy4xNTYgMTYgMTYgMTZoMTI4YzguODQ0IDAgMTYtNy4xNTYgMTYtMTZ2LTEyOEM0NDggMzI3LjIgNDQwLjggMzIwIDQzMiAzMjB6TTQzMiAzMmgtMTI4QzI5NS4yIDMyIDI4OCAzOS4xNiAyODggNDhTMjk1LjIgNjQgMzA0IDY0SDQxNnYxMTJDNDE2IDE4NC44IDQyMy4yIDE5MiA0MzIgMTkyUzQ0OCAxODQuOCA0NDggMTc2di0xMjhDNDQ4IDM5LjE2IDQ0MC44IDMyIDQzMiAzMnoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4=";
+export declare const minimiseSVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA0NjRDMCA0NTUuMiA3LjE2NCA0NDggMTYgNDQ4SDQ5NkM1MDQuOCA0NDggNTEyIDQ1NS4yIDUxMiA0NjRDNTEyIDQ3Mi44IDUwNC44IDQ4MCA0OTYgNDgwSDE2QzcuMTY0IDQ4MCAwIDQ3Mi44IDAgNDY0eiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg==";
+export declare const closeSVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMzE1LjMgNDExLjNjLTYuMjUzIDYuMjUzLTE2LjM3IDYuMjUzLTIyLjYzIDBMMTYwIDI3OC42bC0xMzIuNyAxMzIuN2MtNi4yNTMgNi4yNTMtMTYuMzcgNi4yNTMtMjIuNjMgMGMtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M0wxMzcuNCAyNTZMNC42OSAxMjMuM2MtNi4yNTMtNi4yNTMtNi4yNTMtMTYuMzcgMC0yMi42M2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwTDE2MCAyMzMuNGwxMzIuNy0xMzIuN2M2LjI1My02LjI1MyAxNi4zNy02LjI1MyAyMi42MyAwYzYuMjUzIDYuMjUzIDYuMjUzIDE2LjM3IDAgMjIuNjNMMTgyLjYgMjU2bDEzMi43IDEzMi43QzMyMS42IDM5NC45IDMyMS42IDQwNS4xIDMxNS4zIDQxMS4zeiIgZmlsbD0iIzg3OWJhNiIvPjwvc3ZnPg==";
+export declare const tabDropdownSVG = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNC4yNTEgMTgxLjFDNy4zOTIgMTc3LjcgMTEuNjkgMTc1LjEgMTYgMTc1LjFjMy44OTEgMCA3Ljc4MSAxLjQwNiAxMC44NiA0LjI1bDE5Ny4xIDE4MS4xbDE5Ny4xLTE4MS4xYzYuNS02IDE2LjY0LTUuNjI1IDIyLjYxIC45MDYyYzYgNi41IDUuNTk0IDE2LjU5LS44OTA2IDIyLjU5bC0yMDggMTkyYy02LjE1NiA1LjY4OC0xNS41NiA1LjY4OC0yMS43MiAwbC0yMDgtMTkyQy0xLjM0MyAxOTcuNy0xLjc0OSAxODcuNiA0LjI1MSAxODEuMXoiIGZpbGw9IiM4NzliYTYiLz48L3N2Zz4=";
+//# sourceMappingURL=constants.d.ts.map

package/dist/dts/styles/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/styles/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,eAAO,MAAM,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAUrD,CAAC;AAEF,eAAO,MAAM,UAAU,ulCAC+jC,CAAC;AAEvlC,eAAO,MAAM,WAAW,+hBACsgB,CAAC;AAE/hB,eAAO,MAAM,QAAQ,u2BACi1B,CAAC;AAEv2B,eAAO,MAAM,cAAc,2sBAC+qB,CAAC"}

package/dist/dts/styles/dragging.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This is defined as a string rather than a css template
+ * because it is applied to a CSSStyleSheet object rather than
+ * used as a FAST template
+ */
+export declare const globalDraggingStyles: string;
+//# sourceMappingURL=dragging.styles.d.ts.map

package/dist/dts/styles/dragging.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragging.styles.d.ts","sourceRoot":"","sources":["../../../src/styles/dragging.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,QA4GhC,CAAC"}

package/dist/dts/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './dragging.styles';
+export * from './layout.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/dist/dts/styles/layout.styles.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `ElementStyles` which defines the css for {@link FoundationLayout}.
+ * @remarks
+ * Can be used in a composition to customise the styles of the layout.
+ * @beta
+ */
+export declare const layoutStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=layout.styles.d.ts.map

package/dist/dts/styles/layout.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.styles.d.ts","sourceRoot":"","sources":["../../../src/styles/layout.styles.ts"],"names":[],"mappings":"AAkGA;;;;;GAKG;AACH,eAAO,MAAM,YAAY,iDAkbxB,CAAC"}

package/dist/dts/utils/constants.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Used to key what type of LayoutComponent an object is
+ * @internal
+ */
+export declare const componentType: unique symbol;
+/**
+ * Default time in milliseconds for the layout to buffer calls to reloading
+ * the layout while the declarative API is loading.
+ *
+ * During the first load of the layout, a loading spinner will be shown.
+ * @beta
+ */
+export declare const DEFAULT_RELOAD_BUFFER = 500;
+//# sourceMappingURL=constants.d.ts.map

package/dist/dts/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/utils/constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,aAAa,eAA2B,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC"}

package/dist/dts/utils/error.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @beta
+ */
+export declare class LayoutUsageError extends Error {
+    constructor(message: string);
+}
+/**
+ * @beta
+ */
+export declare class LayoutRegistrationError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=error.d.ts.map

package/dist/dts/utils/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../../src/utils/error.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK;gBAC7B,OAAO,EAAE,MAAM;CAG5B;AAED;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,KAAK;gBACpC,OAAO,EAAE,MAAM;CAG5B"}

package/dist/dts/utils/events.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Defines events that the layout system emits
+ *
+ * 'firstLoaded' - emitted when the layout has finished loading the first time
+ * using the declarative API after {@link DEFAULT_RELOAD_BUFFER} ms.
+ * <br/>
+ * 'itemAdded' - emitted when an item is added to the layout'
+ * <br/>
+ * 'itemRemoved' - emitted when an item is removed from the layout'
+ * @beta
+ */
+export declare const LayoutEmitEvents: {
+    readonly firstLoaded: "first-loaded";
+    readonly itemAdded: "item-added";
+    readonly itemRemoved: "item-removed";
+};
+/**
+ * Defines events that the layout system listens for
+ *
+ * 'changeTitle' - emit this from a contained item to update the title of the window that contains it.
+ * @beta
+ */
+export declare const LayoutReceiveEvents: {
+    readonly changeTitle: "change-title";
+};
+/**
+ * Defines the shape of the detail that the layout listens works with for events it listens on
+ *
+ * 'changeTitle' - `title` is the string you want to set. For `mode`: `replace` will set the title to be `title`, `suffix` will append `title` to the end of the existing title.
+ * @beta
+ */
+export type LayoutReceiveEventsDetail = {
+    changeTitle: {
+        title: string;
+        mode: 'replace' | 'suffix';
+    };
+};
+//# sourceMappingURL=events.d.ts.map

package/dist/dts/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/utils/events.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;;CAEtB,CAAC;AAEX;;;;;GAKG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAA;KAAE,CAAC;CAC5D,CAAC"}

package/dist/dts/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './constants';
+export * from './error';
+export * from './events';
+export * from './misc';
+export * from './templates';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/dts/utils/logger.d.ts

@@ -0,0 +1,2 @@
+export declare const logger: import("@genesislcap/foundation-utils").Logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/dts/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../src/utils/logger.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,gDAAoC,CAAC"}

package/dist/dts/utils/misc.d.ts

@@ -0,0 +1,10 @@
+import { FoundationLayout, FoundationLayoutRegion } from '../main';
+/**
+ * Returns an array of values of the array a which are missing in b
+ * An empty array is returned if every value of a is in b
+ * @internal
+ */
+export declare function getMissingArrayItems<T>(a: T[], b: T[]): T[];
+/** @internal */
+export declare function getParentLayoutComponent(): FoundationLayout | FoundationLayoutRegion;
+//# sourceMappingURL=misc.d.ts.map

package/dist/dts/utils/misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"misc.d.ts","sourceRoot":"","sources":["../../../src/utils/misc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGnE;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAE3D;AAED,gBAAgB;AAChB,wBAAgB,wBAAwB,IAAI,gBAAgB,GAAG,sBAAsB,CAYpF"}

package/dist/dts/utils/templates.d.ts

@@ -0,0 +1,6 @@
+/**
+ * template for the child layout elements
+ * @internal
+ */
+export declare const wrapperTemplate: import("@microsoft/fast-element").ViewTemplate<any, any>;
+//# sourceMappingURL=templates.d.ts.map

package/dist/dts/utils/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/utils/templates.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,eAAe,0DAI3B,CAAC"}

package/dist/dts/utils/types.d.ts

@@ -0,0 +1,63 @@
+import { ResolvedLayoutConfig } from '@genesis-community/golden-layout';
+import { componentType } from './';
+/**
+ * @beta
+ * Versioned layout config objects. `v` is the version and `c` contains the layout config.
+ * @remarks
+ * Versioning the layout config in this way allows changes to the config schema while
+ * remaining backwards compatible with any existing client/user configurations. When loading an
+ * older version of the configurations the version can be used to lookup and apply transformer functions
+ * to get the newest version of the config from it.
+ *
+ * As more versions of configurations are added this type will have extra union types as part of SerialisedLayout.
+ */
+export type SerialisedLayout = {
+    v: '1';
+    c: ResolvedLayoutConfig;
+};
+/**
+ * @beta
+ * The parameters that can be set on a new item when being added by the {@link FoundationLayout.addItem} API
+ *
+ * @remarks
+ * `elements` - array of Elements that are the content of the new item
+ * `title` - optional string which is used as the new title of the tab (defaults to be the registered name)
+ * `closable` - optional boolean which allows the item to be closed with the X button if set and true
+ * `size` - optional string describing the size of the new item (see the written documentation for more info)
+ * `registration` - optional string configuring the registration ID of the new item (defaults to sequential IDs)
+ */
+export interface RegisteredElementConfig {
+    registration: string;
+    title?: string;
+    closable?: boolean;
+    size?: string;
+}
+/**
+ * @beta
+ * Where to add the new item into the layout when using the {@link FoundationLayout.addItem} API
+ */
+export type Placement = {
+    area: 'top' | 'left' | 'bottom' | 'right';
+};
+/** @internal */
+export interface RegistrationConfig {
+    elements: Element[];
+    id?: string;
+}
+/** @internal */
+export declare const layoutRegionValue: readonly ["horizontal", "vertical", "tabs"];
+/**
+ * @beta
+ * Union type describing the three different types of region splits.
+ * Set on the `type` attribute on {@link FoundationLayoutRegion}.
+ */
+export type LayoutRegionType = (typeof layoutRegionValue)[number];
+/** @internal */
+export type ComponentTypes = LayoutRegionType | 'root' | 'item';
+/** @internal */
+export interface LayoutComponent {
+    [componentType]: ComponentTypes;
+    cacheElementsAndRegister(config: RegistrationConfig): string;
+    requestLayoutReload(): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/dts/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,oBAAoB,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC3C,CAAC;AAEF,gBAAgB;AAChB,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,gBAAgB;AAChB,eAAO,MAAM,iBAAiB,6CAA8C,CAAC;AAC7E;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,gBAAgB;AAChB,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,CAAC,aAAa,CAAC,EAAE,cAAc,CAAC;IAChC,wBAAwB,CAAC,MAAM,EAAE,kBAAkB,GAAG,MAAM,CAAC;IAC7D,mBAAmB,IAAI,IAAI,CAAC;CAC7B"}

package/dist/esm/index.federated.js

@@ -0,0 +1,2 @@
+import('./index');
+//# sourceMappingURL=index.federated.js.map

package/dist/esm/index.federated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.federated.js","sourceRoot":"","sources":["../../src/index.federated.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './main';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/esm/main/index.js

@@ -0,0 +1,6 @@
+export { FoundationLayoutItem } from './layout-item';
+export { FoundationLayoutRegion } from './layout-region';
+export { FoundationLayout, layoutStyles, layoutTemplate } from './layout-main';
+export * from './layout-components';
+export { DEFAULT_RELOAD_BUFFER, LayoutEmitEvents, LayoutReceiveEvents, } from '../utils';
+//# sourceMappingURL=index.js.map

package/dist/esm/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/E,cAAc,qBAAqB,CAAC;AACpC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,GAMpB,MAAM,UAAU,CAAC"}

package/dist/esm/main/layout-components.js

@@ -0,0 +1,36 @@
+import { foundationLayout } from './layout-main';
+import { foundationLayoutRegion } from './layout-region';
+import { foundationLayoutItem } from './layout-item';
+/**
+ * Registration object to register the layout with your design system.
+ *
+ * @remarks
+ * Registers the three layout component types with the design system.
+ * You require to use the prefix of the design system with each tag.
+ * If you wish to alternate the styles of the layout you only need to compose your own custom
+ * version of {@link FoundationLayout} as this contains the styles for the entire layout.
+ *
+ * @example
+ * `<zero-layout></zero-layout>` if you are using the layout with the `zero` design-system.
+ *
+ * @beta
+ */
+export const foundationLayoutComponents = {
+    foundationLayout,
+    foundationLayoutRegion,
+    foundationLayoutItem,
+    register(container, ...rest) {
+        if (!container) {
+            // preserve backward compatibility with code that loops through
+            // the values of this object and calls them as funcs with no args
+            return;
+        }
+        for (const key in this) {
+            if (key === 'register') {
+                continue;
+            }
+            this[key]().register(container, ...rest);
+        }
+    },
+};
+//# sourceMappingURL=layout-components.js.map

package/dist/esm/main/layout-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-components.js","sourceRoot":"","sources":["../../../src/main/layout-components.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,gBAAgB;IAChB,sBAAsB;IACtB,oBAAoB;IACpB,QAAQ,CAAC,SAAqB,EAAE,GAAG,IAAW;QAC5C,IAAI,CAAC,SAAS,EAAE;YACd,+DAA+D;YAC/D,iEAAiE;YACjE,OAAO;SACR;QACD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,GAAG,KAAK,UAAU,EAAE;gBACtB,SAAS;aACV;YACD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC;SAC1C;IACH,CAAC;CACF,CAAC"}

package/dist/esm/main/layout-item.js

@@ -0,0 +1,86 @@
+var _a;
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { componentType, getParentLayoutComponent, wrapperTemplate, } from '../utils';
+import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * @beta
+ * `FoundationLayoutItem` is a custom element that represents an item in the layout.
+ * @remarks
+ * This element is used to wrap html elements and configure their layout settings as part of the layout system.
+ *
+ * This is a simple component which is only used to define the layout splits; any JavaScript API interactions or custom styling is used via {@link FoundationLayout}.
+ */
+export class FoundationLayoutItem extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Boolean attribute controls whether the window can be closed in the GUI.
+         * Defaults to `false`.
+         * @beta
+         */
+        this.closable = false;
+        /** @internal */
+        this[_a] = 'item';
+    }
+    /** @internal */
+    connectedCallback() {
+        var _b;
+        super.connectedCallback();
+        this.slottedElements = this.shadowRoot.querySelector('slot.target').assignedElements();
+        const registeredID = this.cacheElementsAndRegister({
+            elements: this.slottedElements,
+            id: this.registration,
+        });
+        const itemConfig = {
+            type: 'component',
+            componentType: registeredID,
+            title: (_b = this.title) !== null && _b !== void 0 ? _b : `Item ${registeredID}`,
+            reorderEnabled: true,
+            isClosable: this.closable,
+            size: this.size,
+        };
+        this.getParentLayoutComponent().addItemFromChild(itemConfig);
+        this.requestLayoutReload();
+    }
+    /** @internal */
+    getParentLayoutComponent() {
+        return getParentLayoutComponent.apply(this);
+    }
+    /** @internal */
+    requestLayoutReload() {
+        this.getParentLayoutComponent().requestLayoutReload();
+    }
+    /** @internal */
+    cacheElementsAndRegister(config) {
+        return this.getParentLayoutComponent().cacheElementsAndRegister(config);
+    }
+}
+_a = componentType;
+__decorate([
+    attr
+], FoundationLayoutItem.prototype, "title", void 0);
+__decorate([
+    attr({ mode: 'boolean' })
+], FoundationLayoutItem.prototype, "closable", void 0);
+__decorate([
+    attr
+], FoundationLayoutItem.prototype, "size", void 0);
+__decorate([
+    attr
+], FoundationLayoutItem.prototype, "registration", void 0);
+/**
+ * The FoundationLayoutItem Composed element
+ *
+ * @internal
+ * @remarks
+ * Can be registered with the design system via {@link foundationlayoutComponents}.
+ * You do not need to compose your own version of this to update the styles of the layout.
+ *
+ * Tag Name: <{prefix}-layout-item>
+ */
+export const foundationLayoutItem = FoundationLayoutItem.compose({
+    baseName: 'layout-item',
+    template: wrapperTemplate,
+});
+//# sourceMappingURL=layout-item.js.map

package/dist/esm/main/layout-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-item.js","sourceRoot":"","sources":["../../../src/main/layout-item.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EACL,aAAa,EACb,wBAAwB,EAGxB,eAAe,GAChB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D;;;;;;;GAOG;AACH,MAAM,OAAO,oBAAqB,SAAQ,iBAAiB;IAA3D;;QASE;;;;WAIG;QACwB,aAAQ,GAAY,KAAK,CAAC;QAmBrD,gBAAgB;QAChB,QAAe,GAAG,MAAe,CAAC;IA6CpC,CAAC;IAxCC,gBAAgB;IAChB,iBAAiB;;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,eAAe,GAClB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAC5C,CAAC,gBAAgB,EAAE,CAAC;QAErB,MAAM,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC;YACjD,QAAQ,EAAE,IAAI,CAAC,eAAe;YAC9B,EAAE,EAAE,IAAI,CAAC,YAAY;SACtB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAwB;YACtC,IAAI,EAAE,WAAW;YACjB,aAAa,EAAE,YAAY;YAC3B,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,mCAAI,QAAQ,YAAY,EAAE;YAC3C,cAAc,EAAE,IAAI;YACpB,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;QAEF,IAAI,CAAC,wBAAwB,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7D,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,gBAAgB;IACR,wBAAwB;QAC9B,OAAO,wBAAwB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,gBAAgB;IAChB,mBAAmB;QACjB,IAAI,CAAC,wBAAwB,EAAE,CAAC,mBAAmB,EAAE,CAAC;IACxD,CAAC;IAED,gBAAgB;IAChB,wBAAwB,CAAC,MAA0B;QACjD,OAAO,IAAI,CAAC,wBAAwB,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAC1E,CAAC;CACF;KA7CE,aAAa;AA3BR;IAAL,IAAI;mDAAe;AAOO;IAA1B,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;sDAA2B;AAM/C;IAAL,IAAI;kDAAc;AAWb;IAAL,IAAI;0DAAsB;AAkD7B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,OAAO,CAAC;IAC/D,QAAQ,EAAE,aAAa;IACvB,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC"}