@lion/ui 0.0.10 → 0.0.12

package/custom-elements.json

@@ -1523,6 +1523,14 @@
             "module": "../components/overlays/src/configurations/withDropdownConfig.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "withTooltipConfig",
+          "declaration": {
+            "name": "withTooltipConfig",
+            "module": "../components/overlays/src/configurations/withTooltipConfig.js"
+          }
+        },
         {
           "kind": "js",
           "name": "containFocus",
@@ -3328,6 +3336,14 @@
             "module": "\"../components/overlays/src/configurations/withDropdownConfig.js\""
           }
         },
+        {
+          "kind": "js",
+          "name": "withTooltipConfig",
+          "declaration": {
+            "name": "withTooltipConfig",
+            "module": "\"../components/overlays/src/configurations/withTooltipConfig.js\""
+          }
+        },
         {
           "kind": "js",
           "name": "deepContains",
@@ -8221,21 +8237,6 @@
               "kind": "method",
               "name": "_defineOverlayConfig",
               "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_setupOpenCloseListeners",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_teardownOpenCloseListeners",
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "__toggle",
-              "privacy": "private"
             }
           ],
           "mixins": [
@@ -28365,6 +28366,10 @@
                 "text": "ViewportConfig"
               }
             },
+            {
+              "kind": "field",
+              "name": "visibilityTriggerFunction"
+            },
             {
               "kind": "field",
               "name": "_referenceNode",
@@ -28419,6 +28424,10 @@
               "name": "_init",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "__initOverlayStyles"
+            },
             {
               "kind": "method",
               "name": "__initContentDomStructure",
@@ -28615,6 +28624,21 @@
               "description": "All features are handled here.",
               "privacy": "protected"
             },
+            {
+              "kind": "method",
+              "name": "_handleVisibilityTriggers",
+              "parameters": [
+                {
+                  "name": "{ phase }"
+                },
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "{ phase: OverlayPhase }"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_handlePreventsScroll",
@@ -28790,6 +28814,10 @@
               "name": "__createPopperInstance",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_hasDisabledInvoker"
+            },
             {
               "kind": "field",
               "name": "manager",
@@ -28816,7 +28844,7 @@
                 "text": "OverlayConfig"
               },
               "privacy": "protected",
-              "default": "{\n      placementMode: undefined,\n      contentNode: config.contentNode,\n      contentWrapperNode: config.contentWrapperNode,\n      invokerNode: config.invokerNode,\n      backdropNode: config.backdropNode,\n      referenceNode: undefined,\n      elementToFocusAfterHide: config.invokerNode,\n      inheritsReferenceWidth: 'none',\n      hasBackdrop: false,\n      isBlocking: false,\n      preventsScroll: false,\n      trapsKeyboardFocus: false,\n      hidesOnEsc: false,\n      hidesOnOutsideEsc: false,\n      hidesOnOutsideClick: false,\n      isTooltip: false,\n      invokerRelation: 'description',\n      // handlesUserInteraction: false,\n      handlesAccessibility: false,\n      popperConfig: {\n        placement: 'top',\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'preventOverflow',\n            enabled: true,\n            options: {\n              boundariesElement: 'viewport',\n              padding: 8, // viewport-margin for shifting/sliding\n            },\n          },\n          {\n            name: 'flip',\n            options: {\n              boundariesElement: 'viewport',\n              padding: 16, // viewport-margin for flipping\n            },\n          },\n          {\n            name: 'offset',\n            enabled: true,\n            options: {\n              offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement)\n            },\n          },\n          {\n            name: 'arrow',\n            enabled: false,\n          },\n        ],\n      },\n      viewportConfig: {\n        placement: 'center',\n      },\n      zIndex: 9999,\n    }"
+              "default": "{\n      placementMode: undefined,\n      contentNode: config.contentNode,\n      contentWrapperNode: config.contentWrapperNode,\n      invokerNode: config.invokerNode,\n      backdropNode: config.backdropNode,\n      referenceNode: undefined,\n      elementToFocusAfterHide: config.invokerNode,\n      inheritsReferenceWidth: 'none',\n      hasBackdrop: false,\n      isBlocking: false,\n      preventsScroll: false,\n      trapsKeyboardFocus: false,\n      hidesOnEsc: false,\n      hidesOnOutsideEsc: false,\n      hidesOnOutsideClick: false,\n      isTooltip: false,\n      invokerRelation: 'description',\n      visibilityTriggerFunction: undefined,\n      handlesAccessibility: false,\n      popperConfig: {\n        placement: 'top',\n        strategy: 'fixed',\n        modifiers: [\n          {\n            name: 'preventOverflow',\n            enabled: true,\n            options: {\n              boundariesElement: 'viewport',\n              padding: 8, // viewport-margin for shifting/sliding\n            },\n          },\n          {\n            name: 'flip',\n            options: {\n              boundariesElement: 'viewport',\n              padding: 16, // viewport-margin for flipping\n            },\n          },\n          {\n            name: 'offset',\n            enabled: true,\n            options: {\n              offset: [0, 8], // horizontal and vertical margin (distance between popper and referenceElement)\n            },\n          },\n          {\n            name: 'arrow',\n            enabled: false,\n          },\n        ],\n      },\n      viewportConfig: {\n        placement: 'center',\n      },\n      zIndex: 9999,\n    }"
             },
             {
               "kind": "field",
@@ -28847,39 +28875,6 @@
               },
               "privacy": "private",
               "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "addEventListener",
