@lion/ui 0.0.9 → 0.0.11

package/dist-types/components/core/src/SlotMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBAMa,OAAO,4BAA4B,EAAE,SAAS;AA4O3D,mmBAA8D;uBA3OjD,OAAO,4BAA4B,EAAE,QAAQ;iCAC7C,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;yBACvD,OAAO,KAAK,EAAE,UAAU"}
+{"version":3,"file":"SlotMixin.d.ts","sourceRoot":"","sources":["../../../../components/core/src/SlotMixin.js"],"names":[],"mappings":"wBAMa,OAAO,4BAA4B,EAAE,SAAS;AA6O3D,mmBAA8D;uBA5OjD,OAAO,4BAA4B,EAAE,QAAQ;iCAC7C,OAAO,4BAA4B,EAAE,kBAAkB;iCACvD,OAAO,4BAA4B,EAAE,kBAAkB;yBACvD,OAAO,KAAK,EAAE,UAAU"}

package/dist-types/components/dialog/src/LionDialog.d.ts

@@ -1,7 +1,5 @@
 declare const LionDialog_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("../../overlays/types/OverlayMixinTypes.js").OverlayHost> & Pick<typeof import("../../overlays/types/OverlayMixinTypes.js").OverlayHost, "prototype"> & Pick<typeof LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions">;
 export class LionDialog extends LionDialog_base {
-    /** @private */
-    private __toggle;
     render(): import("lit-html").TemplateResult<1>;
 }
 import { LitElement } from "lit";

package/dist-types/components/dialog/src/LionDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionDialog.d.ts","sourceRoot":"","sources":["../../../../components/dialog/src/LionDialog.js"],"names":[],"mappings":";AAGA;IAGI,eAAe;IACf,iBAEC;IAiCH,+CAOC;CACF"}
+{"version":3,"file":"LionDialog.d.ts","sourceRoot":"","sources":["../../../../components/dialog/src/LionDialog.js"],"names":[],"mappings":";AAGA;IAWE,+CAOC;CACF"}

package/dist-types/components/form-integrations/test/helpers/umbrella-form.d.ts

@@ -5,6 +5,10 @@ export class UmbrellaForm extends LitElement {
      */
     set serializedValue(arg: string);
     __serializedValue: string | undefined;
+    /**
+     * Prevents errors outside test from being thrown
+     */
+    waitForAllChildrenUpdates(): Promise<any[]>;
     render(): import("lit-html").TemplateResult<1>;
 }
 import { LitElement } from "lit";

package/dist-types/components/form-integrations/test/helpers/umbrella-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"umbrella-form.d.ts","sourceRoot":"","sources":["../../../../../components/form-integrations/test/helpers/umbrella-form.js"],"names":[],"mappings":"AAwBA;IACE,sEAIC;IAED;;OAEG;IACH,iCAEC;IADC,sCAA0B;IAG5B,+CAkIC;CACF"}
+{"version":3,"file":"umbrella-form.d.ts","sourceRoot":"","sources":["../../../../../components/form-integrations/test/helpers/umbrella-form.js"],"names":[],"mappings":"AA2BA;IACE,sEAIC;IAED;;OAEG;IACH,iCAEC;IADC,sCAA0B;IAG5B;;OAEG;IACH,4CAEC;IAED,+CAkIC;CACF"}

package/dist-types/components/form-integrations/test/model-value-consistency.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model-value-consistency.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/model-value-consistency.test.js"],"names":[],"mappings":"yBAsCa,OAAO,KAAK,EAAE,UAAU;wBACxB,OAAO,kCAAkC,EAAE,SAAS;0BACpD,OAAO,gDAAgD,EAAE,eAAe,GAAG,UAAU,GAAG;IAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,EAAE,CAAC;IAAC,uBAAuB,WAAU;CAAE;wBAC7N,OAAO,8BAA8B,EAAE,SAAS;yBAChD,OAAO,gCAAgC,EAAE,UAAU;yBACnD,OAAO,iCAAiC,EAAE,UAAU"}
+{"version":3,"file":"model-value-consistency.test.d.ts","sourceRoot":"","sources":["../../../../components/form-integrations/test/model-value-consistency.test.js"],"names":[],"mappings":"yBAkCa,OAAO,KAAK,EAAE,UAAU;wBACxB,OAAO,kCAAkC,EAAE,SAAS;0BACpD,OAAO,gDAAgD,EAAE,eAAe,GAAG,UAAU,GAAG;IAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,cAAc,EAAE,MAAM,EAAE,CAAC;IAAC,uBAAuB,WAAU;CAAE;wBAC7N,OAAO,8BAA8B,EAAE,SAAS;yBAChD,OAAO,gCAAgC,EAAE,UAAU;yBACnD,OAAO,iCAAiC,EAAE,UAAU"}

package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts

