@kubex/zinc 1.1.109 → 1.1.110

package/dist/vscode.html-custom-data.json

@@ -13,6 +13,17 @@
         }
       ]
     },
+    {
+      "name": "zn-action-bar",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/action-bar"
+        }
+      ]
+    },
     {
       "name": "zn-alert",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -53,17 +64,6 @@
         }
       ]
     },
-    {
-      "name": "zn-action-bar",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
-        }
-      ]
-    },
     {
       "name": "zn-animated-button",
       "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -363,6 +363,25 @@
         }
       ]
     },
+    {
+      "name": "zn-button-menu",
+      "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+      "attributes": [
+        { "name": "max-width", "values": [] },
+        { "name": "containerWidth", "values": [] },
+        { "name": "limit", "values": [] },
+        { "name": "max-level", "values": [] },
+        { "name": "icon-size", "values": [] },
+        { "name": "no-gap", "values": [] },
+        { "name": "no-padding", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/button-menu"
+        }
+      ]
+    },
     {
       "name": "zn-channel-tile",
       "description": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.\n---\n\n\n### **Events:**\n - **zn-accept** - Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n- **zn-reject** - Emitted when the reject control is pressed.\n\n### **Slots:**\n - **title** - Replaces the primary line. Falls back to the `title` attribute (or \"Available\" when unset in the available state).\n- **subtitle** - Replaces the secondary line. Falls back to the `subtitle` attribute.\n- **leading** - Replaces the leading icon in the active state.\n- **action** - Action content for the available state (e.g. a form). Falls back to a default accept button.\n- **footer** - Trailing content (e.g. status badges) in the active state.\n\n### **CSS Properties:**\n - **--channel-tile-color** - Resolved accent color (set from the `color` property). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress** - The progress indicator (incoming countdown overlay or active progress bar).",
@@ -508,25 +527,6 @@
         }
       ]
     },
-    {
-      "name": "zn-button-menu",
-      "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-      "attributes": [
-        { "name": "max-width", "values": [] },
-        { "name": "containerWidth", "values": [] },
-        { "name": "limit", "values": [] },
-        { "name": "max-level", "values": [] },
-        { "name": "icon-size", "values": [] },
-        { "name": "no-gap", "values": [] },
-        { "name": "no-padding", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/button-menu"
-        }
-      ]
-    },
     {
       "name": "zn-chat-message",
       "description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **attachments** - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.\n- **attachments** - The attachments row beneath the message content.\n- **system-card** - The card rendered for system action types.",
@@ -933,28 +933,6 @@
         }
       ]
     },
-    {
-      "name": "zn-cols",
-      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        { "name": "layout", "values": [] },
-        {
-          "name": "stack-at",
-          "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-          "values": []
-        },
-        { "name": "mc", "values": [] },
-        { "name": "no-gap", "values": [] },
-        { "name": "border", "values": [] },
-        { "name": "pad", "values": [] },
-        { "name": "divide", "values": [] },
-        { "name": "pad-x", "values": [] },
-        { "name": "pad-y", "values": [] }
-      ],
-      "references": [
-        { "name": "Documentation", "url": "https://zinc.style/components/cols" }
-      ]
-    },
     {
       "name": "zn-confirm",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1026,6 +1004,28 @@
         }
       ]
     },
+    {
+      "name": "zn-cols",
+      "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        { "name": "layout", "values": [] },
+        {
+          "name": "stack-at",
+          "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+          "values": []
+        },
+        { "name": "mc", "values": [] },
+        { "name": "no-gap", "values": [] },
+        { "name": "border", "values": [] },
+        { "name": "pad", "values": [] },
+        { "name": "divide", "values": [] },
+        { "name": "pad-x", "values": [] },
+        { "name": "pad-y", "values": [] }
+      ],
+      "references": [
+        { "name": "Documentation", "url": "https://zinc.style/components/cols" }
+      ]
+    },
     {
       "name": "zn-content-block",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - **attachments** - Attachments displayed at the bottom of the content when the block is expanded. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n\n### **CSS Parts:**\n - **attachments** - The attachments row at the bottom of the content.\n- **header-attachments** - The attachment count indicator in the header.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.109",
+  "version": "1.1.110",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "name": "zn-action-bar",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-alert",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -83,28 +105,6 @@
             ]
           }
         },
-        {
-          "name": "zn-action-bar",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-animated-button",
           "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -716,6 +716,40 @@
             ]
           }
         },
+        {
+          "name": "zn-button-menu",
+          "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
+          "doc-url": "",
+          "attributes": [
+            { "name": "max-width", "value": { "type": "number" } },
+            { "name": "containerWidth", "value": { "type": "number" } },
+            { "name": "limit", "value": { "type": "number", "default": "-1" } },
+            {
+              "name": "max-level",
+              "value": { "type": "number", "default": "2" }
+            },
+            {
+              "name": "icon-size",
+              "value": { "type": "number", "default": "20" }
+            },
+            { "name": "no-gap", "value": { "type": "boolean" } },
+            { "name": "no-padding", "value": { "type": "boolean" } }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "maxWidth", "type": "number" },
+              { "name": "containerWidth", "type": "number" },
+              { "name": "limit", "type": "number" },
+              { "name": "maxLevel", "type": "number" },
+              { "name": "iconSize", "type": "number" },
+              { "name": "noGap", "type": "boolean" },
+              { "name": "noPadding", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "zn-channel-tile",
           "description": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.\n---\n\n\n### **Events:**\n - **zn-accept** - Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n- **zn-reject** - Emitted when the reject control is pressed.\n\n### **Slots:**\n - **title** - Replaces the primary line. Falls back to the `title` attribute (or \"Available\" when unset in the available state).\n- **subtitle** - Replaces the secondary line. Falls back to the `subtitle` attribute.\n- **leading** - Replaces the leading icon in the active state.\n- **action** - Action content for the available state (e.g. a form). Falls back to a default accept button.\n- **footer** - Trailing content (e.g. status badges) in the active state.\n\n### **CSS Properties:**\n - **--channel-tile-color** - Resolved accent color (set from the `color` property). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress** - The progress indicator (incoming countdown overlay or active progress bar).",
@@ -1072,40 +1106,6 @@
             "events": []
           }
         },
-        {
-          "name": "zn-button-menu",
-          "description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
-          "doc-url": "",
-          "attributes": [
-            { "name": "max-width", "value": { "type": "number" } },
-            { "name": "containerWidth", "value": { "type": "number" } },
-            { "name": "limit", "value": { "type": "number", "default": "-1" } },
-            {
-              "name": "max-level",
-              "value": { "type": "number", "default": "2" }
-            },
-            {
-              "name": "icon-size",
-              "value": { "type": "number", "default": "20" }
-            },
-            { "name": "no-gap", "value": { "type": "boolean" } },
-            { "name": "no-padding", "value": { "type": "boolean" } }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "maxWidth", "type": "number" },
-              { "name": "containerWidth", "type": "number" },
-              { "name": "limit", "type": "number" },
-              { "name": "maxLevel", "type": "number" },
-              { "name": "iconSize", "type": "number" },
-              { "name": "noGap", "type": "boolean" },
-              { "name": "noPadding", "type": "boolean" }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "zn-chat-message",
           "description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **attachments** - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.\n- **attachments** - The attachments row beneath the message content.\n- **system-card** - The card rendered for system action types.",
@@ -2062,68 +2062,6 @@
             ]
           }
         },
