@public-ui/components 1.5.0-rc.18 → 1.5.0-rc.19

package/cheat-sheet.html

@@ -9,9 +9,9 @@
 		<link href="https://fonts.cdnfonts.com/css/roboto" rel="stylesheet" />
 		<link href="https://use.fontawesome.com/releases/v6.2.1/css/all.css" rel="stylesheet" />
 		<script type="module">
-			import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.18';
-			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.18/dist/loader';
-			import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.18';
+			import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.19';
+			import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.19/dist/loader';
+			import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.19';
 				register(ITZBund, defineCustomElements)
 						.then(() => {})
 						.catch(console.warn);
@@ -60,12 +60,12 @@
 			<kol-link _href="https://public-ui.github.io" _target="github">
 				<kol-kolibri _labeled="false"></kol-kolibri>
 			</kol-link>
-			<kol-heading>Cheat Sheet</kol-heading>
+			<kol-heading _label="">Cheat Sheet</kol-heading>
 			<p><strong><kol-abbr _title="Komponenten-Bibliothek für die Barrierefreiheit" _tooltip-align="right">KoliBri</kol-abbr></strong> ist eine <strong>barrierefreie Komponenten-Bibliothek</strong> die sich durch separate Themes an unterschiedliche <strong>Styleguides</strong> und <strong>Design Systeme</strong> anpassen lässt.</p>
 			<p><kol-icon _aria-label="" _icon="fa-solid fa-arrow-right"></kol-icon> Link zur ausführliche <kol-link _href="https://public-ui.github.io" _target="github">Dokumentation</kol-link></p>
-			<kol-heading _level="2">Integration</kol-heading>
+			<kol-heading _label="" _level="2">Integration</kol-heading>
 			<p>Für eine hohe Flexibilität werden alle Teile (HTML, CSS, Fonts usw.) per Komposition-Prinzip beliebig mit einander kombiniert. Damit alles korrekt funktioniert, müssen alle Teile einer spezifischen Komposition eingebunden bzw. konfiguriert werden. In den folgenden Unterabschnitten wird die Integration am Beispiel des ITZBund-Themes gezeigt.</p>
-			<kol-heading _level="3">Assets</kol-heading>
+			<kol-heading _label="" _level="3">Assets</kol-heading>
 			<p><strong>Fonts</strong> und <strong>Icon-Fonts</strong> müssen im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite eingebunden werden.</p>
 			<pre>
 				<code class="language-html">&#60;head&#62;
@@ -73,35 +73,35 @@
 	&#60;link href="https://use.fontawesome.com/releases/v6.2.1/css/all.css" rel="stylesheet"&#62;
 &#60;/head&#62;</code>
 			</pre>
-			<kol-heading _level="3">Loader</kol-heading>
+			<kol-heading _label="" _level="3">Loader</kol-heading>
 			<p>Mit <strong>KoliBri</strong> ist es möglich unterschiedliche Themes mit den Komponenten zu kombinieren. Die Verknüpfung erfolgt über die <strong>Register</strong>-Methode. Ihr können eine oder mehrere Loader für die Custom-Elements und Themes übergeben werden.</p>
 			<pre>
 				<code class="language-html">&#60;head&#62;
 	&#60;script type="module"&#62;
