@fabric-msft/fabric-web 0.1.0-beta

package/dts/components/multi-view-group/multi-view-group.d.ts

@@ -0,0 +1,270 @@
+import { FASTElement } from "@microsoft/fast-element";
+import { MultiView } from "../multi-view";
+/**
+ * A MultiViewGroup Custom HTML Element.
+ * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#tablist | ARIA tablist }.
+ *
+ * @slot start - Content which can be provided before the multi-view-controllers element
+ * @slot end - Content which can be provided after the multi-view-controllers element
+ * @slot controllers - The slot for controllers
+ * @slot multiViews - The slot for multiViews
+ * @fires change - Fires a custom 'change' event when a multiView controller is clicked or during keyboard navigation
+ * @extends FASTElement
+ *
+ * @public
+ */
+export declare class MultiViewGroup extends FASTElement {
+    /**
+     * Method to be called when the component is inserted into the document.
+     */
+    connectedCallback(): void;
+    /**
+     * Method to be called when the component is removed from the document.
+     */
+    disconnectedCallback(): void;
+    initialize(): void;
+    /**
+     * An observable array of HTML elements that represent multiViews.
+     */
+    multiViews: HTMLElement[];
+    /**
+     * An observable array of HTML elements that represent controllers.
+     */
+    controllers: HTMLElement[];
+    /**
+     * A reference to the controllers container
+     */
+    controllersContainer: HTMLElement;
+    /**
+     * An observable array of HTML elements that represent opened multiViews.
+     */
+    openedMultiViews: HTMLElement[];
+    /**
+     * The previously opened MultiView
+     */
+    previouslyOpenedMultiView: MultiView | null;
+    /**
+     * A string representing the active ID.
+     */
+    private activeid;
+    /**
+     * A HTML element representing the active controller.
+     */
+    private activeController?;
+    /**
+     * A number representing the index of the previously active controller.
+     */
+    private prevActiveControllerIndex;
+    /**
+     * A number representing the index of the active controller.
+     */
+    private activeControllerIndex;
+    /**
+     * An array of strings that represent the IDs of the controllers.
+     */
+    private controllerIds;
+    /**
+     * An array of strings that represent the IDs of the multiViews.
+     */
+    private multiViewsIds;
+    /**
+     * Method to open a multiView.
+     * @param {MultiView} multiView - The multiView to open.
+     */
+    openMultiView: (multiView: MultiView) => void;
+    /**
+     * Manages opened MultiViews by limiting the number of opened views
+     * and setting focus on the newly opened MultiView.
+     *
+     * @param {MultiView} multiView - The MultiView to manage.
+     * @param {CustomEvent} [event] - The event that triggered the managing of the MultiView.
+     * @public
+     */
+    manageOpenedMultiViews: (multiView: MultiView, event?: CustomEvent) => void;
+    /**
+     * Limits the number of opened MultiViews. If there are more than one MultiViews opened,
+     * it will remove the attribute "data-flexposition" from the first opened MultiView and hide it.
+     * @public
+     */
+    limitNumberOfOpenMultiViews(): void;
+    /**
+     * Manages the opening of a second MultiView. It will set the "data-flexposition" attribute of the second MultiView,
+     * limit the number of opened MultiViews if necessary, and add the second MultiView to the list of opened MultiViews.
+     *
+     * @param {MultiView} multiView - The MultiView to open.
+     * @public
+     */
+    manageOpeningSecondMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to open the second multiView.
+     */
+    openSecondMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to close a multiView.
+     * @param {MultiView} multiView - The multiView to close.
+     */
+    closeMultiView: (multiView: MultiView) => void;
+    manageClosedMultiViews: (multiView: MultiView) => void;
+    /**
+     * Method to close all opened multiViews.
+     */
+    closeAllMultiViews: () => void;
+    /**
+     * Method to toggle a multiView.
+     * @param {MultiView} multiView - The multiView to toggle.
+     */
+    toggleMultiView: (multiView: MultiView) => void;
+    /**
+     * Method to be called when the active ID changes.
+     * @param {string} oldValue - The previous value of the active ID.
+     * @param {string} newValue - The new value of the active ID.
+     */
+    activeidChanged(oldValue: string, newValue: string): void;
+    /**
+     * Method to be called when controllers changes.
+     */
+    controllersChanged(): void;
+    /**
+     * Method to be called when multiViews changes.
+     */
+    multiViewsChanged(): void;
+    /**
+     * Method to be called when opendedMultiViews changes.
+     */
+    openedMultiViewsChanged(): void;
+    /**
+     * Removes a given multiView from the collection of opened multiViews.
+     * @private
+     * @param {MultiView} multiViewToRemove - The multiView to remove.
+     */
+    private removeMultiViewFromOpenedMultiViews;
+    /**
+     * Adds a given multiView to the collection of opened multiViews, unless it's already present.
+     * @private
+     * @param {MultiView} multiViewToAdd - The multiView to add.
+     */
+    private addMultiViewToOpenedMultiViews;
+    /**
+     * Triggers a change event with the currently opened multiViews.
+     * @private
+     */
+    private change;
+    private isDisabledElement;
+    private isHiddenElement;
+    private isFocusableElement;
+    private isValidMultiViewState;
+    /**
+     * Returns the active index based on the activeid property, falls back to 0 if all elements are hidden.
+     * @private
+     * @returns {number} - The active index.
+     */
+    private getActiveIndex;
+    /**
+     * Sets attributes for controllers and determines the active controller.
+     * @private
+     */
+    private setControllers;
+    /**
+     * Sets attributes for multiViews and determines which multiViews are hidden.
+     * @private
+     */
+    private setMultiViews;
+    /**
+     * Unsets active controller for focus handling
+     * @private
+     */
+    private unsetActiveToggleButton;
+    /**
+     * Returns an array of IDs for the controllers.
+     * @private
+     * @returns {Array<string>} - The IDs of the controllers.
+     */
+    private getControllerIds;
+    /**
+     * Returns an array of IDs for the multiViews.
+     * @private
+     * @returns {Array<string>} - The IDs of the multiViews.
+     */
+    private getMultiViewIds;
+    /**
+     * Triggers a change if the active controller index has changed.
+     * @private
+     */
+    private setComponent;
+    /**
+     * Handles click events on the controllers.
+     * @private
+     * @param {MouseEvent} event - The click event.
+     */
+    private handleControllerClick;
+    /**
+     * Handles keydown events on the controller.
+     * @param {KeyboardEvent} event The event object.
+     * @private
+     */
+    private handleControllerKeyDown;
+    /**
+     * Handles keydown events on the controller.
+     * @param {KeyboardEvent} event The event object.
+     * @private
+     */
+    private handleMultiViewKeyDown;
+    /**
+     * Handles keydown events on the controller.
+     * @param {KeyboardEvent} event The event object.
+     * @private
+     */
+    handleToggleButtonContainerKeyDown: (event: KeyboardEvent) => void;
+    /**
+     * Handles blur events on the controller.
+     * @param {FocusEvent} event The event object.
+     * @public
+     */
+    handleControllerBlur(event: FocusEvent): void;
+    /**
+     * The adjust method for FASTTabs
+     * @public
+     * @remarks
+     * This method allows the active index to be adjusted by numerical increments
+     */
+    private adjust;
+    /**
+     * Adjusts the active controller forward.
+     * @param {KeyboardEvent} e The event object.
+     * @private
+     */
+    private adjustForward;
+    /**
+     * Adjusts the active controller backward.
+     * @param {KeyboardEvent} e The event object.
+     * @private
+     */
+    private adjustBackward;
+    /**
+     * Moves the focus to the controller at the specified index.
+     * @param {HTMLElement[]} group The array of controllers.
+     * @param {number} index The index of the controller to focus.
+     * @private
+     */
+    private moveToToggleButtonByIndex;
+    /**
+     * Sets the specified attributes on the given HTML element.
+     * @param {HTMLElement} element The HTML element on which to set attributes.
+     * @param {{[key: string]: string}} attributes An object mapping attribute names to values.
+     * @private
+     */
+    private setAttributes;
+    /**
+     * Adds event listeners to the controllers and multiViews.
+     *
+     * @returns {void}
+     */
+    private addEventListeners;
+    /**
+     * Removes event listeners from the controllers.
+     *
+     * @returns {void}
+     */
+    private removeEventListeners;
+}
+//# sourceMappingURL=multi-view-group.d.ts.map