@@ -1,4 +1,4 @@
-declare const LionInputDatepicker_base: typeof LionInputDate & import("@open-wc/dedupe-mixin").Constructor<import("../../overlays/types/OverlayMixinTypes.js").OverlayHost> & Pick<typeof import("../../overlays/types/OverlayMixinTypes.js").OverlayHost, "prototype"> & Pick<typeof import("lit").LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions"> & import("@open-wc/dedupe-mixin").Constructor<import("../../overlays/types/ArrowMixinTypes.js").ArrowHost> & Pick<typeof import("../../overlays/types/ArrowMixinTypes.js").ArrowHost, "prototype" | "properties" | "styles"> & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
+declare const LionInputDatepicker_base: typeof LionInputDate & import("@open-wc/dedupe-mixin").Constructor<import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost> & Pick<typeof import("../../localize/types/LocalizeMixinTypes.js").LocalizeMixinHost, "prototype" | "localizeNamespaces" | "waitForLocalizeNamespaces"> & Pick<typeof import("lit").LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "getPropertyOptions" | "shadowRootOptions"> & import("@open-wc/dedupe-mixin").Constructor<import("../../overlays/types/OverlayMixinTypes.js").OverlayHost> & Pick<typeof import("../../overlays/types/OverlayMixinTypes.js").OverlayHost, "prototype"> & import("@open-wc/dedupe-mixin").Constructor<import("../../overlays/types/ArrowMixinTypes.js").ArrowHost> & Pick<typeof import("../../overlays/types/ArrowMixinTypes.js").ArrowHost, "prototype" | "properties" | "styles"> & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
 /**
  * @typedef {import('../../form-core/src/validate/Validator.js').Validator} Validator
  * @typedef {import('lit').RenderOptions} RenderOptions
@@ -9,8 +9,8 @@ declare const LionInputDatepicker_base: typeof LionInputDate & import("@open-wc/
 export class LionInputDatepicker extends LionInputDatepicker_base {
     static get scopedElements(): {
         'lion-calendar': typeof LionCalendar;
-        'lion-calendar-overlay-frame': typeof LionCalendarOverlayFrame;
     };
+    static get styles(): (import("lit").CSSResultOrNative | import("lit").CSSResultArray)[];
     /** @type {any} */
     static get properties(): any;
     /**
@@ -62,6 +62,7 @@ export class LionInputDatepicker extends LionInputDatepicker_base {
      * @protected
      */
     protected _overlayTemplate(): import("lit-html").TemplateResult<1>;