-		import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.18';
-		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.18/dist/loader';
-		import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.18';
+		import { register } from 'https://esm.sh/@public-ui/components@1.5.0-rc.19';
+		import { defineCustomElements } from 'https://esm.sh/@public-ui/components@1.5.0-rc.19/dist/loader';
+		import { ITZBund } from 'https://esm.sh/@public-ui/themes@1.5.0-rc.19';
 		register([ITZBund], [defineCustomElements])
 			.then(() =&#62; {})
 			.catch(console.warn);
 	&#60;/script&#62;
 &#60;/head&#62;</code>
 			</pre>
-			<kol-heading _level="3">Config</kol-heading>
+			<kol-heading _label="" _level="3">Config</kol-heading>
 			<p>Wenn ein Theme registriert wird, werden alle darin enthaltenen <strong>CSS-Properties</strong> unter dem Theme-Namen als CSS-Klasse im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite hinzugefügt. So wird es ermöglicht, dass diese CSS-Properties in eigenem CSS für das "umrahmende" HTML wiederverwendet werden können. Damit das funktioniert, muss die CSS-Klasse mit dem Theme-Namen z.B. am <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;body&#62;</code> gesetzt werden.</p>
 			<pre>
 				<code class="language-html">&#60;body class="itzbund" data-theme="itzbund"&#62;
 	...
 &#60;/body&#62;</code>
 		</pre>
-		<kol-heading _level="3">VSCode</kol-heading>
+		<kol-heading _label="" _level="3">VSCode</kol-heading>
 		<p>Im VSCode können die Meta-Informationen der Komponenten und deren Eigenschaften für die Autovervollständigung von HTML aktiviert werden.</p>
 		<pre>
 			<code class="language-json">{
 	"html.customData": ["./node_modules/@public-ui/components/vscode-custom-data.json"]
 }</code>
 		</pre>
-		<kol-heading _level="3">Dev-Tools</kol-heading>
+		<kol-heading _label="" _level="3">Dev-Tools</kol-heading>
 		<p>KoliBri hat zahlreiche Hinweise für die Barrierefreiheit und Verwendung der Komponenten für die Entwicklung eingebaut. Damit die Hinweise in der Konsole des Browsers angezeigt werden, muss folgende Definition im <code class="language-html" style="background-color: #f3f3f3; padding: .25rem !important;">&#60;head&#62;</code> der HTML-Seite hinzugefügt werden.</p>
 		<pre>
 			<code class="language-html">&#60;head&#62;
@@ -125,13 +125,13 @@
 			</pre>
 		</kol-details>
 		<br>
-		<kol-heading _level="2">Usage</kol-heading>
+		<kol-heading _label="" _level="2">Usage</kol-heading>
 		<p>KoliBri-Komponenten sind wie eigenen HTML-Tags und werden einfach als solche im "umrahmenden" HTML (Responsiveness, Grid usw.) wiederverwendet und deren Ausprägung mittels der Komponenten-Eigenschaften bestimmt.</p>
 		<pre>
 			<code class="language-html">&#60;kol-input-text _id="surname" _required _value="Mustermann"&#62;Surname&#60;/kol-input-text&#62;
 &#60;kol-spin _show&#62;&#60;/kol-spin&#62;</code>
 	</pre>
-			<kol-heading _level="2">Components</kol-heading>
+			<kol-heading _label="" _level="2">Components</kol-heading>
 			<p>In der folgenden Tabelle werden alle Komponenten erläutert und deren jeweiligen Eigenschaften aufgelistet.</p>
 			<kol-table id="components" _caption="Available components"></kol-table>
 			<script>
@@ -170,6 +170,10 @@ Accordions kommen immer dann zum Einsatz, wenn einem thematischen Oberbegriff zu
 	name: `alert`,
 	desc: `Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ '_type' des Alert.`,
 	props: `_alert, _has-closer, _heading, _level, _type, _variant`
+},{
+	name: `alert-wc`,
+	desc: `Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ '_type' des Alert.`,
+	props: `_alert, _has-closer, _heading, _level, _type, _variant`
 },{
 	name: `badge`,
 	desc: `Mit **Badges** können Sie bestimmte Informationen auf Ihrer Webseite optisch hervorheben.
@@ -329,7 +333,7 @@ Das Triggerelement ist immer das im HTML vorangehende Element (previousSibling).
 },{
 	name: `progress`,
 	desc: `Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.`,
-	props: `_description, _max, _show-unit, _type, _unit, _value`
+	props: `_label, _max, _type, _unit, _value`
 },{
 	name: `quote`,
 	desc: `Die **Quote**-Komponente verfügt über zwei Varianten, eine kurze Fließtext-('inline') und eine eingerückte('block') Variante. Beide Varianten enthalten einen Link auf die Quelle des Zitates.`,
@@ -387,7 +391,7 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 },
 				];
 			</script>
-			<kol-heading _level="2">Properties</kol-heading>
+			<kol-heading _label="" _level="2">Properties</kol-heading>
 			<p>In der folgenden Tabelle werden alle Eigenschaften der Häufigkeit nach erläutert und jeweils die Komponenten aufgelistet, wo sie verwendet werden..</p>
 			<kol-table id="properties" _caption="Available properties"></kol-table>
 			<script>
@@ -440,7 +444,7 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	name: `_alert`,
 	desc: `Gibt an, ob der Screenreader die Meldung vorlesen soll.`,
 	types: `boolean`,
-	comps: `alert, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea, toast`
+	comps: `alert, alert-wc, input-checkbox, input-color, input-date, input-email, input-file, input-number, input-password, input-radio, input-range, input-text, select, textarea, toast`
 },{
 	name: `_access-key`,
 	desc: `Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.`,
@@ -481,31 +485,31 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt an, was der Screenreader ausgeben soll`,
 	types: `string`,
 	comps: `breadcrumb, button, button-link, icon, link, link-button, modal, nav, skip-nav, symbol, tabs`
+},{
+	name: `_type`,
+	desc: `Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird.`,
+	types: `"bar" | "cycle", "button" | "checkbox" | "default" | "switch", "button" | "reset" | "submit", "date" | "datetime-local" | "month" | "number" | "time" | "week", "date" | "datetime-local" | "month" | "time" | "week", "default" | "error" | "info" | "success" | "warning", "search" | "tel" | "text" | "url"`,
+	comps: `alert, alert-wc, button, button-link, input-checkbox, input-date, input-number, input-text, progress, toast`
 },{
 	name: `_required`,
 	desc: `Macht das Eingabeelement zu einem Pflichtfeld.`,
 	types: `boolean`,
 	comps: `input-checkbox, input-date, input-email, input-file, input-number, input-password, input-radio, input-text, select, textarea`
 },{
-	name: `_type`,
-	desc: `Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird.`,
-	types: `"bar" | "cycle", "button" | "checkbox" | "default" | "switch", "button" | "reset" | "submit", "date" | "datetime-local" | "month" | "number" | "time" | "week", "date" | "datetime-local" | "month" | "time" | "week", "default" | "error" | "info" | "success" | "warning", "search" | "tel" | "text" | "url"`,
-	comps: `alert, button, button-link, input-checkbox, input-date, input-number, input-text, progress, toast`
+	name: `_variant`,
+	desc: `Gibt an, welche Ausprägung der Button hat.`,
+	types: `"block" | "inline", "button" | "checkbox" | "default" | "switch", "card" | "msg", "custom" | "danger" | "ghost" | "normal" | "primary" | "secondary", "primary" | "secondary"`,
+	comps: `alert, alert-wc, button, input-checkbox, link-button, nav, pagination, quote`
 },{
 	name: `_list`,
 	desc: `Gibt den technischen Namen des Eingabefeldes an.`,
 	types: `Option<W3CInputValue>[] | string, Option<number>[] | string, SelectOption<W3CInputValue>[] | string, string | string[]`,
 	comps: `input-color, input-date, input-email, input-number, input-radio, input-range, input-text, select`
-},{
-	name: `_variant`,
-	desc: `Gibt an, welche Ausprägung der Button hat.`,
-	types: `"block" | "inline", "button" | "checkbox" | "default" | "switch", "card" | "msg", "custom" | "danger" | "ghost" | "normal" | "primary" | "secondary", "primary" | "secondary"`,
-	comps: `alert, button, input-checkbox, link-button, nav, pagination, quote`
 },{
 	name: `_label`,
 	desc: `Gibt den Text der Überschrift an.`,
 	types: `string`,
-	comps: `badge, button, button-link, heading, link, link-button, tooltip`
+	comps: `badge, button, button-link, heading, link, link-button, progress, tooltip`
 },{
 	name: `_auto-complete`,
 	desc: `Gibt an, ob das Eingabefeld autovervollständigt werden kann.`,
@@ -521,21 +525,26 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Setzt das Eingabefeld in den schreibgeschützten Modus.`,
 	types: `boolean`,
 	comps: `input-date, input-email, input-number, input-password, input-text, textarea`
+},{
+	name: `_level`,
+	desc: `Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.`,
+	types: `0 | 1 | 2 | 3 | 4 | 5 | 6`,
+	comps: `accordion, alert, alert-wc, card, heading, toast`
 },{
 	name: `_placeholder`,
 	desc: `Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.`,
 	types: `string`,
 	comps: `input-email, input-number, input-password, input-text, textarea`
-},{
-	name: `_level`,
-	desc: `Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.`,
-	types: `0 | 1 | 2 | 3 | 4 | 5 | 6`,
-	comps: `accordion, alert, card, heading, toast`
 },{
 	name: `_icon-only`,
 	desc: `Gibt an, ob nur das Icon angezeigt wird.`,
 	types: `boolean`,
 	comps: `badge, button, button-link, link, link-button`
+},{
+	name: `_heading`,
+	desc: `Gibt den Titel der Meldung an.`,
+	types: `string`,
+	comps: `accordion, alert, alert-wc, card, toast`
 },{
 	name: `_size`,
 	desc: `Setzt die Breite des Eingabefeldes in Buchstabenbreiten.`,
@@ -576,11 +585,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.`,
 	types: `Date | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96;, &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}T&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-&#36;{number}&#96; | &#96;&#36;{number}-W&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}:&#36;{number}&#96; | &#96;&#36;{number}:&#36;{number}&#96; | number, number`,
 	comps: `input-date, input-number, input-range, progress`
-},{
-	name: `_heading`,
-	desc: `Gibt den Titel der Meldung an.`,
-	types: `string`,
-	comps: `accordion, alert, card, toast`
 },{
 	name: `_step`,
 	desc: `Gibt die Schrittweite der Wertveränderung an`,
@@ -616,6 +620,11 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt die Ziel-Url des Links an.`,
 	types: `string`,
 	comps: `link, link-button, quote`
+},{
+	name: `_has-closer`,
+	desc: `Aktiviert das Schließen-Icon.`,
+	types: `boolean`,
+	comps: `alert, alert-wc, toast`
 },{
 	name: `_custom-class`,
 	desc: `Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.`,
@@ -651,11 +660,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.`,
 	types: `"bottom" | "left" | "right" | "top"`,
 	comps: `button, link`
-},{
-	name: `_has-closer`,
-	desc: `Aktiviert das Schließen-Icon.`,
-	types: `boolean`,
-	comps: `alert, toast`
 },{
 	name: `_caption`,
 	desc: `Gibt den  Titel oder eine Legende mit Erklärungen zur Tabelle an.`,
@@ -686,16 +690,6 @@ Ein geöffneter Tooltip lässt sich mit der 'Escape'-Taste schließen, um ggf.
 	desc: `Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)`,
 	types: `string`,
 	comps: `progress`
-},{
-	name: `_show-unit`,
-	desc: `Zeigt die Einheit der Fortschrittswerte an.`,
-	types: `boolean`,
-	comps: `progress`
-},{
-	name: `_description`,
-	desc: `Setzt die Beschreibung der Fortschrittsanzeige.`,
-	types: `string`,
-	comps: `progress`
 },{
 	name: `_total`,
 	desc: `Setzt die Gesamtanzahl der Seiten.`,

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0-rc.18",
+  "version": "1.5.0-rc.19",
   "tags": [
     {
       "name": "kol-abbr",
@@ -117,6 +117,58 @@
       "cssProperties": [],
       "cssParts": []
     },
+    {
+      "name": "kol-alert-wc",
+      "description": "Die **Alert**-Komponente gibt ein optisches Feedback an die Nutzer:innen. Sie besteht aus einem farblich gestalteten Container, einer Überschrift, einem Inhaltstext sowie einem Icon. Das verwendete Icon und die farbliche Gestaltung sind abhängig vom Typ `_type` des Alert.",
+      "attributes": [
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Screenreader die Meldung vorlesen soll.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_has-closer",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Alert ein Schließen-Icon hat.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_heading",
+          "type": "string | undefined",
+          "description": "Gibt den Titel der Meldung an.",
+          "required": false
+        },
+        {
+          "name": "_level",
+          "type": "0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Setzt den H-Level, von 1 bis 6, der Überschrift.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
+          "description": "Gibt an, ob es sich um eine Erfolgs-, Info-, Warnung- oder Fehlermeldung handelt.",
+          "defaultValue": "'default'",
+          "required": false
+        },
+        {
+          "name": "_variant",
+          "type": "\"card\" | \"msg\" | undefined",
+          "description": "Gibt an, welche Benachrichtigungsvariante dargestellt wird.",
+          "defaultValue": "'msg'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
     {
       "name": "kol-badge",
       "description": "Mit **Badges** können Sie bestimmte Informationen auf Ihrer Webseite optisch hervorheben.\nKoliBri bietet neben der Angabe der Hintergrundfarbe und automatischer Berechnung der Textfarbe auch die Möglichkeit, einem Badge ein Icon und/oder einen anderen Schriftschnitt mitzugeben.",
@@ -2628,9 +2680,9 @@
       "description": "Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.",
       "attributes": [
         {
-          "name": "_description",
+          "name": "_label",
           "type": "string | undefined",
-          "description": "Setzt die Beschreibung der Fortschrittsanzeige.",
+          "description": "Setzt die Bezeichnung der Fortschrittsanzeige.",
           "required": false
         },
         {
@@ -2639,12 +2691,6 @@
           "description": "Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.",
           "required": true
         },
-        {
-          "name": "_show-unit",
-          "type": "boolean | undefined",
-          "description": "Zeigt die Einheit der Fortschrittswerte an.",
-          "required": false
-        },
         {
           "name": "_type",
           "type": "\"bar\" | \"cycle\" | undefined",

package/dist/cjs/{floating-ui.dom.esm-f2716ff9.js → floating-ui.dom.esm-a89c1e0e.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return"y"===t?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,n){let{reference:o,floating:i}=t;const r=o.x+o.width/2-i.width/2,l=o.y+o.height/2-i.height/2,s=getMainAxisFromPlacement(e),c=getLengthFromAxis(s),a=o[c]/2-i[c]/2,g="x"===s;let f;switch(getSide(e)){case"top":f={x:r,y:o.y-i.height};break;case"bottom":f={x:r,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:l};break;case"left":f={x:o.x-i.width,y:l};break;default:f={x:o.x,y:o.y}}switch(getAlignment(e)){case"start":f[s]-=a*(n&&g?-1:1);break;case"end":f[s]+=a*(n&&g?-1:1)}return f}const computePosition$1=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,s=r.filter(Boolean),c=await(null==l.isRTL?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:g,y:f}=computeCoordsFromPlacement(a,o,c),m=o,u={},d=0;for(let n=0;n<s.length;n++){const{name:r,fn:p}=s[n],{x:h,y:w,data:x,reset:y}=await p({x:g,y:f,initialPlacement:o,placement:m,strategy:i,middlewareData:u,rects:a,platform:l,elements:{reference:t,floating:e}});g=null!=h?h:g,f=null!=w?w:f,u={...u,[r]:{...u[r],...x}},y&&d<=50&&(d++,"object"==typeof y&&(y.placement&&(m=y.placement),y.rects&&(a=!0===y.rects?await l.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:g,y:f}=computeCoordsFromPlacement(a,m,c))),n=-1)}return{x:g,y:f,placement:m,strategy:i,middlewareData:u}};function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getSideObjectFromPadding(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function detectOverflow(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:s,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:g="viewport",elementContext:f="floating",altBoundary:m=!1,padding:u=0}=e,d=getSideObjectFromPadding(u),p=s[m?"floating"===f?"reference":"floating":f],h=rectToClientRect(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(p)))||n?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:a,rootBoundary:g,strategy:c})),w="floating"===f?{...l.floating,x:o,y:i}:l.reference,x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),y=await(null==r.isElement?void 0:r.isElement(x))&&await(null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},v=rectToClientRect(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:x,strategy:c}):w);return{top:(h.top-v.top+d.top)/y.y,bottom:(v.bottom-h.bottom+d.bottom)/y.y,left:(h.left-v.left+d.left)/y.x,right:(v.right-h.right+d.right)/y.x}}const min$1=Math.min,max$1=Math.max;function within(t,e,n){return max$1(t,min$1(e,n))}const arrow=t=>({name:"arrow",options:t,async fn(e){const{element:n,padding:o=0}=t||{},{x:i,y:r,placement:l,rects:s,platform:c,elements:a}=e;if(null==n)return{};const g=getSideObjectFromPadding(o),f={x:i,y:r},m=getMainAxisFromPlacement(l),u=getLengthFromAxis(m),d=await c.getDimensions(n),p="y"===m,h=p?"top":"left",w=p?"bottom":"right",x=p?"clientHeight":"clientWidth",y=s.reference[u]+s.reference[m]-f[m]-s.floating[u],v=f[m]-s.reference[m],b=await(null==c.getOffsetParent?void 0:c.getOffsetParent(n));let A=b?b[x]:0;A&&await(null==c.isElement?void 0:c.isElement(b))||(A=a.floating[x]||s.floating[u]);const C=y/2-v/2,R=g[h],S=A-d[u]-g[w],E=A/2-d[u]/2+C,P=within(R,E,S),T=null!=getAlignment(l)&&E!=P&&s.reference[u]/2-(E<R?g[h]:g[w])-d[u]/2<0;return{[m]:f[m]-(T?E<R?R-E:S-E:0),data:{[m]:P,centerOffset:E-P}}}}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function getAlignmentSides(t,e,n){void 0===n&&(n=!1);const o=getAlignment(t),i=getMainAxisFromPlacement(t),r=getLengthFromAxis(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=getOppositePlacement(l)),{main:l,cross:getOppositePlacement(l)}}const oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function getOppositeAxisPlacements(t,e,n,o){const i=getAlignment(t);let r=getSideList(getSide(t),"start"===n,o);return i&&(r=r.map((t=>t+"-"+i)),e&&(r=r.concat(r.map(getOppositeAlignmentPlacement)))),r}const flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:o,middlewareData:i,rects:r,initialPlacement:l,platform:s,elements:c}=e,{mainAxis:a=!0,crossAxis:g=!0,fallbackPlacements:f,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:d=!0,...p}=t,h=getSide(o),w=getSide(l)===l,x=await(null==s.isRTL?void 0:s.isRTL(c.floating)),y=f||(w||!d?[getOppositePlacement(l)]:getExpandedPlacements(l));f||"none"===u||y.push(...getOppositeAxisPlacements(l,d,u,x));const v=[l,...y],b=await detectOverflow(e,p),A=[];let C=(null==(n=i.flip)?void 0:n.overflows)||[];if(a&&A.push(b[h]),g){const{main:t,cross:e}=getAlignmentSides(o,r,x);A.push(b[t],b[e])}if(C=[...C,{placement:o,overflows:A}],!A.every((t=>t<=0))){var R,S;const t=((null==(R=i.flip)?void 0:R.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(S=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!n)switch(m){case"bestFit":{var E;const t=null==(E=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(n=t);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}};async function convertValueToCoords(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),l=getSide(n),s=getAlignment(n),c="x"===getMainAxisFromPlacement(n),a=["left","top"].includes(l)?-1:1,g=r&&c?-1:1,f="function"==typeof e?e(t):e;let{mainAxis:m,crossAxis:u,alignmentAxis:d}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof d&&(u="end"===s?-1*d:d),c?{x:u*g,y:m*a}:{x:m*a,y:u*g}}const offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await convertValueToCoords(e,t);return{x:n+i.x,y:o+i.y,data:i}}}};function getCrossAxis(t){return"x"===t?"y":"x"}const shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...c}=t,a={x:n,y:o},g=await detectOverflow(e,c),f=getMainAxisFromPlacement(getSide(i)),m=getCrossAxis(f);let u=a[f],d=a[m];if(r){const t="y"===f?"bottom":"right";u=within(u+g["y"===f?"top":"left"],u,u-g[t])}if(l){const t="y"===m?"bottom":"right";d=within(d+g["y"===m?"top":"left"],d,d-g[t])}const p=s.fn({...e,[f]:u,[m]:d});return{...p,data:{x:p.x-n,y:p.y-o}}}}};function getWindow(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function isNode(t){return t instanceof getWindow(t).Node}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():""}let uaString;function getUAString(){if(uaString)return uaString;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(uaString=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),uaString):navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isShadowRoot(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot}function isOverflowElement(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=/firefox/i.test(getUAString()),n=getComputedStyle$1(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function isClientRectVisualViewportBased(){return/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}const min=Math.min,max=Math.max,round=Math.round;function getCssDimensions(t){const e=getComputedStyle$1(t);let n=parseFloat(e.width),o=parseFloat(e.height);const i=isHTMLElement(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,s=round(n)!==r||round(o)!==l;return s&&(n=r,o=l),{width:n,height:o,fallback:s}}function unwrapElement(t){return isElement(t)?t:t.contextElement}const FALLBACK_SCALE={x:1,y:1};function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return FALLBACK_SCALE;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=getCssDimensions(e);let l=(r?round(n.width):n.width)/o,s=(r?round(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}function getBoundingClientRect(t,e,n,o){var i,r;void 0===e&&(e=!1),void 0===n&&(n=!1);const l=t.getBoundingClientRect(),s=unwrapElement(t);let c=FALLBACK_SCALE;e&&(o?isElement(o)&&(c=getScale(o)):c=getScale(t));const a=s?getWindow(s):window,g=isClientRectVisualViewportBased()&&n;let f=(l.left+(g&&(null==(i=a.visualViewport)?void 0:i.offsetLeft)||0))/c.x,m=(l.top+(g&&(null==(r=a.visualViewport)?void 0:r.offsetTop)||0))/c.y,u=l.width/c.x,d=l.height/c.y;if(s){const t=getWindow(s),e=o&&isElement(o)?getWindow(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=getScale(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,f*=t.x,m*=t.y,u*=t.x,d*=t.y,f+=e.x,m+=e.y,n=getWindow(n).frameElement}}return rectToClientRect({width:u,height:d,x:f,y:m})}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=isHTMLElement(n),r=getDocumentElement(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},s={x:1,y:1};const c={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==getNodeName(n)||isOverflowElement(r))&&(l=getNodeScroll(n)),isHTMLElement(n))){const t=getBoundingClientRect(n);s=getScale(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-l.scrollLeft*s.x+c.x,y:e.y*s.y-l.scrollTop*s.y+c.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),n=getNodeScroll(t),o=t.ownerDocument.body,i=max(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=max(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+getWindowScrollBarX(t);const s=-n.scrollTop;return"rtl"===getComputedStyle$1(o).direction&&(l+=max(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:s}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?e.ownerDocument.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var n;void 0===e&&(e=[]);const o=getNearestOverflowAncestor(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=getWindow(o);return i?e.concat(r,r.visualViewport||[],isOverflowElement(o)?o:[]):e.concat(o,getOverflowAncestors(o))}function getViewportRect(t,e){const n=getWindow(t),o=getDocumentElement(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,s=0,c=0;if(i){r=i.width,l=i.height;const t=isClientRectVisualViewportBased();(!t||t&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:l,x:s,y:c}}function getInnerBoundingClientRect(t,e){const n=getBoundingClientRect(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=isHTMLElement(t)?getScale(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}function getClientRectFromClippingAncestor(t,e,n){let o;if("viewport"===e)o=getViewportRect(t,n);else if("document"===e)o=getDocumentRect(getDocumentElement(t));else if(isElement(e))o=getInnerBoundingClientRect(e,n);else{const n={...e};if(isClientRectVisualViewportBased()){var i,r;const e=getWindow(t);n.x-=(null==(i=e.visualViewport)?void 0:i.offsetLeft)||0,n.y-=(null==(r=e.visualViewport)?void 0:r.offsetTop)||0}o=n}return rectToClientRect(o)}function getClippingElementAncestors(t,e){const n=e.get(t);if(n)return n;let o=getOverflowAncestors(t).filter((t=>isElement(t)&&"body"!==getNodeName(t))),i=null;const r="fixed"===getComputedStyle$1(t).position;let l=r?getParentNode(t):t;for(;isElement(l)&&!isLastTraversableNode(l);){const t=getComputedStyle$1(l),e=isContainingBlock(l);"fixed"===t.position&&(i=null);(r?!e&&!i:!e&&"static"===t.position&&!!i&&["absolute","fixed"].includes(i.position))?o=o.filter((t=>t!==l)):i=t,l=getParentNode(l)}return e.set(t,o),o}function getClippingRect(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?getClippingElementAncestors(e,this._c):[].concat(n),o],l=r[0],s=r.reduce(((t,n)=>{const o=getClientRectFromClippingAncestor(e,n,i);return t.top=max(o.top,t.top),t.right=min(o.right,t.right),t.bottom=min(o.bottom,t.bottom),t.left=max(o.left,t.left),t}),getClientRectFromClippingAncestor(e,l,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(t){return getCssDimensions(t)}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function getOffsetParent(t,e){const n=getWindow(t);if(!isHTMLElement(t))return n;let o=getTrueOffsetParent(t,e);for(;o&&isTableElement(o)&&"static"===getComputedStyle$1(o).position;)o=getTrueOffsetParent(o,e);return o&&("html"===getNodeName(o)||"body"===getNodeName(o)&&"static"===getComputedStyle$1(o).position&&!isContainingBlock(o))?n:o||getContainingBlock(t)||n}function getRectRelativeToOffsetParent(t,e,n){const o=isHTMLElement(e),i=getDocumentElement(e),r=getBoundingClientRect(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==getNodeName(e)||isOverflowElement(i))&&(l=getNodeScroll(e)),isHTMLElement(e)){const t=getBoundingClientRect(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=getWindowScrollBarX(i));return{x:r.left+l.scrollLeft-s.x,y:r.top+l.scrollTop-s.y,width:r.width,height:r.height}}const platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||getOffsetParent,r=this.getDimensions;return{reference:getRectRelativeToOffsetParent(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===getComputedStyle$1(t).direction},computePosition=(t,e,n)=>{const o=new Map,i={platform:platform,...n},r={...i.platform,_c:o};return computePosition$1(t,e,{...i,platform:r})};exports.arrow=arrow,exports.computePosition=computePosition,exports.flip=flip,exports.offset=offset,exports.shift=shift;
+"use strict";function getAlignment(t){return t.split("-")[1]}function getLengthFromAxis(t){return"y"===t?"height":"width"}function getSide(t){return t.split("-")[0]}function getMainAxisFromPlacement(t){return["top","bottom"].includes(getSide(t))?"x":"y"}function computeCoordsFromPlacement(t,e,n){let{reference:o,floating:i}=t;const r=o.x+o.width/2-i.width/2,l=o.y+o.height/2-i.height/2,s=getMainAxisFromPlacement(e),c=getLengthFromAxis(s),a=o[c]/2-i[c]/2,g="x"===s;let f;switch(getSide(e)){case"top":f={x:r,y:o.y-i.height};break;case"bottom":f={x:r,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:l};break;case"left":f={x:o.x-i.width,y:l};break;default:f={x:o.x,y:o.y}}switch(getAlignment(e)){case"start":f[s]-=a*(n&&g?-1:1);break;case"end":f[s]+=a*(n&&g?-1:1)}return f}const computePosition$1=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,s=r.filter(Boolean),c=await(null==l.isRTL?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:g,y:f}=computeCoordsFromPlacement(a,o,c),m=o,u={},d=0;for(let n=0;n<s.length;n++){const{name:r,fn:p}=s[n],{x:h,y:w,data:x,reset:y}=await p({x:g,y:f,initialPlacement:o,placement:m,strategy:i,middlewareData:u,rects:a,platform:l,elements:{reference:t,floating:e}});g=null!=h?h:g,f=null!=w?w:f,u={...u,[r]:{...u[r],...x}},y&&d<=50&&(d++,"object"==typeof y&&(y.placement&&(m=y.placement),y.rects&&(a=!0===y.rects?await l.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:g,y:f}=computeCoordsFromPlacement(a,m,c))),n=-1)}return{x:g,y:f,placement:m,strategy:i,middlewareData:u}};function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getSideObjectFromPadding(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function detectOverflow(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:s,strategy:c}=t,{boundary:a="clippingAncestors",rootBoundary:g="viewport",elementContext:f="floating",altBoundary:m=!1,padding:u=0}=e,d=getSideObjectFromPadding(u),p=s[m?"floating"===f?"reference":"floating":f],h=rectToClientRect(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(p)))||n?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:a,rootBoundary:g,strategy:c})),w="floating"===f?{...l.floating,x:o,y:i}:l.reference,x=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),y=await(null==r.isElement?void 0:r.isElement(x))&&await(null==r.getScale?void 0:r.getScale(x))||{x:1,y:1},v=rectToClientRect(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:x,strategy:c}):w);return{top:(h.top-v.top+d.top)/y.y,bottom:(v.bottom-h.bottom+d.bottom)/y.y,left:(h.left-v.left+d.left)/y.x,right:(v.right-h.right+d.right)/y.x}}const min$1=Math.min,max$1=Math.max;function within(t,e,n){return max$1(t,min$1(e,n))}const arrow=t=>({name:"arrow",options:t,async fn(e){const{element:n,padding:o=0}=t||{},{x:i,y:r,placement:l,rects:s,platform:c,elements:a}=e;if(null==n)return{};const g=getSideObjectFromPadding(o),f={x:i,y:r},m=getMainAxisFromPlacement(l),u=getLengthFromAxis(m),d=await c.getDimensions(n),p="y"===m,h=p?"top":"left",w=p?"bottom":"right",x=p?"clientHeight":"clientWidth",y=s.reference[u]+s.reference[m]-f[m]-s.floating[u],v=f[m]-s.reference[m],A=await(null==c.getOffsetParent?void 0:c.getOffsetParent(n));let b=A?A[x]:0;b&&await(null==c.isElement?void 0:c.isElement(A))||(b=a.floating[x]||s.floating[u]);const C=y/2-v/2,R=g[h],E=b-d[u]-g[w],S=b/2-d[u]/2+C,P=within(R,S,E),T=null!=getAlignment(l)&&S!=P&&s.reference[u]/2-(S<R?g[h]:g[w])-d[u]/2<0;return{[m]:f[m]-(T?S<R?R-S:E-S:0),data:{[m]:P,centerOffset:S-P}}}}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function getAlignmentSides(t,e,n){void 0===n&&(n=!1);const o=getAlignment(t),i=getMainAxisFromPlacement(t),r=getLengthFromAxis(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=getOppositePlacement(l)),{main:l,cross:getOppositePlacement(l)}}const oppositeAlignmentMap={start:"end",end:"start"};function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getSideList(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function getOppositeAxisPlacements(t,e,n,o){const i=getAlignment(t);let r=getSideList(getSide(t),"start"===n,o);return i&&(r=r.map((t=>t+"-"+i)),e&&(r=r.concat(r.map(getOppositeAlignmentPlacement)))),r}const flip=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:o,middlewareData:i,rects:r,initialPlacement:l,platform:s,elements:c}=e,{mainAxis:a=!0,crossAxis:g=!0,fallbackPlacements:f,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:d=!0,...p}=t,h=getSide(o),w=getSide(l)===l,x=await(null==s.isRTL?void 0:s.isRTL(c.floating)),y=f||(w||!d?[getOppositePlacement(l)]:getExpandedPlacements(l));f||"none"===u||y.push(...getOppositeAxisPlacements(l,d,u,x));const v=[l,...y],A=await detectOverflow(e,p),b=[];let C=(null==(n=i.flip)?void 0:n.overflows)||[];if(a&&b.push(A[h]),g){const{main:t,cross:e}=getAlignmentSides(o,r,x);b.push(A[t],A[e])}if(C=[...C,{placement:o,overflows:b}],!b.every((t=>t<=0))){var R,E;const t=((null==(R=i.flip)?void 0:R.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(E=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!n)switch(m){case"bestFit":{var S;const t=null==(S=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:S[0];t&&(n=t);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}};async function convertValueToCoords(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),l=getSide(n),s=getAlignment(n),c="x"===getMainAxisFromPlacement(n),a=["left","top"].includes(l)?-1:1,g=r&&c?-1:1,f="function"==typeof e?e(t):e;let{mainAxis:m,crossAxis:u,alignmentAxis:d}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof d&&(u="end"===s?-1*d:d),c?{x:u*g,y:m*a}:{x:m*a,y:u*g}}const offset=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await convertValueToCoords(e,t);return{x:n+i.x,y:o+i.y,data:i}}}};function getCrossAxis(t){return"x"===t?"y":"x"}const shift=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...c}=t,a={x:n,y:o},g=await detectOverflow(e,c),f=getMainAxisFromPlacement(getSide(i)),m=getCrossAxis(f);let u=a[f],d=a[m];if(r){const t="y"===f?"bottom":"right";u=within(u+g["y"===f?"top":"left"],u,u-g[t])}if(l){const t="y"===m?"bottom":"right";d=within(d+g["y"===m?"top":"left"],d,d-g[t])}const p=s.fn({...e,[f]:u,[m]:d});return{...p,data:{x:p.x-n,y:p.y-o}}}}};function getWindow(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function isNode(t){return t instanceof getWindow(t).Node}function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():""}let uaString;function getUAString(){if(uaString)return uaString;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(uaString=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),uaString):navigator.userAgent}function isHTMLElement(t){return t instanceof getWindow(t).HTMLElement}function isElement(t){return t instanceof getWindow(t).Element}function isShadowRoot(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof getWindow(t).ShadowRoot||t instanceof ShadowRoot}function isOverflowElement(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=/firefox/i.test(getUAString()),n=getComputedStyle$1(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function isClientRectVisualViewportBased(){return/^((?!chrome|android).)*safari/i.test(getUAString())}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}const min=Math.min,max=Math.max,round=Math.round;function getCssDimensions(t){const e=getComputedStyle$1(t);let n=parseFloat(e.width),o=parseFloat(e.height);const i=isHTMLElement(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,s=round(n)!==r||round(o)!==l;return s&&(n=r,o=l),{width:n,height:o,fallback:s}}function unwrapElement(t){return isElement(t)?t:t.contextElement}const FALLBACK_SCALE={x:1,y:1};function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return FALLBACK_SCALE;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=getCssDimensions(e);let l=(r?round(n.width):n.width)/o,s=(r?round(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}function getBoundingClientRect(t,e,n,o){var i,r;void 0===e&&(e=!1),void 0===n&&(n=!1);const l=t.getBoundingClientRect(),s=unwrapElement(t);let c=FALLBACK_SCALE;e&&(o?isElement(o)&&(c=getScale(o)):c=getScale(t));const a=s?getWindow(s):window,g=isClientRectVisualViewportBased()&&n;let f=(l.left+(g&&(null==(i=a.visualViewport)?void 0:i.offsetLeft)||0))/c.x,m=(l.top+(g&&(null==(r=a.visualViewport)?void 0:r.offsetTop)||0))/c.y,u=l.width/c.x,d=l.height/c.y;if(s){const t=getWindow(s),e=o&&isElement(o)?getWindow(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=getScale(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,f*=t.x,m*=t.y,u*=t.x,d*=t.y,f+=e.x,m+=e.y,n=getWindow(n).frameElement}}return rectToClientRect({width:u,height:d,x:f,y:m})}function getDocumentElement(t){return((isNode(t)?t.ownerDocument:t.document)||window.document).documentElement}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=isHTMLElement(n),r=getDocumentElement(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},s={x:1,y:1};const c={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==getNodeName(n)||isOverflowElement(r))&&(l=getNodeScroll(n)),isHTMLElement(n))){const t=getBoundingClientRect(n);s=getScale(n),c.x=t.x+n.clientLeft,c.y=t.y+n.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-l.scrollLeft*s.x+c.x,y:e.y*s.y-l.scrollTop*s.y+c.y}}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),n=getNodeScroll(t),o=t.ownerDocument.body,i=max(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=max(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+getWindowScrollBarX(t);const s=-n.scrollTop;return"rtl"===getComputedStyle$1(o).direction&&(l+=max(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:s}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?e.ownerDocument.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e){var n;void 0===e&&(e=[]);const o=getNearestOverflowAncestor(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=getWindow(o);return i?e.concat(r,r.visualViewport||[],isOverflowElement(o)?o:[]):e.concat(o,getOverflowAncestors(o))}function getViewportRect(t,e){const n=getWindow(t),o=getDocumentElement(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,s=0,c=0;if(i){r=i.width,l=i.height;const t=isClientRectVisualViewportBased();(!t||t&&"fixed"===e)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:l,x:s,y:c}}function getInnerBoundingClientRect(t,e){const n=getBoundingClientRect(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=isHTMLElement(t)?getScale(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}function getClientRectFromClippingAncestor(t,e,n){let o;if("viewport"===e)o=getViewportRect(t,n);else if("document"===e)o=getDocumentRect(getDocumentElement(t));else if(isElement(e))o=getInnerBoundingClientRect(e,n);else{const n={...e};if(isClientRectVisualViewportBased()){var i,r;const e=getWindow(t);n.x-=(null==(i=e.visualViewport)?void 0:i.offsetLeft)||0,n.y-=(null==(r=e.visualViewport)?void 0:r.offsetTop)||0}o=n}return rectToClientRect(o)}function hasFixedPositionAncestor(t,e){const n=getParentNode(t);return!(n===e||!isElement(n)||isLastTraversableNode(n))&&("fixed"===getComputedStyle$1(n).position||hasFixedPositionAncestor(n,e))}function getClippingElementAncestors(t,e){const n=e.get(t);if(n)return n;let o=getOverflowAncestors(t).filter((t=>isElement(t)&&"body"!==getNodeName(t))),i=null;const r="fixed"===getComputedStyle$1(t).position;let l=r?getParentNode(t):t;for(;isElement(l)&&!isLastTraversableNode(l);){const e=getComputedStyle$1(l),n=isContainingBlock(l);n||"fixed"!==e.position||(i=null);(r?!n&&!i:!n&&"static"===e.position&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(l)&&!n&&hasFixedPositionAncestor(t,l))?o=o.filter((t=>t!==l)):i=e,l=getParentNode(l)}return e.set(t,o),o}function getClippingRect(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?getClippingElementAncestors(e,this._c):[].concat(n),o],l=r[0],s=r.reduce(((t,n)=>{const o=getClientRectFromClippingAncestor(e,n,i);return t.top=max(o.top,t.top),t.right=min(o.right,t.right),t.bottom=min(o.bottom,t.bottom),t.left=max(o.left,t.left),t}),getClientRectFromClippingAncestor(e,l,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(t){return getCssDimensions(t)}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function getOffsetParent(t,e){const n=getWindow(t);if(!isHTMLElement(t))return n;let o=getTrueOffsetParent(t,e);for(;o&&isTableElement(o)&&"static"===getComputedStyle$1(o).position;)o=getTrueOffsetParent(o,e);return o&&("html"===getNodeName(o)||"body"===getNodeName(o)&&"static"===getComputedStyle$1(o).position&&!isContainingBlock(o))?n:o||getContainingBlock(t)||n}function getRectRelativeToOffsetParent(t,e,n){const o=isHTMLElement(e),i=getDocumentElement(e),r=getBoundingClientRect(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==getNodeName(e)||isOverflowElement(i))&&(l=getNodeScroll(e)),isHTMLElement(e)){const t=getBoundingClientRect(e,!0);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else i&&(s.x=getWindowScrollBarX(i));return{x:r.left+l.scrollLeft-s.x,y:r.top+l.scrollTop-s.y,width:r.width,height:r.height}}const platform={getClippingRect:getClippingRect,convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,isElement:isElement,getDimensions:getDimensions,getOffsetParent:getOffsetParent,getDocumentElement:getDocumentElement,getScale:getScale,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||getOffsetParent,r=this.getDimensions;return{reference:getRectRelativeToOffsetParent(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===getComputedStyle$1(t).direction},computePosition=(t,e,n)=>{const o=new Map,i={platform:platform,...n},r={...i.platform,_c:o};return computePosition$1(t,e,{...i,platform:r})};exports.arrow=arrow,exports.computePosition=computePosition,exports.flip=flip,exports.offset=offset,exports.shift=shift;