package/dts/components/multi-view-group/multi-view-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-group.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.ts"],"names":[],"mappings":"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"}

package/dts/components/multi-view-group/multi-view-group.definition.d.ts

@@ -0,0 +1,9 @@
+import { MultiViewGroup } from "./multi-view-group";
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <fluent-multi-view-group>
+ */
+export declare const definition: import("@microsoft/fast-element").FASTElementDefinition<typeof MultiViewGroup>;
+//# sourceMappingURL=multi-view-group.definition.d.ts.map

package/dts/components/multi-view-group/multi-view-group.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-group.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD;;;;;GAKG;AAEH,eAAO,MAAM,UAAU,gFAOrB,CAAC"}

package/dts/components/multi-view-group/multi-view-group.options.d.ts

@@ -0,0 +1,15 @@
+import { ValuesOf } from "@microsoft/fast-foundation";
+/**
+ * MultiViewGroupPosition constants
+ * @public
+ */
+export declare const MultiViewGroupPosition: {
+    readonly right: "right";
+    readonly left: "left";
+};
+/**
+ * A multiViewGroup can appear on the left or right side of the viewport
+ * @public
+ */
+export declare type MultiViewGroupPosition = ValuesOf<typeof MultiViewGroupPosition>;
+//# sourceMappingURL=multi-view-group.options.d.ts.map