+    _overlayFrameTemplate(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * Subclassers can replace this with their custom extension of
@@ -110,6 +111,5 @@ export type Validator = import('../../form-core/src/validate/Validator.js').Vali
 export type RenderOptions = import('lit').RenderOptions;
 import { LionInputDate } from "../../../exports/input-date.js";
 import { LionCalendar } from "../../../exports/calendar.js";
-import { LionCalendarOverlayFrame } from "./LionCalendarOverlayFrame.js";
 export {};
 //# sourceMappingURL=LionInputDatepicker.d.ts.map

package/dist-types/components/input-datepicker/src/LionInputDatepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LionInputDatepicker.d.ts","sourceRoot":"","sources":["../../../../components/input-datepicker/src/LionInputDatepicker.js"],"names":[],"mappings":";AAcA;;;GAGG;AAEH;;GAEG;AACH;IAGE;;;MAMC;IAED,kBAAkB;IAClB,6BA+BC;IA8UD;;;;;OAKG;IACH,gDAFa,IAAI,GAAC,SAAS,CAI1B;IAhPD;;OAEG;IACH,0CAEC;IAED;;;OAGG;IACH,4CAIC;IAIC,eAAe;IACf,oBAAiD;IACjD,iBAAiB;IACjB,uCAAoC;IAGpC,iBAAiB;IACjB,mDAA2C;IAC3C,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,gDAAyC;IA4J3C,uCAOC;IAYD;;OAEG;IACH,6DAFW;QAAE,MAAM,EAAE;YAAE,YAAY,EAAE,IAAI,CAAA;SAAE,CAAA;KAAC,QAc3C;IAtLD,eAAe;IACf,gCAEC;IAgBD,eAAe;IACf,gCAKC;IAgBG,qBAAyD;IAI7D;;;;;OAKG;IACH,mEAaC;IAED,+CAOC;IAED;;;OAGG;IAEH,0DAeC;IAED;;;OAGG;IAEH,yDAYC;IAKC,iDAEC;IAIH;;;;OAIG;IAEH,iCAHa,MAAM,CAkBlB;IAWD;;;OAGG;IACH,iCAIC;IAqCD;;;;OAIG;IACH,gCAFW,SAAS,EAAE,QAqBrB;IAVK,uBAAgC;IAEhC,uBAAgC;IAKhC,4BAAqC;IAK3C;;;;;;OAMG;IAEH,iCALW,KAAK,GAAC,WAAW,YACjB;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,QAUhC;IAgBC,mDAEC;CAGJ;wBAvcY,OAAO,2CAA2C,EAAE,SAAS;4BAC7D,OAAO,KAAK,EAAE,aAAa"}
+{"version":3,"file":"LionInputDatepicker.d.ts","sourceRoot":"","sources":["../../../../components/input-datepicker/src/LionInputDatepicker.js"],"names":[],"mappings":";AAeA;;;GAGG;AAEH;;GAEG;AACH;IAGE;;MAKC;IAED,wFAgCC;IAED,kBAAkB;IAClB,6BA+BC;IAwQD;;;;;OAKG;IACH,gDAFa,IAAI,GAAC,SAAS,CAI1B;IAnQD;;OAEG;IACH,0CAEC;IAED;;;OAGG;IACH,4CAIC;IAIC,eAAe;IACf,oBAAiD;IACjD,iBAAiB;IACjB,uCAAoC;IAGpC,iBAAiB;IACjB,mDAA2C;IAC3C,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,qCAA6B;IAC7B,iBAAiB;IACjB,gDAAyC;IA+K3C,uCAOC;IAYD;;OAEG;IACH,6DAFW;QAAE,MAAM,EAAE;YAAE,YAAY,EAAE,IAAI,CAAA;SAAE,CAAA;KAAC,QAc3C;IAzMD,eAAe;IACf,gCAEC;IAgBD,eAAe;IACf,gCAKC;IAgBG,qBAAyD;IAI7D;;;;;OAKG;IACH,mEASC;IAED,8DAoBC;IAED,+CAOC;IAED;;;OAGG;IAEH,0DAeC;IAED;;;OAGG;IAEH,yDAYC;IAKC,iDAEC;IAIH;;;;OAIG;IAEH,iCAHa,MAAM,CAmBlB;IAWD;;;OAGG;IACH,iCAIC;IAqCD;;;;OAIG;IACH,gCAFW,SAAS,EAAE,QAkBrB;IAVK,uBAAgC;IAEhC,uBAAgC;IAKhC,4BAAqC;IAK3C;;;;;;OAMG;IAEH,iCALW,KAAK,GAAC,WAAW,YACjB;QAAC,SAAS,EAAE,SAAS,CAAA;KAAC,QAUhC;IAgBC,mDAEC;CAIJ;wBAhaY,OAAO,2CAA2C,EAAE,SAAS;4BAC7D,OAAO,KAAK,EAAE,aAAa"}

package/dist-types/components/input-datepicker/src/localizeNamespaceLoader.d.ts

@@ -0,0 +1,4 @@
+export function localizeNamespaceLoader(locale: string): Promise<{
+    default: object;
+}>;
+//# sourceMappingURL=localizeNamespaceLoader.d.ts.map

package/dist-types/components/input-datepicker/src/localizeNamespaceLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localizeNamespaceLoader.d.ts","sourceRoot":"","sources":["../../../../components/input-datepicker/src/localizeNamespaceLoader.js"],"names":[],"mappings":"AAcO,gDAA4C,MAAM;aAb7B,MAAM;GA0LjC"}

package/dist-types/components/overlays/src/OverlayController.d.ts

@@ -1,60 +1,8 @@
 /**
- * @desc OverlayController is the fundament for every single type of overlay. With the right
+ * OverlayController is the fundament for every single type of overlay. With the right
  * configuration, it can be used to build (modal) dialogs, tooltips, dropdowns, popovers,
  * bottom/top/left/right sheets etc.
  *
- * ### About contentNode, contentWrapperNode and renderTarget.
- *
- * #### contentNode
- * Node containing actual overlay contents.
- * It will not be touched by the OverlayController, it will only set attributes needed
- * for accessibility.
- *
- * #### contentWrapperNode
- * The 'positioning' element.
- * For local overlays, this node will be provided to Popper and all
- * inline positioning styles will be added here. It will also act as the container of an arrow
- * element (the arrow needs to be a sibling of contentNode for Popper to work correctly).
- * When projecting a contentNode from a shadowRoot, it is essential to have the wrapper in
- * shadow dom, so that contentNode can be styled via `::slotted` from the shadow root.
- * The Popper arrow can then be styled from that same shadow root as well.
- * For global overlays, the contentWrapperNode will be appended to the globalRootNode structure.
- *
- * #### renderTarget
- * Usually the parent node of contentWrapperNode that either exists locally or globally.
- * When a responsive scenario is created (in which we switch from global to local or vice versa)
- * we need to know where we should reappend contentWrapperNode (or contentNode in case it's projected)
- *
- * So a regular flow can be summarized as follows:
- * 1. Application Developer spawns an OverlayController with a contentNode reference
- * 2. OverlayController will create a contentWrapperNode around contentNode (or consumes when provided)
- * 3. contentWrapperNode will be appended to the right renderTarget
- *
- * There are subtle differences depending on the following factors:
- * - whether in global/local placement mode
- * - whether contentNode projected
- * - whether an arrow is provided
- *
- * This leads to the following possible combinations:
- * - [l1]. local + no content projection + no arrow
- * - [l2]. local +    content projection + no arrow
- * - [l3]. local + no content projection +    arrow
- * - [l4]. local +    content projection +    arrow
- * - [g1]. global
- *
- * #### html structure for a content projected node
- * <div id="contentWrapperNode">
- *  <slot name="contentNode"></slot>
- *  <div x-arrow></div>
- * </div>
- *
- * Structure above depicts [l4]
- * So in case of [l1] and [l3], the <slot> element would be a regular element
- * In case of [l1] and [l2], there would be no arrow.
- * Note that a contentWrapperNode should be provided for [l2], [l3] and [l4]
- * In case of a global overlay ([g1]), it's enough to provide just the contentNode.
- * In case of a local overlay or a responsive overlay switching from placementMode, one should
- * always configure as if it were a local overlay.
  */
 export class OverlayController extends EventTargetShim {
     /**
@@ -62,10 +10,12 @@ export class OverlayController extends EventTargetShim {
      * @param {OverlayConfig} config initial config. Will be remembered as shared config
      * when `.updateConfig()` is called.
      */
-    constructor(config?: OverlayConfig, manager?: any);
-    manager: any;
+    constructor(config?: OverlayConfig, manager?: import("./OverlaysManager.js").OverlaysManager);
+    manager: import("./OverlaysManager.js").OverlaysManager;
     /** @private */
     private __sharedConfig;
+    /** @type {OverlayConfig} */
+    config: OverlayConfig;
     /**
      * @type {OverlayConfig}
      * @protected
@@ -75,16 +25,10 @@ export class OverlayController extends EventTargetShim {
     protected _contentId: string;
     /** @private */
     private __originalAttrs;
-    __isContentNodeProjected: boolean | undefined;
     /** @private */
     private __hasActiveTrapsKeyboardFocus;
     /** @private */
     private __hasActiveBackdrop;
-    /**
-     * @type {HTMLElement | undefined}
-     * @private
-     */
-    private __backdropNodeToBeTornDown;
     /** @private */
     private __escKeyHandler;
     /**
@@ -94,9 +38,9 @@ export class OverlayController extends EventTargetShim {
     get invoker(): HTMLElement | undefined;
     /**
      * The contentWrapperNode
-     * @type {HTMLElement}
+     * @type {HTMLDialogElement | HTMLDivElement}
      */
-    get content(): HTMLElement;
+    get content(): HTMLDialogElement | HTMLDivElement;
     /**
      * Determines the connection point in DOM (body vs next to invoker).
      * @type {'global' | 'local' | undefined}
@@ -210,21 +154,13 @@ export class OverlayController extends EventTargetShim {
      * Popper configuration. Will be used when placementMode is 'local'
      * @type {PopperOptions}
      */
-    get popperConfig(): import("@popperjs/core/lib/types.js").Options;
+    get popperConfig(): import("@popperjs/core").Options;
     /**
      * Viewport configuration. Will be used when placementMode is 'global'
      * @type {ViewportConfig}
      */
-    get viewportConfig(): import("../types/OverlayConfig.js").ViewportConfig;
-    /**
-     * Usually the parent node of contentWrapperNode that either exists locally or globally.
-     * When a responsive scenario is created (in which we switch from global to local or vice versa)
-     * we need to know where we should reappend contentWrapperNode (or contentNode in case it's
-     * projected).
-     * @type {HTMLElement}
-     * @protected
-     */
-    protected get _renderTarget(): HTMLElement;
+    get viewportConfig(): import("@lion/ui/types/overlays.js").ViewportConfig;
+    get visibilityTriggerFunction(): Function;
     /**
      * @desc The element our local overlay will be positioned relative to.
      * @type {HTMLElement | undefined}
@@ -252,8 +188,6 @@ export class OverlayController extends EventTargetShim {
      * @private
      */
     private __prevConfig;
-    /** @type {OverlayConfig} */
-    config: import("../types/OverlayConfig.js").OverlayConfig | undefined;
     /** @private */
     private __elementToFocusAfterHide;
     /**
@@ -262,25 +196,40 @@ export class OverlayController extends EventTargetShim {
      */
     private __validateConfiguration;
     /**
-     * @param {{ cfgToAdd: OverlayConfig }} options
      * @protected
      */
-    protected _init({ cfgToAdd }: {
-        cfgToAdd: OverlayConfig;
-    }): void;
-    /** @private */
-    private __initConnectionTarget;
-    /**
-     * Cleanup ._contentWrapperNode. We do this, because creating a fresh wrapper
-     * can lead to problems with event listeners...
-     * @param {{ cfgToAdd: OverlayConfig }} options
+    protected _init(): void;
+    __contentHasBeenInitialized: boolean | undefined;
+    __initOverlayStyles(): void;
+    /**
+     * Here we arrange our content node via:
+     * 1. HTMLDialogElement: the content will always be painted to the browser's top layer
+     *   - no matter what context the contentNode lives in, the overlay will be painted correctly via the <dialog> element,
+     *     even if 'overflow:hidden' or a css transform is applied in its parent hierarchy.
+     *   - the dialog element will be unstyled, but will span the whole screen
+     *   - a backdrop element will be a child of the dialog element, so it leverages the capabilities of the parent
+     *     (filling the whole screen if wanted an always painted to top layer)
+     * 2. ContentWrapper: the content receives the right positioning styles in a clean/non conflicting way:
+     *  - local positioning: receive inline (position) styling that can never conflict with the already existing computed styles
+     *  - global positioning: receive flex (child) classes that position the content correctly relative to the viewport
+     *
+     * The resulting structure that will be created looks like this:
+     *
+     * ...
+     * <dialog role="none">
+     *   <div id="optional-backdrop"></div>
+     *   <div id="content-wrapper-node">
+     *     <!-- this was the (slot for) original content node -->
+     *     <slot name="content"></slot>
+     *   </div>
+     * </dialog>
+     * ...
+     *
      * @private
      */
-    private __initContentWrapperNode;
-    /** config [l2],[l3],[l4] */
-    __contentWrapperNode: HTMLElement | HTMLDivElement | undefined;
-    /** config [l2], [l4] */
-    __originalContentParent: HTMLElement | undefined;
+    private __initContentDomStructure;
+    __wrappingDialogNode: HTMLDialogElement | HTMLDivElement | undefined;
+    __contentWrapperNode: HTMLDivElement | undefined;
     /**
      * Display local overlays on top of elements with no z-index that appear later in the DOM
      * @param {{ phase: OverlayPhase }} config
@@ -351,22 +300,21 @@ export class OverlayController extends EventTargetShim {
      * @param {{backdropNode:HTMLElement, contentNode:HTMLElement}} hideConfig
      * @protected
      */
-    protected _transitionHide(hideConfig: {
+    protected _transitionHide({ backdropNode, contentNode }: {
         backdropNode: HTMLElement;
         contentNode: HTMLElement;
     }): Promise<void>;
-    __backdropAnimation: Promise<any> | undefined;
     /**
      * To be overridden by subclassers
      *
-     * @param {{backdropNode:HTMLElement, contentNode:HTMLElement}} showConfig
+     * @param {{backdropNode:HTMLElement; contentNode:HTMLElement}} showConfig
      */
     transitionShow(showConfig: {
         backdropNode: HTMLElement;
         contentNode: HTMLElement;
     }): Promise<void>;
     /**
-     * @param {{backdropNode:HTMLElement, contentNode:HTMLElement}} showConfig
+     * @param {{backdropNode:HTMLElement; contentNode:HTMLElement}} showConfig
      */
     _transitionShow(showConfig: {
         backdropNode: HTMLElement;
@@ -383,6 +331,13 @@ export class OverlayController extends EventTargetShim {
     protected _handleFeatures({ phase }: {
         phase: OverlayPhase;
     }): void;
+    /**
+     * @param {{ phase: OverlayPhase }} config
+     */
+    _handleUserInteraction({ phase }: {
+        phase: OverlayPhase;
+    }): void;
+    __userInteractionHandler: any;
     /**
      * @param {{ phase: OverlayPhase }} config
      * @protected
@@ -410,6 +365,7 @@ export class OverlayController extends EventTargetShim {
         phase: OverlayPhase;
     }): void;
     __backdropNode: HTMLDivElement | undefined;
+    __backdropInitialized: boolean | undefined;
     get hasActiveTrapsKeyboardFocus(): boolean;
     /**
      * @param {{ phase: OverlayPhase }} config
@@ -461,20 +417,19 @@ export class OverlayController extends EventTargetShim {
         phase: OverlayPhase;
     }): void;
     teardown(): void;
-    /** @protected */
-    protected _teardownContentWrapperNode(): void;
     /** @private */
     private __createPopperInstance;
     _popper: any;
+    _hasDisabledInvoker(): boolean;
 }
 export namespace OverlayController {
     const popperModule: Promise<PopperModule> | undefined;
 }
-export type OverlayConfig = import('../types/OverlayConfig.js').OverlayConfig;
-export type ViewportConfig = import('../types/OverlayConfig.js').ViewportConfig;
+export type OverlayConfig = import('@lion/ui/types/overlays.js').OverlayConfig;
+export type ViewportConfig = import('@lion/ui/types/overlays.js').ViewportConfig;
 export type Popper = any;
-export type PopperOptions = import('@popperjs/core/lib/popper.js').Options;
-export type Placement = import('@popperjs/core/lib/enums.js').Placement;
+export type PopperOptions = import('@popperjs/core').Options;
+export type Placement = import('@popperjs/core').Placement;
 export type PopperModule = {
     createPopper: Popper;
 };

package/dist-types/components/overlays/src/OverlayController.d.ts.map

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

package/dist-types/components/overlays/src/OverlayMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH;;;GAGG;AACH,yCAHU,YAAY,CAyWlB;2BA7WS,OAAO,+BAA+B,EAAE,YAAY;AA8WjE,gGAAoE;4BAhXvD,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB"}
+{"version":3,"file":"OverlayMixin.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlayMixin.js"],"names":[],"mappings":"AAIA;;;;GAIG;AAEH;;;GAGG;AACH,yCAHU,YAAY,CAwWlB;2BA5WS,OAAO,+BAA+B,EAAE,YAAY;AA6WjE,gGAAoE;4BA/WvD,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB"}

package/dist-types/components/overlays/src/OverlaysManager.d.ts

@@ -6,13 +6,7 @@ export namespace _browserDetection {
  * `OverlaysManager` which manages overlays which are rendered into the body
  */
 export class OverlaysManager {
-    static __createGlobalRootNode(): HTMLDivElement;
     static __createGlobalStyleNode(): HTMLStyleElement;
-    /**
-     * no setter as .list is intended to be read-only
-     * You can use .add or .remove to modify it
-     */
-    get globalRootNode(): HTMLElement;
     /**
      * no setter as .list is intended to be read-only
      * You can use .add or .remove to modify it
@@ -87,7 +81,6 @@ export class OverlaysManager {
     retractRequestToShowOnly(blockingCtrl: OverlayController): void;
 }
 export namespace OverlaysManager {
-    const __globalRootNode: HTMLElement | undefined;
     const __globalStyleNode: HTMLStyleElement | undefined;
 }
 export type CSSResult = import('lit').CSSResult;

package/dist-types/components/overlays/src/OverlaysManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":";;;;AAqBA;;GAEG;AACH;IACE,gDAKC;IAED,mDAMC;IAED;;;OAGG;IAEH,kCAMC;IAED;;;OAGG;IACH,iEAEC;IAED;;;OAGG;IACH,sEAEC;IAGC;;;OAGG;IACH,eAAgB;IAChB;;;OAGG;IACH,oBAAqB;IACrB,eAAe;IACf,wBAA4B;IAC5B;;;OAGG;IACH,sBAAkC;IAGpC;;;;OAIG;IACH,eAHW,iBAAiB,GACf,iBAAiB,CAQ7B;IAED;;OAEG;IACH,qBAFW,iBAAiB,QAO3B;IAED;;OAEG;IACH,iBAFW,iBAAiB,QAe3B;IAED;;OAEG;IACH,iBAFW,GAAG,QAOb;IAED,iBAqBC;IAED,yDAAyD;IAEzD,6BAEC;IAED,wCAMC;IAED;;OAEG;IACH,kDAFW,OAAO,GAAG,QAAQ,GAAG,SAAS,QASxC;IAED;;OAEG;IACH;;;aAcC;IAED,qBAAqB;IAGrB,+BAYC;IAED,8BAWC;IAED;;;OAGG;IACH,gCAFW,iBAAiB,QAO3B;IAED;;OAEG;IACH,uCAFW,iBAAiB,QAS3B;CACF;;4BACU,WAAW,GAAG,SAAS;6BAEvB,gBAAgB,GAAG,SAAS;;wBAtQ1B,OAAO,KAAK,EAAE,SAAS;gCACvB,OAAO,wBAAwB,EAAE,iBAAiB"}
+{"version":3,"file":"OverlaysManager.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/OverlaysManager.js"],"names":[],"mappings":";;;;AAoBA;;GAEG;AACH;IACE,mDAMC;IAED;;;OAGG;IACH,iEAEC;IAED;;;OAGG;IACH,sEAEC;IAGC;;;OAGG;IACH,eAAgB;IAChB;;;OAGG;IACH,oBAAqB;IACrB,eAAe;IACf,wBAA4B;IAC5B;;;OAGG;IACH,sBAAkC;IAOpC;;;;OAIG;IACH,eAHW,iBAAiB,GACf,iBAAiB,CAQ7B;IAED;;OAEG;IACH,qBAFW,iBAAiB,QAQ3B;IAED;;OAEG;IACH,iBAFW,iBAAiB,QAe3B;IAED;;OAEG;IACH,iBAFW,GAAG,QAOb;IAED,iBAeC;IAED,yDAAyD;IAEzD,6BAEC;IAED,wCAMC;IAED;;OAEG;IACH,kDAFW,OAAO,GAAG,QAAQ,GAAG,SAAS,QAMxC;IAED;;OAEG;IACH;;;aAWC;IAED,qBAAqB;IAGrB,+BAYC;IAED,8BAgBC;IAED;;;OAGG;IACH,gCAFW,iBAAiB,QAM3B;IAED;;OAEG;IACH,uCAFW,iBAAiB,QAS3B;CACF;;6BAEU,gBAAgB,GAAG,SAAS;;wBA7O1B,OAAO,KAAK,EAAE,SAAS;gCACvB,OAAO,wBAAwB,EAAE,iBAAiB"}

package/dist-types/components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @typedef {import('@lion/ui/types/overlays.js').OverlayConfig} OverlayConfig
+ * @typedef {import('@lion/ui/overlays.js').OverlayController} OverlayController
+ */
+/**
+ * Use for popovers/dropdowns, (modal) dialogs etc...
+ * @returns {Partial<OverlayConfig>}
+ */
+export function withClickInteraction(): Partial<OverlayConfig>;
+export type OverlayConfig = import('@lion/ui/types/overlays.js').OverlayConfig;
+export type OverlayController = import('@lion/ui/overlays.js').OverlayController;
+//# sourceMappingURL=withClickInteraction.d.ts.map

package/dist-types/components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withClickInteraction.d.ts","sourceRoot":"","sources":["../../../../../../components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;GAGG;AACH,wCAFa,QAAQ,aAAa,CAAC,CAwBlC;4BA9BY,OAAO,4BAA4B,EAAE,aAAa;gCAClD,OAAO,sBAAsB,EAAE,iBAAiB"}

package/dist-types/components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @typedef {import('@lion/ui/types/overlays.js').OverlayConfig} OverlayConfig
+ * @typedef {import('@lion/ui/overlays.js').OverlayController} OverlayController
+ */
+/**
+ * Use for tooltips and [flyout menus](https://www.w3.org/WAI/tutorials/menus/flyout/).
+ * Note that it handles both mouse hover and focus interaction.
+ * Provide delayIn and delayOut when the content needs a small delay before being showed
+ * @param {{ delayIn?: number, delayOut?: number  }} options
+ * @returns {Partial<OverlayConfig>}
+ */
+export function withHoverInteraction({ delayIn, delayOut }: {
+    delayIn?: number;
+    delayOut?: number;
+}): Partial<OverlayConfig>;
+export type OverlayConfig = import('@lion/ui/types/overlays.js').OverlayConfig;
+export type OverlayController = import('@lion/ui/overlays.js').OverlayController;
+//# sourceMappingURL=withHoverInteraction.d.ts.map

package/dist-types/components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withHoverInteraction.d.ts","sourceRoot":"","sources":["../../../../../../components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.js"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;GAMG;AACH,4DAHW;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAG,GACtC,QAAQ,aAAa,CAAC,CA+DlC;4BA1EY,OAAO,4BAA4B,EAAE,aAAa;gCAClD,OAAO,sBAAsB,EAAE,iBAAiB"}

package/dist-types/components/overlays/src/configurations/withBottomSheetConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withBottomSheetConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withBottomSheetConfig.js"],"names":[],"mappings":"AAIO,8FAWH;4BAdS,OAAO,8BAA8B,EAAE,aAAa"}
+{"version":3,"file":"withBottomSheetConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withBottomSheetConfig.js"],"names":[],"mappings":"AAMO,8FAYH;4BAfS,OAAO,8BAA8B,EAAE,aAAa"}

package/dist-types/components/overlays/src/configurations/withDropdownConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withDropdownConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withDropdownConfig.js"],"names":[],"mappings":"AAIO,2FAiBH;4BApBS,OAAO,8BAA8B,EAAE,aAAa"}
+{"version":3,"file":"withDropdownConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withDropdownConfig.js"],"names":[],"mappings":"AAMO,2FAkBH;4BArBS,OAAO,8BAA8B,EAAE,aAAa"}

package/dist-types/components/overlays/src/configurations/withModalDialogConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withModalDialogConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withModalDialogConfig.js"],"names":[],"mappings":"AAIO,8FAWH;4BAdS,OAAO,8BAA8B,EAAE,aAAa"}
+{"version":3,"file":"withModalDialogConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withModalDialogConfig.js"],"names":[],"mappings":"AAMO,8FAYH;4BAfS,OAAO,8BAA8B,EAAE,aAAa"}

package/dist-types/components/overlays/src/configurations/withTooltipConfig.d.ts

@@ -0,0 +1,8 @@
+export function withTooltipConfig({ invokerRelation, delayIn, delayOut, }?: {
+    invokerRelation?: 'description' | 'label';
+    delayIn?: number;
+    delayOut?: number;
+}): import("@lion/ui/types/overlays.js").OverlayConfig;
+export type OverlayConfig = import('@lion/ui/types/overlays.js').OverlayConfig;
+export type OverlayController = import('@lion/ui/overlays.js').OverlayController;
+//# sourceMappingURL=withTooltipConfig.d.ts.map

package/dist-types/components/overlays/src/configurations/withTooltipConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTooltipConfig.d.ts","sourceRoot":"","sources":["../../../../../components/overlays/src/configurations/withTooltipConfig.js"],"names":[],"mappings":"AAWO,4EAFI;IAAC,eAAe,CAAC,EAAE,aAAa,GAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAG,sDAmBxF;4BAzBS,OAAO,4BAA4B,EAAE,aAAa;gCAClD,OAAO,sBAAsB,EAAE,iBAAiB"}

package/dist-types/components/overlays/src/overlayDocumentStyle.d.ts

@@ -0,0 +1,2 @@
+export const overlayDocumentStyle: import("lit").CSSResult;
+//# sourceMappingURL=overlayDocumentStyle.d.ts.map

package/dist-types/components/overlays/src/overlayDocumentStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayDocumentStyle.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/overlayDocumentStyle.js"],"names":[],"mappings":"AAEA,2DAqBE"}

package/dist-types/components/overlays/src/overlayShadowDomStyle.d.ts

@@ -0,0 +1,2 @@
+export const overlayShadowDomStyle: import("lit").CSSResult;
+//# sourceMappingURL=overlayShadowDomStyle.d.ts.map

package/dist-types/components/overlays/src/overlayShadowDomStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayShadowDomStyle.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/overlayShadowDomStyle.js"],"names":[],"mappings":"AAEA,4DAuIE"}

package/dist-types/components/overlays/src/singleton.d.ts

@@ -1,2 +1,3 @@
-export const overlays: any;
+export const overlays: OverlaysManager;
+import { OverlaysManager } from "./OverlaysManager.js";
 //# sourceMappingURL=singleton.d.ts.map

package/dist-types/components/overlays/src/singleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"singleton.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/singleton.js"],"names":[],"mappings":"AAGA,2BAAiG"}
+{"version":3,"file":"singleton.d.ts","sourceRoot":"","sources":["../../../../components/overlays/src/singleton.js"],"names":[],"mappings":"AAGA,uCAE6E"}

package/dist-types/components/overlays/test-suites/OverlayMixin.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test-suites/OverlayMixin.suite.js"],"names":[],"mappings":"AAuBA;;GAEG;AACH,iEAFW;IAAC,SAAS,EAAC,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAC,MAAM,CAAA;CAAC,QA+ZzD;4BA9aY,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB;0BAC3D,OAAO,+BAA+B,EAAE,WAAW;2BACnD,OAAO,+BAA+B,EAAE,YAAY;yBACpD,OAAO,KAAK,EAAE,UAAU;wBACxB,UAAU,GAAG,WAAW,GAAG;IAAC,YAAY,EAAC,iBAAiB,CAAA;CAAC"}
+{"version":3,"file":"OverlayMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/overlays/test-suites/OverlayMixin.suite.js"],"names":[],"mappings":"AAyBA;;GAEG;AACH,iEAFW;IAAC,SAAS,EAAC,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAC,MAAM,CAAA;CAAC,QAqZzD;4BAtaY,OAAO,2BAA2B,EAAE,aAAa;kCACjD,OAAO,+BAA+B,EAAE,mBAAmB;0BAC3D,OAAO,+BAA+B,EAAE,WAAW;2BACnD,OAAO,+BAA+B,EAAE,YAAY;yBACpD,OAAO,KAAK,EAAE,UAAU;wBACxB,UAAU,GAAG,WAAW,GAAG;IAAC,YAAY,EAAC,iBAAiB,CAAA;CAAC"}