-        {
-          "name": "zn-cols",
-          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "layout",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "stack-at",
-              "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-              "value": { "type": "string", "default": "''" }
-            },
-            { "name": "mc", "value": { "type": "number", "default": "0" } },
-            {
-              "name": "no-gap",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "border",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "pad", "value": { "type": "boolean" } },
-            {
-              "name": "divide",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            { "name": "pad-x", "value": { "type": "boolean" } },
-            { "name": "pad-y", "value": { "type": "boolean" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [
-              { "name": "layout", "type": "string" },
-              {
-                "name": "stackAt",
-                "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
-                "type": "string"
-              },
-              { "name": "maxColumns", "type": "number" },
-              { "name": "noGap", "type": "boolean" },
-              { "name": "border", "type": "boolean" },
-              { "name": "pad", "type": "boolean" },
-              { "name": "divide", "type": "boolean" },
-              { "name": "padX", "type": "boolean" },
-              { "name": "padY", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "name": "zn-confirm",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -2269,6 +2207,68 @@
             ]
           }
         },
+        {
+          "name": "zn-cols",
+          "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "layout",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "stack-at",
+              "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+              "value": { "type": "string", "default": "''" }
+            },
+            { "name": "mc", "value": { "type": "number", "default": "0" } },
+            {
+              "name": "no-gap",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "border",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "pad", "value": { "type": "boolean" } },
+            {
+              "name": "divide",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            { "name": "pad-x", "value": { "type": "boolean" } },
+            { "name": "pad-y", "value": { "type": "boolean" } }
+          ],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [
+              { "name": "layout", "type": "string" },
+              {
+                "name": "stackAt",
+                "description": "Container width the columns collapse to a single column below, as one of the named zinc\ncontainer sizes (sm, smp, ph, md, lg, hd, 3k, 4k). Defaults to `lg` when a child declares\n`stack-order` or `stack-split`, otherwise the columns never explicitly stack.",
+                "type": "string"
+              },
+              { "name": "maxColumns", "type": "number" },
+              { "name": "noGap", "type": "boolean" },
+              { "name": "border", "type": "boolean" },
+              { "name": "pad", "type": "boolean" },
+              { "name": "divide", "type": "boolean" },
+              { "name": "padX", "type": "boolean" },
+              { "name": "padY", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-content-block",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - **attachments** - Attachments displayed at the bottom of the content when the block is expanded. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n\n### **CSS Parts:**\n - **attachments** - The attachments row at the bottom of the content.\n- **header-attachments** - The attachment count indicator in the header.",

package/dist/zn.min.js

@@ -136,7 +136,7 @@ import{a as Bn,b as s3,c as zr,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var L
               ${this.loadingText}<span class="loading-countdown"></span>
             </span>
         </div>
-      `:null}`}};lt.styles=[z(kd),z(tv)],lt.dependencies={"zn-tooltip":Qi,"zn-icon":nt},c([F(".button")],lt.prototype,"button",2),c([Ja(".loading-countdown")],lt.prototype,"countdownContainer",2),c([p({})],lt.prototype,"color",2),c([p({attribute:"hover-color"})],lt.prototype,"hoverColor",2),c([p({type:Boolean})],lt.prototype,"text",2),c([p({type:Boolean})],lt.prototype,"outline",2),c([p({type:Boolean})],lt.prototype,"disabled",2),c([p({type:Boolean})],lt.prototype,"grow",2),c([p({type:Boolean})],lt.prototype,"square",2),c([p({attribute:"icon-button",converter:{fromAttribute:t=>t==="small"||t==="round"?t:t!==null,toAttribute:t=>t==="small"||t==="round"?t:t?"":null}})],lt.prototype,"iconButton",2),c([p({type:Boolean})],lt.prototype,"plain",2),c([p({type:Boolean,attribute:"no-hover"})],lt.prototype,"noHover",2),c([p({type:Boolean,attribute:"panel-bg"})],lt.prototype,"panelBackground",2),c([p({attribute:"dropdown-closer",type:Boolean})],lt.prototype,"dropdownCloser",2),c([p({type:Number})],lt.prototype,"notification",2),c([p({attribute:"muted-notifications",type:Boolean})],lt.prototype,"mutedNotifications",2),c([p()],lt.prototype,"verticalAlign",2),c([p()],lt.prototype,"content",2),c([p()],lt.prototype,"icon",2),c([p()],lt.prototype,"gaid",2),c([p({attribute:"icon-position"})],lt.prototype,"iconPosition",2),c([p({attribute:"icon-size"})],lt.prototype,"iconSize",2),c([p({attribute:"icon-color"})],lt.prototype,"iconColor",2),c([p({attribute:"icon-fill"})],lt.prototype,"iconFill",2),c([p({attribute:"icon-library"})],lt.prototype,"iconLibrary",2),c([p()],lt.prototype,"type",2),c([p()],lt.prototype,"name",2),c([p()],lt.prototype,"value",2),c([p()],lt.prototype,"form",2),c([p({attribute:"formaction"})],lt.prototype,"formAction",2),c([p({attribute:"formenctype"})],lt.prototype,"formEnctype",2),c([p({attribute:"formmethod"})],lt.prototype,"formMethod",2),c([p({attribute:"formnovalidate",type:Boolean})],lt.prototype,"formNoValidate",2),c([p({attribute:"formtarget"})],lt.prototype,"formTarget",2),c([p()],lt.prototype,"href",2),c([p()],lt.prototype,"target",2),c([p({attribute:"data-target"})],lt.prototype,"dataTarget",2),c([p()],lt.prototype,"rel",2),c([p()],lt.prototype,"tooltip",2),c([p()],lt.prototype,"label",2),c([p({type:Boolean,attribute:"auto-click"})],lt.prototype,"autoClick",2),c([p({type:Number,attribute:"auto-click-delay"})],lt.prototype,"autoClickDelay",2),c([p({type:String,attribute:"loading-text"})],lt.prototype,"loadingText",2),c([p({type:String,attribute:"loading-text-position"})],lt.prototype,"loadingTextPosition",2),c([p({type:Boolean})],lt.prototype,"loading",2),c([K("autoClick")],lt.prototype,"handleAutoClickChange",1);var _t=lt;lt.define("zn-button");var Ot=class{constructor(i,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=i,t!==null&&this.t.add(t??i),this.l=r,this.o=a??this.o,this.callback=n,window.MutationObserver?(this.u=new MutationObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),i.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(i){this.value=this.callback?.(i,this.u)}hostConnected(){for(let i of this.t)this.observe(i)}hostDisconnected(){this.disconnect()}async hostUpdated(){let i=this.u.takeRecords();(i.length||!this.o&&this.i)&&this.handleChanges(i),this.i=!1}observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};var ns=class extends k{constructor(){super();this._resizeFrame=null;new Ot(this,{config:{childList:!0,subtree:!0,attributes:!0,characterData:!0},callback:()=>this.resize(),skipInitial:!0})}firstUpdated(t){super.firstUpdated(t),this.resize()}disconnectedCallback(){super.disconnectedCallback(),this._resizeFrame!==null&&(cancelAnimationFrame(this._resizeFrame),this._resizeFrame=null)}resize(){this._resizeFrame===null&&(this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null;let t=0;Array.from(this.children).forEach(n=>{t+=n.getBoundingClientRect().height});let r=t+"px";this.style.minHeight!==r&&(this.style.minHeight=r)}))}createRenderRoot(){return this}};var b5=ns;ns.define("zn-absolute-container");var wn=Math.min,Ji=Math.max,Tl=Math.round,$l=Math.floor,zn=o=>({x:o,y:o}),v5={left:"right",right:"left",bottom:"top",top:"bottom"};function yu(o,i,t){return Ji(o,wn(i,t))}function ma(o,i){return typeof o=="function"?o(i):o}function xo(o){return o.split("-")[0]}function fa(o){return o.split("-")[1]}function xu(o){return o==="x"?"y":"x"}function Sd(o){return o==="y"?"height":"width"}function _n(o){let i=o[0];return i==="t"||i==="b"?"y":"x"}function Ed(o){return xu(_n(o))}function iv(o,i,t){t===void 0&&(t=!1);let r=fa(o),n=Ed(o),a=Sd(n),s=n==="x"?r===(t?"end":"start")?"right":"left":r==="start"?"bottom":"top";return i.reference[a]>i.floating[a]&&(s=El(s)),[s,El(s)]}function nv(o){let i=El(o);return[Cd(o),i,Cd(i)]}function Cd(o){return o.includes("start")?o.replace("start","end"):o.replace("end","start")}var ev=["left","right"],rv=["right","left"],y5=["top","bottom"],x5=["bottom","top"];function w5(o,i,t){switch(o){case"top":case"bottom":return t?i?rv:ev:i?ev:rv;case"left":case"right":return i?y5:x5;default:return[]}}function ov(o,i,t,r){let n=fa(o),a=w5(xo(o),t==="start",r);return n&&(a=a.map(s=>s+"-"+n),i&&(a=a.concat(a.map(Cd)))),a}function El(o){let i=xo(o);return v5[i]+o.slice(i.length)}function z5(o){var i,t,r,n;return{top:(i=o.top)!=null?i:0,right:(t=o.right)!=null?t:0,bottom:(r=o.bottom)!=null?r:0,left:(n=o.left)!=null?n:0}}function wu(o){return typeof o!="number"?z5(o):{top:o,right:o,bottom:o,left:o}}function ga(o){let{x:i,y:t,width:r,height:n}=o;return{width:r,height:n,top:t,left:i,right:i+r,bottom:t+n,x:i,y:t}}function av(o,i,t){let{reference:r,floating:n}=o,a=_n(i),s=Ed(i),l=Sd(s),d=xo(i),h=a==="y",m=r.x+r.width/2-n.width/2,f=r.y+r.height/2-n.height/2,b=r[l]/2-n[l]/2,g;switch(d){case"top":g={x:m,y:r.y-n.height};break;case"bottom":g={x:m,y:r.y+r.height};break;case"right":g={x:r.x+r.width,y:f};break;case"left":g={x:r.x-n.width,y:f};break;default:g={x:r.x,y:r.y}}let v=fa(i);return v&&(g[s]+=b*(v==="end"?1:-1)*(t&&h?-1:1)),g}async function sv(o,i){var t;i===void 0&&(i={});let{x:r,y:n,platform:a,rects:s,elements:l,strategy:d}=o,{boundary:h="clippingAncestors",rootBoundary:m="viewport",elementContext:f="floating",altBoundary:b=!1,padding:g=0}=ma(i,o),v=wu(g),S=l[b?f==="floating"?"reference":"floating":f],E=ga(await a.getClippingRect({element:(t=await(a.isElement==null?void 0:a.isElement(S)))==null||t?S:S.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:h,rootBoundary:m,strategy:d})),N=f==="floating"?{x:r,y:n,width:s.floating.width,height:s.floating.height}:s.reference,U=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),I=await(a.isElement==null?void 0:a.isElement(U))&&await(a.getScale==null?void 0:a.getScale(U))||{x:1,y:1},C=ga(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:N,offsetParent:U,strategy:d}):N);return{top:(E.top-C.top+v.top)/I.y,bottom:(C.bottom-E.bottom+v.bottom)/I.y,left:(E.left-C.left+v.left)/I.x,right:(C.right-E.right+v.right)/I.x}}var _5=50,lv=async(o,i,t)=>{let{placement:r="bottom",strategy:n="absolute",middleware:a=[],platform:s}=t,l=s.detectOverflow?s:{...s,detectOverflow:sv},d=await(s.isRTL==null?void 0:s.isRTL(i)),h=await s.getElementRects({reference:o,floating:i,strategy:n}),{x:m,y:f}=av(h,r,d),b=r,g=0,v={};for(let y=0;y<a.length;y++){let S=a[y];if(!S)continue;let{name:E,fn:N}=S,{x:U,y:I,data:C,reset:$}=await N({x:m,y:f,initialPlacement:r,placement:b,strategy:n,middlewareData:v,rects:h,platform:l,elements:{reference:o,floating:i}});m=U??m,f=I??f,v[E]={...v[E],...C},$&&g<_5&&(g++,typeof $=="object"&&($.placement&&(b=$.placement),$.rects&&(h=$.rects===!0?await s.getElementRects({reference:o,floating:i,strategy:n}):$.rects),{x:m,y:f}=av(h,b,d)),y=-1)}return{x:m,y:f,placement:b,strategy:n,middlewareData:v}},cv=o=>({name:"arrow",options:o,async fn(i){let{x:t,y:r,placement:n,rects:a,platform:s,elements:l,middlewareData:d}=i,{element:h,padding:m=0}=ma(o,i)||{};if(h==null)return{};let f=wu(m),b={x:t,y:r},g=Ed(n),v=Sd(g),y=await s.getDimensions(h),S=g==="y",E=S?"top":"left",N=S?"bottom":"right",U=S?"clientHeight":"clientWidth",I=a.reference[v]+a.reference[g]-b[g]-a.floating[v],C=b[g]-a.reference[g],$=await(s.getOffsetParent==null?void 0:s.getOffsetParent(h)),M=$?$[U]:0;(!M||!await(s.isElement==null?void 0:s.isElement($)))&&(M=l.floating[U]||a.floating[v]);let W=I/2-C/2,ot=M/2-y[v]/2-1,vt=wn(f[E],ot),Dt=wn(f[N],ot),Nt=M-y[v]-Dt,re=M/2-y[v]/2+W,er=yu(vt,re,Nt),Nr=!d.arrow&&fa(n)!=null&&re!==er&&a.reference[v]/2-(re<vt?vt:Dt)-y[v]/2<0,xr=Nr?re<vt?re-vt:re-Nt:0;return{[g]:b[g]+xr,data:{[g]:er,centerOffset:re-er-xr,...Nr&&{alignmentOffset:xr}},reset:Nr}}});var dv=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(i){var t,r;let{placement:n,middlewareData:a,rects:s,initialPlacement:l,platform:d,elements:h}=i,{mainAxis:m=!0,crossAxis:f=!0,fallbackPlacements:b,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:y=!0,...S}=ma(o,i);if((t=a.arrow)!=null&&t.alignmentOffset)return{};let E=xo(n),N=_n(l),U=xo(l)===l,I=await(d.isRTL==null?void 0:d.isRTL(h.floating)),C=b||(U||!y?[El(l)]:nv(l)),$=v!=="none";!b&&$&&C.push(...ov(l,y,v,I));let M=[l,...C],W=await d.detectOverflow(i,S),ot=[],vt=((r=a.flip)==null?void 0:r.overflows)||[];if(m&&ot.push(W[E]),f){let er=iv(n,s,I);ot.push(W[er[0]],W[er[1]])}if(vt=[...vt,{placement:n,overflows:ot}],!ot.every(er=>er<=0)){var Dt,Nt;let er=(((Dt=a.flip)==null?void 0:Dt.index)||0)+1,Nr=M[er];if(Nr&&(!(f==="alignment"?N!==_n(Nr):!1)||vt.every(rr=>_n(rr.placement)===N?rr.overflows[0]>0:!0)))return{data:{index:er,overflows:vt},reset:{placement:Nr}};let xr=(Nt=vt.filter(Ne=>Ne.overflows[0]<=0).sort((Ne,rr)=>Ne.overflows[1]-rr.overflows[1])[0])==null?void 0:Nt.placement;if(!xr)switch(g){case"bestFit":{var re;let Ne=(re=vt.filter(rr=>{if($){let Ae=_n(rr.placement);return Ae===N||Ae==="y"}return!0}).map(rr=>[rr.placement,rr.overflows.filter(Ae=>Ae>0).reduce((Ae,uo)=>Ae+uo,0)]).sort((rr,Ae)=>rr[1]-Ae[1])[0])==null?void 0:re[0];Ne&&(xr=Ne);break}case"initialPlacement":xr=l;break}if(n!==xr)return{reset:{placement:xr}}}return{}}}};var k5=new Set(["left","top"]);async function C5(o,i){let{placement:t,platform:r,elements:n}=o,a=await(r.isRTL==null?void 0:r.isRTL(n.floating)),s=xo(t),l=fa(t),d=_n(t)==="y",h=k5.has(s)?-1:1,m=a&&d?-1:1,f=ma(i,o),{mainAxis:b,crossAxis:g,alignmentAxis:v}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return l&&typeof v=="number"&&(g=l==="end"?v*-1:v),d?{x:g*m,y:b*h}:{x:b*h,y:g*m}}var pv=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(i){var t,r;let{x:n,y:a,placement:s,middlewareData:l}=i,d=await C5(i,o);return s===((t=l.offset)==null?void 0:t.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:n+d.x,y:a+d.y,data:{...d,placement:s}}}}},hv=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(i){let{x:t,y:r,placement:n,platform:a}=i,{mainAxis:s=!0,crossAxis:l=!1,limiter:d={fn:N=>{let{x:U,y:I}=N;return{x:U,y:I}}},...h}=ma(o,i),m={x:t,y:r},f=await a.detectOverflow(i,h),b=_n(n),g=xu(b),v=m[g],y=m[b],S=(N,U)=>yu(U+f[N==="y"?"top":"left"],U,U-f[N==="y"?"bottom":"right"]);s&&(v=S(g,v)),l&&(y=S(b,y));let E=d.fn({...i,[g]:v,[b]:y});return{...E,data:{x:E.x-t,y:E.y-r,enabled:{[g]:s,[b]:l}}}}}};var uv=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(i){let{placement:t,rects:r,platform:n,elements:a}=i,{apply:s=()=>{},...l}=ma(o,i),d=await n.detectOverflow(i,l),h=xo(t),m=fa(t),f=_n(t)==="y",{width:b,height:g}=r.floating,v,y;h==="top"||h==="bottom"?(v=h,y=m===(await(n.isRTL==null?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(y=h,v=m==="end"?"top":"bottom");let S=g-d.top-d.bottom,E=b-d.left-d.right,N=wn(g-d[v],S),U=wn(b-d[y],E),I=i.middlewareData.shift,C=!I,$=N,M=U;I!=null&&I.enabled.x&&(M=E),I!=null&&I.enabled.y&&($=S),C&&!m&&(f?M=b-2*Ji(d.left,d.right):$=g-2*Ji(d.top,d.bottom)),await s({...i,availableWidth:M,availableHeight:$});let W=await n.getDimensions(a.floating);return b!==W.width||g!==W.height?{reset:{rects:!0}}:{}}}};function Td(){return typeof window<"u"}function va(o){return fv(o)?(o.nodeName||"").toLowerCase():"#document"}function Or(o){var i;return(o==null||(i=o.ownerDocument)==null?void 0:i.defaultView)||window}function kn(o){var i;return(i=(fv(o)?o.ownerDocument:o.document)||window.document)==null?void 0:i.documentElement}function fv(o){return Td()?o instanceof Node||o instanceof Or(o).Node:!1}function Zi(o){return Td()?o instanceof Element||o instanceof Or(o).Element:!1}function jn(o){return Td()?o instanceof HTMLElement||o instanceof Or(o).HTMLElement:!1}function mv(o){return!Td()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof Or(o).ShadowRoot}function Al(o){let{overflow:i,overflowX:t,overflowY:r,display:n}=tn(o);return/auto|scroll|overlay|hidden|clip/.test(i+r+t)&&n!=="inline"&&n!=="contents"}function gv(o){return/^(table|td|th)$/.test(va(o))}function Ml(o){try{if(o.matches(":popover-open"))return!0}catch{}try{return o.matches(":modal")}catch{return!1}}var S5=/transform|translate|scale|rotate|perspective|filter/,E5=/paint|layout|strict|content/,ba=o=>!!o&&o!=="none",zu;function as(o){let i=Zi(o)?tn(o):o;return ba(i.transform)||ba(i.translate)||ba(i.scale)||ba(i.rotate)||ba(i.perspective)||!$d()&&(ba(i.backdropFilter)||ba(i.filter))||S5.test(i.willChange||"")||E5.test(i.contain||"")}function bv(o){let i=wo(o);for(;jn(i)&&!ss(i);){if(as(i))return i;if(Ml(i))return null;i=wo(i)}return null}function $d(){return zu==null&&(zu=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),zu}function ss(o){return/^(html|body|#document)$/.test(va(o))}function tn(o){return Or(o).getComputedStyle(o)}function Ll(o){return Zi(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function wo(o){if(va(o)==="html")return o;let i=o.assignedSlot||o.parentNode||mv(o)&&o.host||kn(o);return mv(i)?i.host:i}function vv(o){let i=wo(o);return ss(i)?(o.ownerDocument||o).body:jn(i)&&Al(i)?i:vv(i)}function os(o,i,t){var r;i===void 0&&(i=[]),t===void 0&&(t=!0);let n=vv(o),a=n===((r=o.ownerDocument)==null?void 0:r.body),s=Or(n);if(a){let l=Ad(s);return i.concat(s,s.visualViewport||[],Al(n)?n:[],l&&t?os(l):[])}else return i.concat(n,os(n,[],t))}function Ad(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function wv(o){let i=tn(o),t=parseFloat(i.width)||0,r=parseFloat(i.height)||0,n=jn(o),a=n?o.offsetWidth:t,s=n?o.offsetHeight:r,l=Tl(t)!==a||Tl(r)!==s;return l&&(t=a,r=s),{width:t,height:r,$:l}}function ku(o){return Zi(o)?o:o.contextElement}function ls(o){let i=ku(o);if(!jn(i))return zn(1);let t=i.getBoundingClientRect(),{width:r,height:n,$:a}=wv(i),s=(a?Tl(t.width):t.width)/r,l=(a?Tl(t.height):t.height)/n;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}var T5=zn(0);function zv(o){let i=Or(o);return!$d()||!i.visualViewport?T5:{x:i.visualViewport.offsetLeft,y:i.visualViewport.offsetTop}}function $5(o,i,t){return i===void 0&&(i=!1),!!t&&i&&t===Or(o)}function ya(o,i,t,r){i===void 0&&(i=!1),t===void 0&&(t=!1);let n=o.getBoundingClientRect(),a=ku(o),s=zn(1);i&&(r?Zi(r)&&(s=ls(r)):s=ls(o));let l=$5(a,t,r)?zv(a):zn(0),d=(n.left+l.x)/s.x,h=(n.top+l.y)/s.y,m=n.width/s.x,f=n.height/s.y;if(a&&r){let b=Or(a),g=Zi(r)?Or(r):r,v=b,y=Ad(v);for(;y&&g!==v;){let S=ls(y),E=y.getBoundingClientRect(),N=tn(y),U=E.left+(y.clientLeft+parseFloat(N.paddingLeft))*S.x,I=E.top+(y.clientTop+parseFloat(N.paddingTop))*S.y;d*=S.x,h*=S.y,m*=S.x,f*=S.y,d+=U,h+=I,v=Or(y),y=Ad(v)}}return ga({width:m,height:f,x:d,y:h})}function Md(o,i){let t=Ll(o).scrollLeft;return i?i.left+t:ya(kn(o)).left+t}function _v(o,i){let t=o.getBoundingClientRect(),r=t.left+i.scrollLeft-Md(o,t),n=t.top+i.scrollTop;return{x:r,y:n}}function A5(o){let{elements:i,rect:t,offsetParent:r,strategy:n}=o,a=n==="fixed",s=kn(r),l=i?Ml(i.floating):!1;if(r===s||l&&a)return t;let d={scrollLeft:0,scrollTop:0},h=zn(1),m=zn(0),f=jn(r);if((f||!a)&&((va(r)!=="body"||Al(s))&&(d=Ll(r)),f)){let g=ya(r);h=ls(r),m.x=g.x+r.clientLeft,m.y=g.y+r.clientTop}let b=s&&!f&&!a?_v(s,d):zn(0);return{width:t.width*h.x,height:t.height*h.y,x:t.x*h.x-d.scrollLeft*h.x+m.x+b.x,y:t.y*h.y-d.scrollTop*h.y+m.y+b.y}}function M5(o){return o.getClientRects?Array.from(o.getClientRects()):[]}function L5(o){let i=Ll(o),t=o.ownerDocument.body,r=Ji(o.scrollWidth,o.clientWidth,t.scrollWidth,t.clientWidth),n=Ji(o.scrollHeight,o.clientHeight,t.scrollHeight,t.clientHeight),a=-i.scrollLeft+Md(o),s=-i.scrollTop;return tn(t).direction==="rtl"&&(a+=Ji(o.clientWidth,t.clientWidth)-r),{width:r,height:n,x:a,y:s}}var q5=25;function I5(o,i,t){t===void 0&&(t="viewport");let r=t==="layoutViewport",n=Or(o),a=kn(o),s=n.visualViewport,l=a.clientWidth,d=a.clientHeight,h=0,m=0;if(s){let b=!$d()||i==="fixed";r?b||(h=-s.offsetLeft,m=-s.offsetTop):(l=s.width,d=s.height,b&&(h=s.offsetLeft,m=s.offsetTop))}if(Md(a)<=0){let b=a.ownerDocument,g=b.body,v=getComputedStyle(g),y=b.compatMode==="CSS1Compat"&&parseFloat(v.marginLeft)+parseFloat(v.marginRight)||0,S=Math.abs(a.clientWidth-g.clientWidth-y),E=getComputedStyle(a).scrollbarGutter==="stable both-edges"?S/2:S;E<=q5&&(l-=E)}return{width:l,height:d,x:h,y:m}}function D5(o,i){let t=ya(o,!0,i==="fixed"),r=t.top+o.clientTop,n=t.left+o.clientLeft,a=ls(o),s=o.clientWidth*a.x,l=o.clientHeight*a.y,d=n*a.x,h=r*a.y;return{width:s,height:l,x:d,y:h}}function yv(o,i,t){let r;if(i==="viewport"||i==="layoutViewport")r=I5(o,t,i);else if(i==="document")r=L5(kn(o));else if(Zi(i))r=D5(i,t);else{let n=zv(o);r={x:i.x-n.x,y:i.y-n.y,width:i.width,height:i.height}}return ga(r)}function R5(o,i){let t=i.get(o);if(t)return t;let r=os(o,[],!1).filter(l=>Zi(l)&&va(l)!=="body"),n=null,a=tn(o).position==="fixed",s=a?wo(o):o;for(;Zi(s)&&!ss(s);){let l=tn(s),d=as(s),h=n?n.position:a?"fixed":"";!d&&(h==="fixed"||h==="absolute"&&l.position==="static")?r=r.filter(f=>f!==s):n=l,s=wo(s)}return i.set(o,r),r}function N5(o){let{element:i,boundary:t,rootBoundary:r,strategy:n}=o,s=[...t==="clippingAncestors"?Ml(i)?[]:R5(i,this._c):[].concat(t),r],l=yv(i,s[0],n),d=l.top,h=l.right,m=l.bottom,f=l.left;for(let b=1;b<s.length;b++){let g=yv(i,s[b],n);d=Ji(g.top,d),h=wn(g.right,h),m=wn(g.bottom,m),f=Ji(g.left,f)}return{width:h-f,height:m-d,x:f,y:d}}function O5(o){let{width:i,height:t}=wv(o);return{width:i,height:t}}function P5(o,i,t){let r=jn(i),n=kn(i),a=t==="fixed",s=ya(o,!0,a,i),l={scrollLeft:0,scrollTop:0},d=zn(0);if((r||!a)&&((va(i)!=="body"||Al(n))&&(l=Ll(i)),r)){let b=ya(i,!0,a,i);d.x=b.x+i.clientLeft,d.y=b.y+i.clientTop}!r&&n&&(d.x=Md(n));let h=n&&!r&&!a?_v(n,l):zn(0),m=s.left+l.scrollLeft-d.x-h.x,f=s.top+l.scrollTop-d.y-h.y;return{x:m,y:f,width:s.width,height:s.height}}function _u(o){return tn(o).position==="static"}function xv(o,i){if(!jn(o)||tn(o).position==="fixed")return null;if(i)return i(o);let t=o.offsetParent;return kn(o)===t&&(t=t.ownerDocument.body),t}function kv(o,i){let t=Or(o);if(Ml(o))return t;if(!jn(o)){let n=wo(o);for(;n&&!ss(n);){if(Zi(n)&&!_u(n))return n;n=wo(n)}return t}let r=xv(o,i);for(;r&&gv(r)&&_u(r);)r=xv(r,i);return r&&ss(r)&&_u(r)&&!as(r)?t:r||bv(o)||t}var H5=async function(o){let i=this.getOffsetParent||kv,t=this.getDimensions,r=await t(o.floating);return{reference:P5(o.reference,await i(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function F5(o){return tn(o).direction==="rtl"}var ql={convertOffsetParentRelativeRectToViewportRelativeRect:A5,getDocumentElement:kn,getClippingRect:N5,getOffsetParent:kv,getElementRects:H5,getClientRects:M5,getDimensions:O5,getScale:ls,isElement:Zi,isRTL:F5};function Cv(o,i){return o.x===i.x&&o.y===i.y&&o.width===i.width&&o.height===i.height}function B5(o,i,t){let r=null,n,a=kn(o);function s(){var m;clearTimeout(n),(m=r)==null||m.disconnect(),r=null}function l(m,f){m===void 0&&(m=!1),f===void 0&&(f=1),s();let b=o.getBoundingClientRect(),{left:g,top:v,width:y,height:S}=b;if(m||i(),!y||!S)return;let E=$l(v),N=$l(a.clientWidth-(g+y)),U=$l(a.clientHeight-(v+S)),I=$l(g),$={rootMargin:-E+"px "+-N+"px "+-U+"px "+-I+"px",threshold:Ji(0,wn(1,f))||1},M=!0;function W(ot){let vt=ot[0].intersectionRatio;if(!Cv(b,o.getBoundingClientRect()))return l();if(vt!==f){if(!M)return l();vt?l(!1,vt):n=setTimeout(()=>{l(!1,1e-7)},1e3)}M=!1}try{r=new IntersectionObserver(W,{...$,root:a.ownerDocument})}catch{r=new IntersectionObserver(W,$)}r.observe(o)}let d=Or(o),h=()=>l(t);return d.addEventListener("resize",h),l(!0),()=>{d.removeEventListener("resize",h),s()}}function Ld(o,i,t,r){r===void 0&&(r={});let{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,h=ku(o),m=n||a?[...h?os(h):[],...i?os(i):[]]:[];m.forEach(E=>{n&&E.addEventListener("scroll",t),a&&E.addEventListener("resize",t)});let f=h&&l?B5(h,t,a):null,b=-1,g=null;s&&(g=new ResizeObserver(E=>{let[N]=E;N&&N.target===h&&g&&i&&(g.unobserve(i),cancelAnimationFrame(b),b=requestAnimationFrame(()=>{var U;(U=g)==null||U.observe(i)})),t()}),h&&!d&&g.observe(h),i&&g.observe(i));let v,y=d?ya(o):null;d&&S();function S(){let E=ya(o);y&&!Cv(y,E)&&t(),y=E,v=requestAnimationFrame(S)}return t(),()=>{var E;m.forEach(N=>{n&&N.removeEventListener("scroll",t),a&&N.removeEventListener("resize",t)}),f?.(),(E=g)==null||E.disconnect(),g=null,d&&cancelAnimationFrame(v)}}var qd=pv;var Id=hv,Dd=dv,Il=uv;var Sv=cv;var Rd=(o,i,t)=>{let r=new Map,n=t??{},a={...ql,...n.platform,_c:r};return lv(o,i,{...n,platform:a})};function Ev(o){return V5(o)}function Cu(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function V5(o){for(let i=o;i;i=Cu(i))if(i instanceof Element&&getComputedStyle(i).display==="none")return null;for(let i=Cu(o);i;i=Cu(i)){if(!(i instanceof Element))continue;let t=getComputedStyle(i);if(t.display!=="contents"&&(t.position!=="static"||as(t)||i.tagName==="BODY"))return i}return null}var Tv=_`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--arrow-color:rgb(var(--zn-color-text));--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;margin:0;border:0;padding:0;background:transparent;overflow:visible;max-width:var(--auto-size-available-width,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup{}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;function U5(o){return o!==null&&typeof o=="object"&&"getBoundingClientRect"in o&&("contextElement"in o?o instanceof Element:!0)}var Rt=class extends k{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="fixed";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.handleAnchorHover=()=>{this.active||this.start()};this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),r=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a,s,l,d,h,m,f,b;n?t.top<r.top?(a=t.left,s=t.bottom,l=t.right,d=t.bottom,h=r.left,m=r.top,f=r.right,b=r.top):(a=r.left,s=r.bottom,l=r.right,d=r.bottom,h=t.left,m=t.top,f=t.right,b=t.top):t.left<r.left?(a=t.right,s=t.top,l=r.left,d=r.top,h=t.right,m=t.bottom,f=r.left,b=r.bottom):(a=r.right,s=r.top,l=t.left,d=t.top,h=r.right,m=r.bottom,f=t.left,b=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${s}px`),this.style.setProperty("--hover-bridge-top-right-x",`${l}px`),this.style.setProperty("--hover-bridge-top-right-y",`${d}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${h}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${b}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.active&&this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||U5(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&!this.active&&this.anchorEl instanceof Element&&(this.anchorEl.removeEventListener("mouseover",this.handleAnchorHover),this.anchorEl.addEventListener("mouseover",this.handleAnchorHover))}start(){this.anchorEl&&(this.cleanup=Ld(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),this.popup.hidePopover(),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[qd({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(Il({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.minWidth=a?`${n.reference.width}px`:"",this.popup.style.minHeight=s?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(Dd({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(Id({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(Il({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Sv({element:this.arrowEl,padding:this.arrowPadding}));let r=this.strategy==="absolute"?n=>ql.getOffsetParent(n,Ev):ql.getOffsetParent;Rd(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:{...ql,getOffsetParent:r}}).then(({x:n,y:a,middlewareData:s,placement:l})=>{let d={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];if(this.setAttribute("data-current-placement",l),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),!!this.popup?.isConnected&&(this.popup.showPopover(),this.arrow)){let h=s.arrow.x,m=s.arrow.y,f="",b="",g="",v;this.arrowPlacement==="start"?(f=typeof m=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",b="",v=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="end"?(b=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",v="",g=typeof m=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(v=typeof h=="number"?"calc(50% - var(--arrow-size-diagonal))":"",f=typeof m=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(v=typeof h=="number"?`${h}px`:"",f=typeof m=="number"?`${m}px`:""),Object.assign(this.arrowEl.style,{top:f,right:b,bottom:g,left:v,[d]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge())}render(){return u`
+      `:null}`}};lt.styles=[z(kd),z(tv)],lt.dependencies={"zn-tooltip":Qi,"zn-icon":nt},c([F(".button")],lt.prototype,"button",2),c([Ja(".loading-countdown")],lt.prototype,"countdownContainer",2),c([p({})],lt.prototype,"color",2),c([p({attribute:"hover-color"})],lt.prototype,"hoverColor",2),c([p({type:Boolean})],lt.prototype,"text",2),c([p({type:Boolean})],lt.prototype,"outline",2),c([p({type:Boolean})],lt.prototype,"disabled",2),c([p({type:Boolean})],lt.prototype,"grow",2),c([p({type:Boolean})],lt.prototype,"square",2),c([p({attribute:"icon-button",converter:{fromAttribute:t=>t==="small"||t==="round"?t:t!==null,toAttribute:t=>t==="small"||t==="round"?t:t?"":null}})],lt.prototype,"iconButton",2),c([p({type:Boolean})],lt.prototype,"plain",2),c([p({type:Boolean,attribute:"no-hover"})],lt.prototype,"noHover",2),c([p({type:Boolean,attribute:"panel-bg"})],lt.prototype,"panelBackground",2),c([p({attribute:"dropdown-closer",type:Boolean})],lt.prototype,"dropdownCloser",2),c([p({type:Number})],lt.prototype,"notification",2),c([p({attribute:"muted-notifications",type:Boolean})],lt.prototype,"mutedNotifications",2),c([p()],lt.prototype,"verticalAlign",2),c([p()],lt.prototype,"content",2),c([p()],lt.prototype,"icon",2),c([p()],lt.prototype,"gaid",2),c([p({attribute:"icon-position"})],lt.prototype,"iconPosition",2),c([p({attribute:"icon-size"})],lt.prototype,"iconSize",2),c([p({attribute:"icon-color"})],lt.prototype,"iconColor",2),c([p({attribute:"icon-fill"})],lt.prototype,"iconFill",2),c([p({attribute:"icon-library"})],lt.prototype,"iconLibrary",2),c([p()],lt.prototype,"type",2),c([p()],lt.prototype,"name",2),c([p()],lt.prototype,"value",2),c([p()],lt.prototype,"form",2),c([p({attribute:"formaction"})],lt.prototype,"formAction",2),c([p({attribute:"formenctype"})],lt.prototype,"formEnctype",2),c([p({attribute:"formmethod"})],lt.prototype,"formMethod",2),c([p({attribute:"formnovalidate",type:Boolean})],lt.prototype,"formNoValidate",2),c([p({attribute:"formtarget"})],lt.prototype,"formTarget",2),c([p()],lt.prototype,"href",2),c([p()],lt.prototype,"target",2),c([p({attribute:"data-target"})],lt.prototype,"dataTarget",2),c([p()],lt.prototype,"rel",2),c([p()],lt.prototype,"tooltip",2),c([p()],lt.prototype,"label",2),c([p({type:Boolean,attribute:"auto-click"})],lt.prototype,"autoClick",2),c([p({type:Number,attribute:"auto-click-delay"})],lt.prototype,"autoClickDelay",2),c([p({type:String,attribute:"loading-text"})],lt.prototype,"loadingText",2),c([p({type:String,attribute:"loading-text-position"})],lt.prototype,"loadingTextPosition",2),c([p({type:Boolean})],lt.prototype,"loading",2),c([K("autoClick")],lt.prototype,"handleAutoClickChange",1);var _t=lt;lt.define("zn-button");var Ot=class{constructor(i,{target:t,config:r,callback:n,skipInitial:a}){this.t=new Set,this.o=!1,this.i=!1,this.h=i,t!==null&&this.t.add(t??i),this.l=r,this.o=a??this.o,this.callback=n,window.MutationObserver?(this.u=new MutationObserver(s=>{this.handleChanges(s),this.h.requestUpdate()}),i.addController(this)):console.warn("MutationController error: browser does not support MutationObserver.")}handleChanges(i){this.value=this.callback?.(i,this.u)}hostConnected(){for(let i of this.t)this.observe(i)}hostDisconnected(){this.disconnect()}async hostUpdated(){let i=this.u.takeRecords();(i.length||!this.o&&this.i)&&this.handleChanges(i),this.i=!1}observe(i){this.t.add(i),this.u.observe(i,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}};var ns=class extends k{constructor(){super();this._resizeFrame=null;new Ot(this,{config:{childList:!0,subtree:!0,attributes:!0,characterData:!0},callback:()=>this.resize(),skipInitial:!0})}firstUpdated(t){super.firstUpdated(t),this.resize()}disconnectedCallback(){super.disconnectedCallback(),this._resizeFrame!==null&&(cancelAnimationFrame(this._resizeFrame),this._resizeFrame=null)}resize(){this._resizeFrame===null&&(this._resizeFrame=requestAnimationFrame(()=>{this._resizeFrame=null;let t=0;Array.from(this.children).forEach(n=>{t+=n.getBoundingClientRect().height});let r=t+"px";this.style.minHeight!==r&&(this.style.minHeight=r)}))}createRenderRoot(){return this}};var b5=ns;ns.define("zn-absolute-container");var wn=Math.min,Ji=Math.max,Tl=Math.round,$l=Math.floor,zn=o=>({x:o,y:o}),v5={left:"right",right:"left",bottom:"top",top:"bottom"};function yu(o,i,t){return Ji(o,wn(i,t))}function ma(o,i){return typeof o=="function"?o(i):o}function xo(o){return o.split("-")[0]}function fa(o){return o.split("-")[1]}function xu(o){return o==="x"?"y":"x"}function Sd(o){return o==="y"?"height":"width"}function _n(o){let i=o[0];return i==="t"||i==="b"?"y":"x"}function Ed(o){return xu(_n(o))}function iv(o,i,t){t===void 0&&(t=!1);let r=fa(o),n=Ed(o),a=Sd(n),s=n==="x"?r===(t?"end":"start")?"right":"left":r==="start"?"bottom":"top";return i.reference[a]>i.floating[a]&&(s=El(s)),[s,El(s)]}function nv(o){let i=El(o);return[Cd(o),i,Cd(i)]}function Cd(o){return o.includes("start")?o.replace("start","end"):o.replace("end","start")}var ev=["left","right"],rv=["right","left"],y5=["top","bottom"],x5=["bottom","top"];function w5(o,i,t){switch(o){case"top":case"bottom":return t?i?rv:ev:i?ev:rv;case"left":case"right":return i?y5:x5;default:return[]}}function ov(o,i,t,r){let n=fa(o),a=w5(xo(o),t==="start",r);return n&&(a=a.map(s=>s+"-"+n),i&&(a=a.concat(a.map(Cd)))),a}function El(o){let i=xo(o);return v5[i]+o.slice(i.length)}function z5(o){var i,t,r,n;return{top:(i=o.top)!=null?i:0,right:(t=o.right)!=null?t:0,bottom:(r=o.bottom)!=null?r:0,left:(n=o.left)!=null?n:0}}function wu(o){return typeof o!="number"?z5(o):{top:o,right:o,bottom:o,left:o}}function ga(o){let{x:i,y:t,width:r,height:n}=o;return{width:r,height:n,top:t,left:i,right:i+r,bottom:t+n,x:i,y:t}}function av(o,i,t){let{reference:r,floating:n}=o,a=_n(i),s=Ed(i),l=Sd(s),d=xo(i),h=a==="y",m=r.x+r.width/2-n.width/2,f=r.y+r.height/2-n.height/2,b=r[l]/2-n[l]/2,g;switch(d){case"top":g={x:m,y:r.y-n.height};break;case"bottom":g={x:m,y:r.y+r.height};break;case"right":g={x:r.x+r.width,y:f};break;case"left":g={x:r.x-n.width,y:f};break;default:g={x:r.x,y:r.y}}let v=fa(i);return v&&(g[s]+=b*(v==="end"?1:-1)*(t&&h?-1:1)),g}async function sv(o,i){var t;i===void 0&&(i={});let{x:r,y:n,platform:a,rects:s,elements:l,strategy:d}=o,{boundary:h="clippingAncestors",rootBoundary:m="viewport",elementContext:f="floating",altBoundary:b=!1,padding:g=0}=ma(i,o),v=wu(g),S=l[b?f==="floating"?"reference":"floating":f],E=ga(await a.getClippingRect({element:(t=await(a.isElement==null?void 0:a.isElement(S)))==null||t?S:S.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:h,rootBoundary:m,strategy:d})),N=f==="floating"?{x:r,y:n,width:s.floating.width,height:s.floating.height}:s.reference,U=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),I=await(a.isElement==null?void 0:a.isElement(U))&&await(a.getScale==null?void 0:a.getScale(U))||{x:1,y:1},C=ga(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:N,offsetParent:U,strategy:d}):N);return{top:(E.top-C.top+v.top)/I.y,bottom:(C.bottom-E.bottom+v.bottom)/I.y,left:(E.left-C.left+v.left)/I.x,right:(C.right-E.right+v.right)/I.x}}var _5=50,lv=async(o,i,t)=>{let{placement:r="bottom",strategy:n="absolute",middleware:a=[],platform:s}=t,l=s.detectOverflow?s:{...s,detectOverflow:sv},d=await(s.isRTL==null?void 0:s.isRTL(i)),h=await s.getElementRects({reference:o,floating:i,strategy:n}),{x:m,y:f}=av(h,r,d),b=r,g=0,v={};for(let y=0;y<a.length;y++){let S=a[y];if(!S)continue;let{name:E,fn:N}=S,{x:U,y:I,data:C,reset:$}=await N({x:m,y:f,initialPlacement:r,placement:b,strategy:n,middlewareData:v,rects:h,platform:l,elements:{reference:o,floating:i}});m=U??m,f=I??f,v[E]={...v[E],...C},$&&g<_5&&(g++,typeof $=="object"&&($.placement&&(b=$.placement),$.rects&&(h=$.rects===!0?await s.getElementRects({reference:o,floating:i,strategy:n}):$.rects),{x:m,y:f}=av(h,b,d)),y=-1)}return{x:m,y:f,placement:b,strategy:n,middlewareData:v}},cv=o=>({name:"arrow",options:o,async fn(i){let{x:t,y:r,placement:n,rects:a,platform:s,elements:l,middlewareData:d}=i,{element:h,padding:m=0}=ma(o,i)||{};if(h==null)return{};let f=wu(m),b={x:t,y:r},g=Ed(n),v=Sd(g),y=await s.getDimensions(h),S=g==="y",E=S?"top":"left",N=S?"bottom":"right",U=S?"clientHeight":"clientWidth",I=a.reference[v]+a.reference[g]-b[g]-a.floating[v],C=b[g]-a.reference[g],$=await(s.getOffsetParent==null?void 0:s.getOffsetParent(h)),M=$?$[U]:0;(!M||!await(s.isElement==null?void 0:s.isElement($)))&&(M=l.floating[U]||a.floating[v]);let W=I/2-C/2,ot=M/2-y[v]/2-1,vt=wn(f[E],ot),Dt=wn(f[N],ot),Nt=M-y[v]-Dt,re=M/2-y[v]/2+W,er=yu(vt,re,Nt),Nr=!d.arrow&&fa(n)!=null&&re!==er&&a.reference[v]/2-(re<vt?vt:Dt)-y[v]/2<0,xr=Nr?re<vt?re-vt:re-Nt:0;return{[g]:b[g]+xr,data:{[g]:er,centerOffset:re-er-xr,...Nr&&{alignmentOffset:xr}},reset:Nr}}});var dv=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(i){var t,r;let{placement:n,middlewareData:a,rects:s,initialPlacement:l,platform:d,elements:h}=i,{mainAxis:m=!0,crossAxis:f=!0,fallbackPlacements:b,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:y=!0,...S}=ma(o,i);if((t=a.arrow)!=null&&t.alignmentOffset)return{};let E=xo(n),N=_n(l),U=xo(l)===l,I=await(d.isRTL==null?void 0:d.isRTL(h.floating)),C=b||(U||!y?[El(l)]:nv(l)),$=v!=="none";!b&&$&&C.push(...ov(l,y,v,I));let M=[l,...C],W=await d.detectOverflow(i,S),ot=[],vt=((r=a.flip)==null?void 0:r.overflows)||[];if(m&&ot.push(W[E]),f){let er=iv(n,s,I);ot.push(W[er[0]],W[er[1]])}if(vt=[...vt,{placement:n,overflows:ot}],!ot.every(er=>er<=0)){var Dt,Nt;let er=(((Dt=a.flip)==null?void 0:Dt.index)||0)+1,Nr=M[er];if(Nr&&(!(f==="alignment"?N!==_n(Nr):!1)||vt.every(rr=>_n(rr.placement)===N?rr.overflows[0]>0:!0)))return{data:{index:er,overflows:vt},reset:{placement:Nr}};let xr=(Nt=vt.filter(Ne=>Ne.overflows[0]<=0).sort((Ne,rr)=>Ne.overflows[1]-rr.overflows[1])[0])==null?void 0:Nt.placement;if(!xr)switch(g){case"bestFit":{var re;let Ne=(re=vt.filter(rr=>{if($){let Ae=_n(rr.placement);return Ae===N||Ae==="y"}return!0}).map(rr=>[rr.placement,rr.overflows.filter(Ae=>Ae>0).reduce((Ae,uo)=>Ae+uo,0)]).sort((rr,Ae)=>rr[1]-Ae[1])[0])==null?void 0:re[0];Ne&&(xr=Ne);break}case"initialPlacement":xr=l;break}if(n!==xr)return{reset:{placement:xr}}}return{}}}};var k5=new Set(["left","top"]);async function C5(o,i){let{placement:t,platform:r,elements:n}=o,a=await(r.isRTL==null?void 0:r.isRTL(n.floating)),s=xo(t),l=fa(t),d=_n(t)==="y",h=k5.has(s)?-1:1,m=a&&d?-1:1,f=ma(i,o),{mainAxis:b,crossAxis:g,alignmentAxis:v}=typeof f=="number"?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:f.mainAxis||0,crossAxis:f.crossAxis||0,alignmentAxis:f.alignmentAxis};return l&&typeof v=="number"&&(g=l==="end"?v*-1:v),d?{x:g*m,y:b*h}:{x:b*h,y:g*m}}var pv=function(o){return o===void 0&&(o=0),{name:"offset",options:o,async fn(i){var t,r;let{x:n,y:a,placement:s,middlewareData:l}=i,d=await C5(i,o);return s===((t=l.offset)==null?void 0:t.placement)&&(r=l.arrow)!=null&&r.alignmentOffset?{}:{x:n+d.x,y:a+d.y,data:{...d,placement:s}}}}},hv=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(i){let{x:t,y:r,placement:n,platform:a}=i,{mainAxis:s=!0,crossAxis:l=!1,limiter:d={fn:N=>{let{x:U,y:I}=N;return{x:U,y:I}}},...h}=ma(o,i),m={x:t,y:r},f=await a.detectOverflow(i,h),b=_n(n),g=xu(b),v=m[g],y=m[b],S=(N,U)=>yu(U+f[N==="y"?"top":"left"],U,U-f[N==="y"?"bottom":"right"]);s&&(v=S(g,v)),l&&(y=S(b,y));let E=d.fn({...i,[g]:v,[b]:y});return{...E,data:{x:E.x-t,y:E.y-r,enabled:{[g]:s,[b]:l}}}}}};var uv=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(i){let{placement:t,rects:r,platform:n,elements:a}=i,{apply:s=()=>{},...l}=ma(o,i),d=await n.detectOverflow(i,l),h=xo(t),m=fa(t),f=_n(t)==="y",{width:b,height:g}=r.floating,v,y;h==="top"||h==="bottom"?(v=h,y=m===(await(n.isRTL==null?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(y=h,v=m==="end"?"top":"bottom");let S=g-d.top-d.bottom,E=b-d.left-d.right,N=wn(g-d[v],S),U=wn(b-d[y],E),I=i.middlewareData.shift,C=!I,$=N,M=U;I!=null&&I.enabled.x&&(M=E),I!=null&&I.enabled.y&&($=S),C&&!m&&(f?M=b-2*Ji(d.left,d.right):$=g-2*Ji(d.top,d.bottom)),await s({...i,availableWidth:M,availableHeight:$});let W=await n.getDimensions(a.floating);return b!==W.width||g!==W.height?{reset:{rects:!0}}:{}}}};function Td(){return typeof window<"u"}function va(o){return fv(o)?(o.nodeName||"").toLowerCase():"#document"}function Or(o){var i;return(o==null||(i=o.ownerDocument)==null?void 0:i.defaultView)||window}function kn(o){var i;return(i=(fv(o)?o.ownerDocument:o.document)||window.document)==null?void 0:i.documentElement}function fv(o){return Td()?o instanceof Node||o instanceof Or(o).Node:!1}function Zi(o){return Td()?o instanceof Element||o instanceof Or(o).Element:!1}function jn(o){return Td()?o instanceof HTMLElement||o instanceof Or(o).HTMLElement:!1}function mv(o){return!Td()||typeof ShadowRoot>"u"?!1:o instanceof ShadowRoot||o instanceof Or(o).ShadowRoot}function Al(o){let{overflow:i,overflowX:t,overflowY:r,display:n}=tn(o);return/auto|scroll|overlay|hidden|clip/.test(i+r+t)&&n!=="inline"&&n!=="contents"}function gv(o){return/^(table|td|th)$/.test(va(o))}function Ml(o){try{if(o.matches(":popover-open"))return!0}catch{}try{return o.matches(":modal")}catch{return!1}}var S5=/transform|translate|scale|rotate|perspective|filter/,E5=/paint|layout|strict|content/,ba=o=>!!o&&o!=="none",zu;function as(o){let i=Zi(o)?tn(o):o;return ba(i.transform)||ba(i.translate)||ba(i.scale)||ba(i.rotate)||ba(i.perspective)||!$d()&&(ba(i.backdropFilter)||ba(i.filter))||S5.test(i.willChange||"")||E5.test(i.contain||"")}function bv(o){let i=wo(o);for(;jn(i)&&!ss(i);){if(as(i))return i;if(Ml(i))return null;i=wo(i)}return null}function $d(){return zu==null&&(zu=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),zu}function ss(o){return/^(html|body|#document)$/.test(va(o))}function tn(o){return Or(o).getComputedStyle(o)}function Ll(o){return Zi(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.scrollX,scrollTop:o.scrollY}}function wo(o){if(va(o)==="html")return o;let i=o.assignedSlot||o.parentNode||mv(o)&&o.host||kn(o);return mv(i)?i.host:i}function vv(o){let i=wo(o);return ss(i)?(o.ownerDocument||o).body:jn(i)&&Al(i)?i:vv(i)}function os(o,i,t){var r;i===void 0&&(i=[]),t===void 0&&(t=!0);let n=vv(o),a=n===((r=o.ownerDocument)==null?void 0:r.body),s=Or(n);if(a){let l=Ad(s);return i.concat(s,s.visualViewport||[],Al(n)?n:[],l&&t?os(l):[])}else return i.concat(n,os(n,[],t))}function Ad(o){return o.parent&&Object.getPrototypeOf(o.parent)?o.frameElement:null}function wv(o){let i=tn(o),t=parseFloat(i.width)||0,r=parseFloat(i.height)||0,n=jn(o),a=n?o.offsetWidth:t,s=n?o.offsetHeight:r,l=Tl(t)!==a||Tl(r)!==s;return l&&(t=a,r=s),{width:t,height:r,$:l}}function ku(o){return Zi(o)?o:o.contextElement}function ls(o){let i=ku(o);if(!jn(i))return zn(1);let t=i.getBoundingClientRect(),{width:r,height:n,$:a}=wv(i),s=(a?Tl(t.width):t.width)/r,l=(a?Tl(t.height):t.height)/n;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}var T5=zn(0);function zv(o){let i=Or(o);return!$d()||!i.visualViewport?T5:{x:i.visualViewport.offsetLeft,y:i.visualViewport.offsetTop}}function $5(o,i,t){return i===void 0&&(i=!1),!!t&&i&&t===Or(o)}function ya(o,i,t,r){i===void 0&&(i=!1),t===void 0&&(t=!1);let n=o.getBoundingClientRect(),a=ku(o),s=zn(1);i&&(r?Zi(r)&&(s=ls(r)):s=ls(o));let l=$5(a,t,r)?zv(a):zn(0),d=(n.left+l.x)/s.x,h=(n.top+l.y)/s.y,m=n.width/s.x,f=n.height/s.y;if(a&&r){let b=Or(a),g=Zi(r)?Or(r):r,v=b,y=Ad(v);for(;y&&g!==v;){let S=ls(y),E=y.getBoundingClientRect(),N=tn(y),U=E.left+(y.clientLeft+parseFloat(N.paddingLeft))*S.x,I=E.top+(y.clientTop+parseFloat(N.paddingTop))*S.y;d*=S.x,h*=S.y,m*=S.x,f*=S.y,d+=U,h+=I,v=Or(y),y=Ad(v)}}return ga({width:m,height:f,x:d,y:h})}function Md(o,i){let t=Ll(o).scrollLeft;return i?i.left+t:ya(kn(o)).left+t}function _v(o,i){let t=o.getBoundingClientRect(),r=t.left+i.scrollLeft-Md(o,t),n=t.top+i.scrollTop;return{x:r,y:n}}function A5(o){let{elements:i,rect:t,offsetParent:r,strategy:n}=o,a=n==="fixed",s=kn(r),l=i?Ml(i.floating):!1;if(r===s||l&&a)return t;let d={scrollLeft:0,scrollTop:0},h=zn(1),m=zn(0),f=jn(r);if((f||!a)&&((va(r)!=="body"||Al(s))&&(d=Ll(r)),f)){let g=ya(r);h=ls(r),m.x=g.x+r.clientLeft,m.y=g.y+r.clientTop}let b=s&&!f&&!a?_v(s,d):zn(0);return{width:t.width*h.x,height:t.height*h.y,x:t.x*h.x-d.scrollLeft*h.x+m.x+b.x,y:t.y*h.y-d.scrollTop*h.y+m.y+b.y}}function M5(o){return o.getClientRects?Array.from(o.getClientRects()):[]}function L5(o){let i=Ll(o),t=o.ownerDocument.body,r=Ji(o.scrollWidth,o.clientWidth,t.scrollWidth,t.clientWidth),n=Ji(o.scrollHeight,o.clientHeight,t.scrollHeight,t.clientHeight),a=-i.scrollLeft+Md(o),s=-i.scrollTop;return tn(t).direction==="rtl"&&(a+=Ji(o.clientWidth,t.clientWidth)-r),{width:r,height:n,x:a,y:s}}var q5=25;function I5(o,i,t){t===void 0&&(t="viewport");let r=t==="layoutViewport",n=Or(o),a=kn(o),s=n.visualViewport,l=a.clientWidth,d=a.clientHeight,h=0,m=0;if(s){let b=!$d()||i==="fixed";r?b||(h=-s.offsetLeft,m=-s.offsetTop):(l=s.width,d=s.height,b&&(h=s.offsetLeft,m=s.offsetTop))}if(Md(a)<=0){let b=a.ownerDocument,g=b.body,v=getComputedStyle(g),y=b.compatMode==="CSS1Compat"&&parseFloat(v.marginLeft)+parseFloat(v.marginRight)||0,S=Math.abs(a.clientWidth-g.clientWidth-y),E=getComputedStyle(a).scrollbarGutter==="stable both-edges"?S/2:S;E<=q5&&(l-=E)}return{width:l,height:d,x:h,y:m}}function D5(o,i){let t=ya(o,!0,i==="fixed"),r=t.top+o.clientTop,n=t.left+o.clientLeft,a=ls(o),s=o.clientWidth*a.x,l=o.clientHeight*a.y,d=n*a.x,h=r*a.y;return{width:s,height:l,x:d,y:h}}function yv(o,i,t){let r;if(i==="viewport"||i==="layoutViewport")r=I5(o,t,i);else if(i==="document")r=L5(kn(o));else if(Zi(i))r=D5(i,t);else{let n=zv(o);r={x:i.x-n.x,y:i.y-n.y,width:i.width,height:i.height}}return ga(r)}function R5(o,i){let t=i.get(o);if(t)return t;let r=os(o,[],!1).filter(l=>Zi(l)&&va(l)!=="body"),n=null,a=tn(o).position==="fixed",s=a?wo(o):o;for(;Zi(s)&&!ss(s);){let l=tn(s),d=as(s),h=n?n.position:a?"fixed":"";!d&&(h==="fixed"||h==="absolute"&&l.position==="static")?r=r.filter(f=>f!==s):n=l,s=wo(s)}return i.set(o,r),r}function N5(o){let{element:i,boundary:t,rootBoundary:r,strategy:n}=o,s=[...t==="clippingAncestors"?Ml(i)?[]:R5(i,this._c):[].concat(t),r],l=yv(i,s[0],n),d=l.top,h=l.right,m=l.bottom,f=l.left;for(let b=1;b<s.length;b++){let g=yv(i,s[b],n);d=Ji(g.top,d),h=wn(g.right,h),m=wn(g.bottom,m),f=Ji(g.left,f)}return{width:h-f,height:m-d,x:f,y:d}}function O5(o){let{width:i,height:t}=wv(o);return{width:i,height:t}}function P5(o,i,t){let r=jn(i),n=kn(i),a=t==="fixed",s=ya(o,!0,a,i),l={scrollLeft:0,scrollTop:0},d=zn(0);if((r||!a)&&((va(i)!=="body"||Al(n))&&(l=Ll(i)),r)){let b=ya(i,!0,a,i);d.x=b.x+i.clientLeft,d.y=b.y+i.clientTop}!r&&n&&(d.x=Md(n));let h=n&&!r&&!a?_v(n,l):zn(0),m=s.left+l.scrollLeft-d.x-h.x,f=s.top+l.scrollTop-d.y-h.y;return{x:m,y:f,width:s.width,height:s.height}}function _u(o){return tn(o).position==="static"}function xv(o,i){if(!jn(o)||tn(o).position==="fixed")return null;if(i)return i(o);let t=o.offsetParent;return kn(o)===t&&(t=t.ownerDocument.body),t}function kv(o,i){let t=Or(o);if(Ml(o))return t;if(!jn(o)){let n=wo(o);for(;n&&!ss(n);){if(Zi(n)&&!_u(n))return n;n=wo(n)}return t}let r=xv(o,i);for(;r&&gv(r)&&_u(r);)r=xv(r,i);return r&&ss(r)&&_u(r)&&!as(r)?t:r||bv(o)||t}var H5=async function(o){let i=this.getOffsetParent||kv,t=this.getDimensions,r=await t(o.floating);return{reference:P5(o.reference,await i(o.floating),o.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function F5(o){return tn(o).direction==="rtl"}var ql={convertOffsetParentRelativeRectToViewportRelativeRect:A5,getDocumentElement:kn,getClippingRect:N5,getOffsetParent:kv,getElementRects:H5,getClientRects:M5,getDimensions:O5,getScale:ls,isElement:Zi,isRTL:F5};function Cv(o,i){return o.x===i.x&&o.y===i.y&&o.width===i.width&&o.height===i.height}function B5(o,i,t){let r=null,n,a=kn(o);function s(){var m;clearTimeout(n),(m=r)==null||m.disconnect(),r=null}function l(m,f){m===void 0&&(m=!1),f===void 0&&(f=1),s();let b=o.getBoundingClientRect(),{left:g,top:v,width:y,height:S}=b;if(m||i(),!y||!S)return;let E=$l(v),N=$l(a.clientWidth-(g+y)),U=$l(a.clientHeight-(v+S)),I=$l(g),$={rootMargin:-E+"px "+-N+"px "+-U+"px "+-I+"px",threshold:Ji(0,wn(1,f))||1},M=!0;function W(ot){let vt=ot[0].intersectionRatio;if(!Cv(b,o.getBoundingClientRect()))return l();if(vt!==f){if(!M)return l();vt?l(!1,vt):n=setTimeout(()=>{l(!1,1e-7)},1e3)}M=!1}try{r=new IntersectionObserver(W,{...$,root:a.ownerDocument})}catch{r=new IntersectionObserver(W,$)}r.observe(o)}let d=Or(o),h=()=>l(t);return d.addEventListener("resize",h),l(!0),()=>{d.removeEventListener("resize",h),s()}}function Ld(o,i,t,r){r===void 0&&(r={});let{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:d=!1}=r,h=ku(o),m=n||a?[...h?os(h):[],...i?os(i):[]]:[];m.forEach(E=>{n&&E.addEventListener("scroll",t),a&&E.addEventListener("resize",t)});let f=h&&l?B5(h,t,a):null,b=-1,g=null;s&&(g=new ResizeObserver(E=>{let[N]=E;N&&N.target===h&&g&&i&&(g.unobserve(i),cancelAnimationFrame(b),b=requestAnimationFrame(()=>{var U;(U=g)==null||U.observe(i)})),t()}),h&&!d&&g.observe(h),i&&g.observe(i));let v,y=d?ya(o):null;d&&S();function S(){let E=ya(o);y&&!Cv(y,E)&&t(),y=E,v=requestAnimationFrame(S)}return t(),()=>{var E;m.forEach(N=>{n&&N.removeEventListener("scroll",t),a&&N.removeEventListener("resize",t)}),f?.(),(E=g)==null||E.disconnect(),g=null,d&&cancelAnimationFrame(v)}}var qd=pv;var Id=hv,Dd=dv,Il=uv;var Sv=cv;var Rd=(o,i,t)=>{let r=new Map,n=t??{},a={...ql,...n.platform,_c:r};return lv(o,i,{...n,platform:a})};function Ev(o){return V5(o)}function Cu(o){return o.assignedSlot?o.assignedSlot:o.parentNode instanceof ShadowRoot?o.parentNode.host:o.parentNode}function V5(o){for(let i=o;i;i=Cu(i))if(i instanceof Element&&getComputedStyle(i).display==="none")return null;for(let i=Cu(o);i;i=Cu(i)){if(!(i instanceof Element))continue;let t=getComputedStyle(i);if(t.display!=="contents"&&(t.position!=="static"||as(t)||i.tagName==="BODY"))return i}return null}var Tv=_`@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:host{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none}:host *,:host *::before,:host *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--zn-border-color))}[hidden]{display:none !important}.width-container,.form-container,.wide-form-container{height:100%;width:100%;margin:var(--zn-default-margin,0 auto)}.width-container{max-width:var(--zn-container)}.form-container{max-width:var(--zn-container-ph)}.wide-form-container{max-width:var(--zn-container-lg)}:host{--arrow-color:rgb(var(--zn-color-text));--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;margin:0;border:0;padding:0;background:transparent;overflow:visible;max-width:var(--auto-size-available-width,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup{}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--zn-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;function U5(o){return o!==null&&typeof o=="object"&&"getBoundingClientRect"in o&&("contextElement"in o?o instanceof Element:!0)}var Rt=class extends k{constructor(){super(...arguments);this.active=!1;this.placement="top";this.strategy="fixed";this.distance=0;this.skidding=0;this.arrow=!1;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=!1;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=!1;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=!1;this.handleAnchorHover=()=>{this.active||this.start()};this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){let t=this.anchorEl.getBoundingClientRect(),r=this.popup.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a,s,l,d,h,m,f,b;n?t.top<r.top?(a=t.left,s=t.bottom,l=t.right,d=t.bottom,h=r.left,m=r.top,f=r.right,b=r.top):(a=r.left,s=r.bottom,l=r.right,d=r.bottom,h=t.left,m=t.top,f=t.right,b=t.top):t.left<r.left?(a=t.right,s=t.top,l=r.left,d=r.top,h=t.right,m=t.bottom,f=r.left,b=r.bottom):(a=r.right,s=r.top,l=t.left,d=t.top,h=r.right,m=r.bottom,f=t.left,b=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--hover-bridge-top-left-y",`${s}px`),this.style.setProperty("--hover-bridge-top-right-x",`${l}px`),this.style.setProperty("--hover-bridge-top-right-y",`${d}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${h}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${m}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${f}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${b}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.active&&this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&typeof this.anchor=="string"){let t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||U5(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&!this.active&&this.anchorEl instanceof Element&&(this.anchorEl.removeEventListener("mouseover",this.handleAnchorHover),this.anchorEl.addEventListener("mouseover",this.handleAnchorHover))}start(){this.anchorEl&&(this.cleanup?.(),this.cleanup=Ld(this.anchorEl,this.popup,()=>{this.reposition()}))}async stop(){return new Promise(t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),this.popup.hidePopover(),requestAnimationFrame(()=>t())):t()})}reposition(){if(!this.active||!this.anchorEl)return;let t=[qd({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(Il({apply:({rects:n})=>{let a=this.sync==="width"||this.sync==="both",s=this.sync==="height"||this.sync==="both";this.popup.style.minWidth=a?`${n.reference.width}px`:"",this.popup.style.minHeight=s?`${n.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(Dd({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(Id({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(Il({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:n,availableHeight:a})=>{this.autoSize==="vertical"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-height",`${a}px`):this.style.removeProperty("--auto-size-available-height"),this.autoSize==="horizontal"||this.autoSize==="both"?this.style.setProperty("--auto-size-available-width",`${n}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Sv({element:this.arrowEl,padding:this.arrowPadding}));let r=this.strategy==="absolute"?n=>ql.getOffsetParent(n,Ev):ql.getOffsetParent;Rd(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:{...ql,getOffsetParent:r}}).then(({x:n,y:a,middlewareData:s,placement:l})=>{let d={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];if(this.setAttribute("data-current-placement",l),Object.assign(this.popup.style,{left:`${n}px`,top:`${a}px`}),!!this.popup?.isConnected&&(this.popup.matches(":popover-open")||this.popup.showPopover(),this.arrow)){let h=s.arrow.x,m=s.arrow.y,f="",b="",g="",v;this.arrowPlacement==="start"?(f=typeof m=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",b="",v=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="end"?(b=typeof h=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",v="",g=typeof m=="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""):this.arrowPlacement==="center"?(v=typeof h=="number"?"calc(50% - var(--arrow-size-diagonal))":"",f=typeof m=="number"?"calc(50% - var(--arrow-size-diagonal))":""):(v=typeof h=="number"?`${h}px`:"",f=typeof m=="number"?`${m}px`:""),Object.assign(this.arrowEl.style,{top:f,right:b,bottom:g,left:v,[d]:"calc(var(--arrow-size-diagonal) * -1)"})}}),requestAnimationFrame(()=>this.updateHoverBridge())}render(){return u`
       <slot class="anchor" name="anchor" @slotchange="${this.handleAnchorChange}"></slot>
 
       <span
@@ -147,7 +147,7 @@ import{a as Bn,b as s3,c as zr,d as c,e as V}from"./chunks/zn.UBLZO6CI.js";var L
       <div
         id="popup"
         part="popup"
-        popover
+        popover="manual"
         class="${q({popup:!0,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}"
       >
         <slot></slot>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubex/zinc",
-  "version": "1.1.109",
+  "version": "1.1.110",
   "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
   "keywords": [
     "web components",