package/dts/components/multi-view-group/multi-view-group.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-group.options.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX;;;GAGG;AACH,oBAAY,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dts/components/multi-view-group/multi-view-group.styles.d.ts

@@ -0,0 +1,5 @@
+/** PaneSwitcher styles
+ * @public
+ */
+export declare const styles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=multi-view-group.styles.d.ts.map

package/dts/components/multi-view-group/multi-view-group.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.styles.ts"],"names":[],"mappings":"AASA;;GAEG;AACH,eAAO,MAAM,MAAM,iDAiClB,CAAC"}

package/dts/components/multi-view-group/multi-view-group.template.d.ts

@@ -0,0 +1,9 @@
+import { ElementViewTemplate } from "@microsoft/fast-element";
+import type { MultiViewGroup } from "./multi-view-group";
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(MultiViewGroup:class)} component.
+ * @public
+ */
+export declare function multiViewGroupTemplate<T extends MultiViewGroup>(): ElementViewTemplate<T>;
+export declare const template: ElementViewTemplate<MultiViewGroup>;
+//# sourceMappingURL=multi-view-group.template.d.ts.map

package/dts/components/multi-view-group/multi-view-group.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-view-group.template.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAIpB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,CAAC,SAAS,cAAc,KACrB,mBAAmB,CAAC,CAAC,CAAC,CAsB1B;AAED,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,cAAc,CAC/B,CAAC"}

package/dts/components/popover/define.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=define.d.ts.map

package/dts/components/popover/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/define.ts"],"names":[],"mappings":""}

package/dts/components/popover/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./popover.js";
+export * from "./popover.options.js";
+export { PopoverDefinition } from "./popover.definition.js";
+export { popoverStyles as PopoverStyles } from "./popover.styles.js";
+export { template as PopoverTemplate } from "./popover.template.js";
+//# sourceMappingURL=index.d.ts.map

package/dts/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC"}

package/dts/components/popover/popover.d.ts