package/dist-types/components/overlays/types/OverlayConfig.d.ts

@@ -1,7 +1,17 @@
 import { Options } from '@popperjs/core';
 export interface OverlayConfig {
-    /** Determines the connection point in DOM (body vs next to invoker). */
+    /** Determines the positioning anchore (viewport vs invokerNode/referenceNode). */
     placementMode?: 'global' | 'local' | undefined;
+    /** Popper configuration. Will be used when placementMode is 'local' */
+    popperConfig?: Partial<Options>;
+    /** Viewport positioning configuration. Will be used when placementMode is 'global' */
+    viewportConfig?: ViewportConfig;
+    /** Hides other overlays when multiple are opened (currently exclusive to globalOverlayController) */
+    isBlocking?: boolean;
+    /** Will align contentNode with referenceNode (invokerNode by default) for local overlays. Usually needed for dropdowns. 'max' will prevent contentNode from exceeding width of referenceNode, 'min' guarantees that contentNode will be at least as wide as referenceNode. 'full' will make sure that the invoker width always is the same. */
+    inheritsReferenceWidth?: 'max' | 'full' | 'min' | 'none';
+    /** Change the default of 9999 */
+    zIndex?: number;
     /** The interactive element (usually a button) invoking the dialog or tooltip */
     invokerNode?: HTMLElement;
     /** The element that is used to position the overlay content relative to. Usually, this is the same element as invokerNode. Should only be provided when invokerNode should not be positioned against */
@@ -16,8 +26,6 @@ export interface OverlayConfig {
     elementToFocusAfterHide?: HTMLElement;
     /** Whether it should have a backdrop (currently exclusive to globalOverlayController) */
     hasBackdrop?: boolean;
-    /** Hides other overlays when mutiple are opened (currently exclusive to globalOverlayController) */
-    isBlocking?: boolean;
     /** Prevents scrolling body content when overlay opened (currently exclusive to globalOverlayController) */
     preventsScroll?: boolean;
     /** Rotates tab, implicitly set when 'isModal' */
@@ -28,8 +36,6 @@ export interface OverlayConfig {
     hidesOnOutsideClick?: boolean;
     /** Hides the overlay when pressing esc, even when contentNode has no focus */
     hidesOnOutsideEsc?: boolean;
-    /** Will align contentNode with referenceNode (invokerNode by default) for local overlays. Usually needed for dropdowns. 'max' will prevent contentNode from exceeding width of referenceNode, 'min' guarantees that contentNode will be at least as wide as referenceNode. 'full' will make sure that the invoker width always is the same. */
-    inheritsReferenceWidth?: 'max' | 'full' | 'min' | 'none';
     /**
      *  For non `isTooltip`:
      *  - sets aria-expanded="true/false" and aria-haspopup="true" on invokerNode
@@ -45,12 +51,15 @@ export interface OverlayConfig {
     isTooltip?: boolean;
     /** By default, the tooltip content is a 'description' for the invoker (uses aria-describedby) Setting this property to 'label' makes the content function as a label (via aria-labelledby) */
     invokerRelation?: 'label' | 'description';
-    /** Popper configuration. Will be used when placementMode is 'local' */
-    popperConfig?: Partial<Options>;
-    /** Viewport configuration. Will be used when placementMode is 'global' */
-    viewportConfig?: ViewportConfig;
+    /** render a div instead of dialog */
+    _noDialogEl?: Boolean;
+    /**
+     * Determines the conditions hiding/showing should be based on. It gets the OverlayController as input and returns an object with
+     * functions with Overlay phases as keys
+     */
+    visibilityTriggerFunction?: Function;
 }
-export declare type ViewportPlacement = 'center' | 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left' | 'center';
+export declare type ViewportPlacement = 'center' | 'top-left' | 'top' | 'top-right' | 'right' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left';
 export interface ViewportConfig {
     placement: ViewportPlacement;
 }

package/dist-types/components/overlays/types/OverlayConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayConfig.d.ts","sourceRoot":"","sources":["../../../../components/overlays/types/OverlayConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,gFAAgF;IAChF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wMAAwM;IACxM,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oXAAoX;IACpX,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,kJAAkJ;IAClJ,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,WAAW,CAAC;IACtC,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+UAA+U;IAC/U,sBAAsB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uKAAuK;IACvK,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8LAA8L;IAC9L,eAAe,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAC1C,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,0EAA0E;IAC1E,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,oBAAY,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,KAAK,GACL,WAAW,GACX,OAAO,GACP,cAAc,GACd,QAAQ,GACR,aAAa,GACb,MAAM,GACN,QAAQ,CAAC;AAEb,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
+{"version":3,"file":"OverlayConfig.d.ts","sourceRoot":"","sources":["../../../../components/overlays/types/OverlayConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,aAAa;IAG5B,kFAAkF;IAClF,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,sFAAsF;IACtF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qGAAqG;IACrG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+UAA+U;IAC/U,sBAAsB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,gFAAgF;IAChF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,wMAAwM;IACxM,aAAa,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACxC,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oXAAoX;IACpX,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,kJAAkJ;IAClJ,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,0EAA0E;IAC1E,uBAAuB,CAAC,EAAE,WAAW,CAAC;IAItC,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAI5B;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAI/B,uKAAuK;IACvK,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8LAA8L;IAC9L,eAAe,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAE1C,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,QAAQ,CAAC;CACtC;AAED,oBAAY,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,KAAK,GACL,WAAW,GACX,OAAO,GACP,cAAc,GACd,QAAQ,GACR,aAAa,GACb,MAAM,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}

package/dist-types/components/overlays/types/OverlayMixinTypes.d.ts

@@ -16,8 +16,8 @@ export interface DefineOverlayConfig {
 }
 export declare class OverlayHost {
     opened: Boolean;
-    get config(): OverlayConfig;
-    set config(value: OverlayConfig);
+    get config(): Partial<OverlayConfig>;
+    set config(value: Partial<OverlayConfig>);
     open(): Promise<void>;
     close(): Promise<void>;
     toggle(): Promise<void>;