-              "type": {
-                "text": "(type: string, listener: EventListener, opts?: Object | undefined) => void"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeEventListener",
-              "type": {
-                "text": "(type: string, listener: EventListener, opts?: Object | undefined) => void"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dispatchEvent",
-              "type": {
-                "text": "(event: Event | CustomEvent) => boolean"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
-              }
             }
           ],
           "events": [
@@ -28897,8 +28892,8 @@
             }
           ],
           "superclass": {
-            "name": "EventTargetShim",
-            "package": "@lion/ui/core.js"
+            "name": "EventTarget",
+            "module": "components/overlays/src/OverlayController.js"
           }
         }
       ],
@@ -32812,46 +32807,6 @@
               "name": "_defineOverlayConfig",
               "privacy": "protected"
             },
-            {
-              "kind": "method",
-              "name": "_hasDisabledInvoker",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_setupOpenCloseListeners",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_teardownOpenCloseListeners",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "__resetActive",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_showMouse",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_hideMouse",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_showKey",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_hideKey",
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "hasArrow",
@@ -32871,24 +32826,6 @@
               "default": "'description'",
               "privacy": "public",
               "attribute": "invoker-relation"
-            },
-            {
-              "kind": "field",
-              "name": "_mouseActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "_keyActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false"
             }
           ],
           "attributes": [
@@ -46693,6 +46630,38 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/overlays/src/configurations/withTooltipConfig.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withTooltipConfig",
+          "parameters": [
+            {
+              "name": "{\n  invokerRelation = 'description',\n  delayIn = 300,\n  delayOut = 300,\n}",
+              "default": "{}"
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "{invokerRelation?: 'description'| 'label', delayIn?: number, delayOut?: number  }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withTooltipConfig",
+          "declaration": {
+            "name": "withTooltipConfig",
+            "module": "components/overlays/src/configurations/withTooltipConfig.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/overlays/src/utils/contain-focus.js",
@@ -50710,13 +50679,7 @@
           "kind": "class",
           "description": "",
           "name": "LionDialog",
-          "members": [
-            {
-              "kind": "field",
-              "name": "__toggle",
-              "privacy": "private"
-            }
-          ],
+          "members": [],
           "superclass": {
             "name": "LionDialog_base",
             "module": "dist-types/components/dialog/src/LionDialog.d.ts"
@@ -62677,6 +62640,13 @@
               },
               "description": "Viewport configuration. Will be used when placementMode is 'global'"
             },
+            {
+              "kind": "field",
+              "name": "visibilityTriggerFunction",
+              "type": {
+                "text": "Function"
+              }
+            },
             {
               "kind": "field",
               "name": "_referenceNode",
@@ -62761,6 +62731,15 @@
                 "text": "boolean | undefined"
               }
             },
+            {
+              "kind": "method",
+              "name": "__initOverlayStyles",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "__initContentDomStructure",
@@ -63116,6 +63095,36 @@
               ],
               "description": "All features are handled here."
             },
+            {
+              "kind": "method",
+              "name": "_handleVisibilityTriggers",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "{ phase }",
+                  "type": {
+                    "text": "{\n        phase: OverlayPhase;\n    }"
+                  }
+                },
+                {
+                  "name": "config",
+                  "type": {
+                    "text": "{ phase: OverlayPhase }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "__visibilityTriggerHandler",
+              "type": {
+                "text": "any"
+              }
+            },
             {
               "kind": "method",
               "name": "_handlePreventsScroll",
@@ -63424,42 +63433,18 @@
               }
             },
             {
-              "kind": "field",
-              "name": "addEventListener",
-              "type": {
-                "text": "(type: string, listener: EventListener, opts?: Object | undefined) => void"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeEventListener",
-              "type": {
-                "text": "(type: string, listener: EventListener, opts?: Object | undefined) => void"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "dispatchEvent",
-              "type": {
-                "text": "(event: Event | CustomEvent) => boolean"
-              },
-              "inheritedFrom": {
-                "name": "EventTargetShim",
-                "module": "dist-types/components/core/src/EventTargetShim.d.ts"
+              "kind": "method",
+              "name": "_hasDisabledInvoker",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               }
             }
           ],
           "superclass": {
-            "name": "EventTargetShim",
-            "module": "/dist-types/exports/core.js"
+            "name": "EventTarget",
+            "module": "dist-types/components/overlays/src/OverlayController.d.ts"
           }
         }
       ],