@@ -0,0 +1,241 @@
+import { FASTElement } from "@microsoft/fast-element";
+import { HTMLPopoverElement, PopoverMode, PopoverRepositionMode, PopoverSize, PositioningShorthandValues } from "./popover.options.js";
+export declare class Popover extends FASTElement {
+    private positioning;
+    /** #@ ariaLabel */
+    ariaLabel: string | null;
+    /**
+     * beak
+     *
+     * renders the beak of the popover
+     */
+    beak: boolean;
+    /**
+     * clickable
+     *
+     * Defaults to True. Set to false if the popover anchor is not meant to be clickable
+     */
+    clickable: boolean;
+    /**
+     * size
+     */
+    size: PopoverSize;
+    /**
+     * mode
+     * Sets the popover mode. In auto mode the popover closes when the user clicks outside of the popover. In manual mode, the popover will not close when the user clicks outside of the popover.
+     */
+    mode: PopoverMode;
+    /**
+     * position
+     */
+    position: PositioningShorthandValues;
+    /**
+     * targetId
+     */
+    targetId: string | undefined;
+    /**
+     * anchorReferences
+     */
+    anchorReferences: HTMLElement[] | undefined;
+    /**
+     * anchorReferencesChanged
+     *
+     * Adds anchor attributes and event listeners when the anchor is added to the DOM.
+     */
+    anchorReferencesChanged(): void;
+    /**
+     * repositionMode
+     *
+     * Flip causes the popover to move to the opposite side. Auto causes the popover to move to the next available position.
+     */
+    repositionMode: PopoverRepositionMode;
+    /**
+     * repositionModeChanged
+     */
+    repositionModeChanged(): void;
+    /**
+     * ## openPositions
+     *
+     * An array of open positions based on the collisionEdge
+     */
+    openPositions: Array<PositioningShorthandValues>;
+    /**
+     * originalPopoverPosition
+     *
+     * Tracks the original position of the popover before it was repositioned so that it can be reset when the popover is no longer overflowing
+     */
+    private originalPopoverPosition;
+    /**
+     * open
+     */
+    open: boolean;
+    /**
+     * openChanged
+     *
+     * Opens and closes the popover. It's used to control the popover from the outside. However, it's not recommended to use this property to control the popover before load. To control the popover correctly, wait until the window has fully loaded before opening the popover.
+     *
+     * Adds and removes many of the event listeners.
+     */
+    openChanged(): void;
+    addActiveHandlers(): void;
+    /**
+     * popoverReference
+     */
+    popoverReference: HTMLPopoverElement | undefined;
+    /**
+     * initializeTargetId
+     *
+     * initializes the targetId with a random id if it's not set by the user
+     */
+    private initializeTargetId;
+    /**
+     * overflowBoundary
+     *
+     * The boundary container of the popover for use in repositioning the floating popover in the event that the popover needs to respond to a positiioning boundary other than the window or document body
+     */
+    overflowBoundaryRef: Element | null | undefined;
+    /**
+     * overflowBoundaryRefChanged
+     */
+    overflowBoundaryRefChanged(): void;
+    /**
+     * overflowBoundarySelector
+     *
+     * This selector is used to define the boundary container of the popover - for use in repositioning the floating popover
+     */
+    overflowBoundarySelector: string | undefined;
+    /**
+     * registerOverflowBoundary
+     *
+     * Saves a reference to the containing element of the popover if the overflowBoundarySelector is set
+     */
+    private registerOverflowBoundary;
+    /**
+     * hidePopover
+     */
+    hidePopover: () => void;
+    /**
+     * showPopover
+     */
+    showPopover: () => void;
+    /**
+     * togglePopover
+     */
+    togglePopover: () => void;
+    /**
+     * ## emitHideEvent
+     *
+     */
+    emitHideEvent: () => void;
+    /**
+     * ## emitOpenEvent
+     */
+    emitShowEvent: () => void;
+    /**
+     * ## emitToggleEvent
+     */
+    emitToggleEvent(): void;
+    /**
+     * emitMouseOverEvent
+     */
+    emitMouseEnterEvent: () => void;
+    /**
+     * emitMouseOutEvent
+     */
+    emitMouseLeaveEvent: () => void;
+    /**
+     * addMouseOverEventListeners
+     */
+    private addMouseOverEventListeners;
+    /**
+     * removeMouseOverEventListeners
+     */
+    private removeMouseOverEventListeners;
+    /**
+     * ## updatePopoverPosition
+     */
+    private updatePopoverPosition;
+    /**
+     * handleWindowChanges
+     */
+    private handleWindowChanges;
+    /**
+     * addAnchorEventListeners
+     */
+    private addAnchorEventListeners;
+    /**
+     * addOverflowBoundaryEventListeners
+     *
+     * adds event listeners to the overflowBoundary if it exists. This is used to reposition the popover when the overflowBoundary is scrolled, like in the case of an overflowed scrollable container that has a popover as a child.
+     */
+    private addOverflowBoundaryEventListeners;
+    /**
+     * addWindowEventListeners
+     */
+    private addWindowEventListeners;
+    /**
+     * removeWindowEventListeners
+     */
+    private removeWindowEventListeners;
+    private handleWindowClick;
+    /**
+     * addOverlayEventListeners
+     */
+    private addOverlayEventListeners;
+    /**
+     * removeOverlayEventListeners
+     */
+    private removeOverlayEventListeners;
+    /**
+     * intersectionObserver
+     *
+     * used for tracking the overflow / collision of the popover to adjacent edges on ui changes
+     */
+    private intersectionObserver;
+    /**
+     * createOverflowHandler
+     *
+     * handles the overflow of the popover based on the overflowBoundarySelector
+     */
+    private createOverflowHandler;
+    /**
+     * handleOverflow
+     *
+     * Repositions the popover when it collides with its container or user defined overflowed boundary.
+     *
+     * Called by the intersectionObserver in createOverflowHandler.
+     */
+    private handleOverflow;
+    /**
+     * ## addRepositioningHandlers
+     */
+    addRepositioningHandlers(): void;
+    /**
+     * ## addPositioningManager
+     */
+    createPositioningManager(): void;
+    /**
+     * ## removeEventListeners
+     */
+    removeEventListeners(): void;
+    /**
+     * ## releasePositions
+     *
+     * cleans the positions that are not allowed
+     */
+    private releasePositions;
+    /**
+     * repositionPopover
+     *
+     * Updates the position of the popover based on popover collisions
+     */
+    private repositionPopover;
+    /**
+     * observePopoverOverflow
+     *
+     * Disconnects and re-observes the popoverReference for overflow. This is used to reposition the popover in the event that it collides with its container or user defined overflowed boundary. Disconnecting is required to reset the baseline for the intersection observer. This method will be called repeatedly on ui changes like resizing the window or scrolling the overflowBoundary.
+     */
+    private observePopoverOverflow;
+    connectedCallback(): void;
+}
+//# sourceMappingURL=popover.d.ts.map

package/dts/components/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.ts"],"names":[],"mappings":"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"}

package/dts/components/popover/popover.definition.d.ts

@@ -0,0 +1,3 @@
+import { Popover } from "./popover.js";
+export declare const PopoverDefinition: import("@microsoft/fast-element").FASTElementDefinition<typeof Popover>;
+//# sourceMappingURL=popover.definition.d.ts.map

package/dts/components/popover/popover.definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.definition.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.definition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAIvC,eAAO,MAAM,iBAAiB,yEAO5B,CAAC"}

package/dts/components/popover/popover.options.d.ts

@@ -0,0 +1,50 @@
+export declare const CollisionEdge: {
+    readonly top: "top";
+    readonly right: "right";
+    readonly bottom: "bottom";
+    readonly left: "left";
+};
+export declare type CollisionEdge = "top" | "right" | "bottom" | "left";
+export declare const PositioningShorthand: {
+    readonly aboveEnd: "above-end";
+    readonly aboveCenter: "above-center";
+    readonly aboveStart: "above-start";
+    readonly endBottom: "end-bottom";
+    readonly endMiddle: "end-middle";
+    readonly endTop: "end-top";
+    readonly belowEnd: "below-end";
+    readonly belowCenter: "below-center";
+    readonly belowStart: "below-start";
+    readonly startBottom: "start-bottom";
+    readonly startTop: "start-top";
+    readonly startMiddle: "start-middle";
+};
+export declare const PopoverPositions: ("above-end" | "above-center" | "above-start" | "end-bottom" | "end-middle" | "end-top" | "below-end" | "below-center" | "below-start" | "start-bottom" | "start-top" | "start-middle")[];
+export declare type PopoverSize = "small" | "medium" | "large";
+export declare type PopoverMode = "manual" | "auto";
+export declare type PopoverRepositionMode = "auto" | "flip" | "none";
+export declare const PopoverRepositionModes: {
+    readonly auto: "auto";
+    readonly flip: "flip";
+    readonly none: "none";
+};
+export declare type PositioningShorthandKeys = keyof typeof PositioningShorthand;
+export declare type PositioningShorthandValues = typeof PositioningShorthand[keyof typeof PositioningShorthand];
+export interface HTMLPopoverElement extends HTMLElement {
+    showPopover: () => void;
+    hidePopover: () => void;
+    togglePopover: () => void;
+}
+export interface PopoverEventData {
+    open: boolean;
+    newState: "open" | "closed";
+    target: HTMLElement;
+}
+export declare const PopoverEventNames: {
+    readonly hide: "hidePopover";
+    readonly show: "showPopover";
+    readonly toggle: "togglePopover";
+    readonly mouseEnter: "mouseEnterPopover";
+    readonly mouseLeave: "mouseLeavePopover";
+};
+//# sourceMappingURL=popover.options.d.ts.map

package/dts/components/popover/popover.options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.options.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.options.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,oBAAY,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;CAavB,CAAC;AAEX,eAAO,MAAM,gBAAgB,2LAAsC,CAAC;AAEpE,oBAAY,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,oBAAY,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5C,oBAAY,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,oBAAY,wBAAwB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAEzE,oBAAY,0BAA0B,GACpC,OAAO,oBAAoB,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAEjE,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB;;;;;;CAMpB,CAAC"}

package/dts/components/popover/popover.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const popoverStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=popover.styles.d.ts.map

package/dts/components/popover/popover.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa,iDAmazB,CAAC"}