@@ -66386,6 +66371,16 @@
               "name": "__teardownInvokerNode",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_defineOverlayConfig",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "{\n        visibilityTriggerFunction: undefined;\n        placementMode?: \"global\" | \"local\" | undefined;\n        popperConfig?: Partial<import(\"@popperjs/core/index.js\").Options> | undefined;\n        viewportConfig?: import(\"../../overlays/types/OverlayConfig.js\").ViewportConfig | undefined;\n        isBlocking?: boolean | undefined;\n        inheritsReferenceWidth?: \"none\" | \"max\" | \"full\" | \"min\" | undefined;\n        zIndex?: number | undefined;\n        invokerNode?: HTMLElement | undefined;\n        referenceNode?: HTMLElement | undefined;\n        contentNode?: HTMLElement | undefined;\n        contentWrapperNode?: HTMLElement | undefined;\n        backdropNode?: HTMLElement | undefined;\n        elementToFocusAfterHide?: HTMLElement | undefined;\n        hasBackdrop?: boolean | undefined;\n        preventsScroll?: boolean | undefined; /**\n         * @configure ListboxMixin\n         * @protected\n         */\n        trapsKeyboardFocus?: boolean | undefined;\n        hidesOnEsc?: boolean | undefined;\n        hidesOnOutsideClick?: boolean | undefined;\n        hidesOnOutsideEsc?: boolean | undefined;\n        handlesAccessibility?: boolean | undefined;\n        isTooltip?: boolean | undefined;\n        invokerRelation?: \"label\" | \"description\" | undefined; /** @private */\n        _noDialogEl?: Boolean | undefined;\n    }"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_noDefaultSelectedInheritsWidth",
@@ -67421,84 +67416,13 @@
               },
               "description": "Decides whether the tooltip invoker text should be considered a description\n(sets aria-describedby) or a label (sets aria-labelledby)."
             },
-            {
-              "kind": "field",
-              "name": "_mouseActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "_keyActive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "method",
               "name": "_defineOverlayConfig",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "import(\"../../overlays/types/OverlayConfig.js\").OverlayConfig"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasDisabledInvoker",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "__resetActive",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_showKey",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hideKey",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_showMouse",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hideMouse",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
+                  "text": "import(\"@lion/ui/types/overlays.js\").OverlayConfig"
                 }
               }
             }
@@ -77880,6 +77804,69 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withClickInteraction",
+          "description": "Use for popovers/dropdowns, (modal) dialogs etc...",
+          "return": {
+            "type": {
+              "text": "Partial<OverlayConfig>"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withClickInteraction",
+          "declaration": {
+            "name": "withClickInteraction",
+            "module": "components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withHoverInteraction",
+          "parameters": [
+            {
+              "name": "{ delayIn = 0, delayOut = 300 }"
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "{ delayIn?: number, delayOut?: number  }"
+              }
+            }
+          ],
+          "description": "Use for tooltips and [flyout menus](https://www.w3.org/WAI/tutorials/menus/flyout/).\nNote that it handles both mouse hover and focus interaction.\nProvide delayIn and delayOut when the content needs a small delay before being showed",
+          "return": {
+            "type": {
+              "text": "Partial<OverlayConfig>"
+            }
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withHoverInteraction",
+          "declaration": {
+            "name": "withHoverInteraction",
+            "module": "components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/calendar/src/utils/createDay.d.ts",
@@ -82653,6 +82640,40 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/overlays/src/configurations/withTooltipConfig.d.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withTooltipConfig",
+          "return": {
+            "type": {
+              "text": "import(\"@lion/ui/types/overlays.js\").OverlayConfig"
+            }
+          },
+          "parameters": [
+            {
+              "name": "{ invokerRelation, delayIn, delayOut, }",
+              "optional": true,
+              "type": {
+                "text": "{\n    invokerRelation?: 'description' | 'label';\n    delayIn?: number;\n    delayOut?: number;\n}"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withTooltipConfig",
+          "declaration": {
+            "name": "withTooltipConfig",
+            "module": "dist-types/components/overlays/src/configurations/withTooltipConfig.d.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/overlays/src/utils/contain-focus.d.ts",
@@ -88200,6 +88221,72 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.d.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withClickInteraction",
+          "return": {
+            "type": {
+              "text": "Partial<OverlayConfig>"
+            }
+          },
+          "description": "Use for popovers/dropdowns, (modal) dialogs etc..."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withClickInteraction",
+          "declaration": {
+            "name": "withClickInteraction",
+            "module": "dist-types/components/overlays/src/configurations/visibility-trigger-partials/withClickInteraction.d.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "dist-types/components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.d.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "withHoverInteraction",
+          "return": {
+            "type": {
+              "text": "Partial<OverlayConfig>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "{ delayIn, delayOut }",
+              "type": {
+                "text": "{\n    delayIn?: number;\n    delayOut?: number;\n}"
+              }
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "{ delayIn?: number, delayOut?: number  }"
+              }
+            }
+          ],
+          "description": "Use for tooltips and [flyout menus](https://www.w3.org/WAI/tutorials/menus/flyout/).\nNote that it handles both mouse hover and focus interaction.\nProvide delayIn and delayOut when the content needs a small delay before being showed"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "withHoverInteraction",
+          "declaration": {
+            "name": "withHoverInteraction",
+            "module": "dist-types/components/overlays/src/configurations/visibility-trigger-partials/withHoverInteraction.d.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist-types/components/localize/src/number/utils/normalize-format-number-to-parts/forceAddGroupSeparators.d.ts",