@public-ui/components 2.0.0-rc.1 → 2.0.0-rc.10

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.10",
   "tags": [
     {
       "name": "kol-abbr",
@@ -251,7 +251,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         }
@@ -289,6 +289,12 @@
       "name": "kol-button",
       "description": "**Buttons** dienen dazu, Benutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Viewports zu finden und ermöglichen es ihnen, diese Aktionen auszuführen. Die Beschriftung des Buttons wird verwendet, um Nutzer:innen klar anzuzeigen, welche Aktion ausgelöst wird. Buttons ermöglichen es Nutzer:innen, eine Änderung zu bestätigen, Schritte in einer Aufgabe abzuschließen oder Entscheidungen zu treffen.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_aria-controls",
           "type": "string | undefined",
@@ -421,6 +427,12 @@
       "name": "kol-button-link",
       "description": "Der ButtonLink ist semantisch ein Button und hat das Design eines Links. Hierzu werden alle relevanten Properties der Button-Komponente übernommen und um die Design-bestimmenden Properties des Links erweitert.\n\nEinen Button kann man deaktivieren und daher gibt es bei einem ButtonLink das Property `_disabled`. Wie das optisch ausgestaltet wird, entscheidet die UX-Designer:in.\n\nStatt, wie bei einem Link, `_href` zu verwenden, wird bei einem ButtonLink das Property über den `Click-Callback` gesteuert. Hierzu wird das `_on`-Property verwendet.\n\nBei einem Link gibt es das Property `target`, welches ggf. den Link in einem neuen Fenster/Tab öffnet. Das Verhalten ist aktuell noch nicht umgesetzt.\n\nDa der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `secondary` usw.) angeboten wird, stehen die Properties `_customClass` und `_variant` nicht zur Verfügung.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_aria-controls",
           "type": "string | undefined",
@@ -836,9 +848,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_name",
@@ -970,9 +982,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_name",
@@ -982,7 +994,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1101,9 +1113,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max",
@@ -1139,7 +1151,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1278,9 +1290,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max-length",
@@ -1329,7 +1341,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1448,9 +1460,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_multiple",
@@ -1474,7 +1486,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1587,9 +1599,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max",
@@ -1631,7 +1643,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1763,9 +1775,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max-length",
@@ -1807,7 +1819,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1908,9 +1920,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_name",
@@ -2047,9 +2059,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max",
@@ -2197,9 +2209,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max-length",
@@ -2241,7 +2253,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: ButtonTypePropType | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _role?: AlternativeButtonLinkRolePropType | undefined; _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _accessKey?: string | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -2331,6 +2343,12 @@
       "name": "kol-link",
       "description": "Die **Link**-Komponente rendert einen auf Barrierefreiheit optimierten Link, der als Text, als Icon oder auch in Kombination ausgegeben werden kann.\n\nBeachten Sie, dass die Komponente automatisch ein Padding links und rechts zum umgebenden Text erzeugt. Sie kann daher im Fließtext ohne\nEingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern den Abstand zum umgebenden Text.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_download",
           "type": "string | undefined",
@@ -2411,6 +2429,12 @@
       "name": "kol-link-button",
       "description": "Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.\nWeitere Informationen zum Aussehen finden Sie auf der <kol-link _href=\"/docs/components/button\" _label=\"/docs/components/button\" _label=\"Seite des Buttons\"></kol-link>.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_custom-class",
           "type": "string | undefined",
@@ -2600,6 +2624,13 @@
           "defaultValue": "true",
           "required": false
         },
+        {
+          "name": "_has-compact-button",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.",
+          "defaultValue": "false",
+          "required": false
+        },
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
@@ -2702,13 +2733,6 @@
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "defaultValue": "'top'",
           "required": false
-        },
-        {
-          "name": "_variant",
-          "type": "\"custom\" | \"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | \"tertiary\" | undefined",
-          "description": "Defines which variant should be used for presentation.",
-          "defaultValue": "'normal'",
-          "required": false
         }
       ],
       "events": [],
@@ -2718,7 +2742,7 @@
       "cssParts": []
     },
     {
-      "name": "kol-popover",
+      "name": "kol-popover-wc",
       "description": "> <kol-badge _label=\"untested\"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.\n\nDie **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href=\"\" _label=\"Tooltip\"></kol-link>, um sein Triggerelement angeordnet ist.\nDas Triggerelement ist immer das im HTML vorangehende Element (previousSibling).",
       "attributes": [
         {
@@ -2890,9 +2914,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_multiple",
@@ -2991,6 +3015,12 @@
       "name": "kol-span",
       "description": "<kol-alert _type=\"warning\">Die **Span**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn es in Kombination mit dem Tooltip verwendet wird.</kol-alert>\n\nDie **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die Text-Icon-Kombination und das Expert-Slot-Konzept einheitlich umzusetzen.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_hide-label",
           "type": "boolean | undefined",
@@ -3218,7 +3248,7 @@
         },
         {
           "name": "_pagination",
-          "type": "boolean | string | undefined | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _max?: number | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _variant?: ButtonVariantPropType | undefined; _customClass?: string | undefined; _label?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "boolean | string | undefined | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _max?: number | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _customClass?: string | undefined; _label?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Defines whether to show the data distributed over multiple pages.",
           "required": false
         }
@@ -3339,9 +3369,9 @@
         },
         {
           "name": "_label",
-          "type": "string | undefined",
+          "type": "string",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.",
-          "required": false
+          "required": true
         },
         {
           "name": "_max-length",
@@ -3426,51 +3456,21 @@
       "cssProperties": [],
       "cssParts": []
     },
-    {
-      "name": "kol-toast",
-      "description": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster\nangezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt.",
-      "attributes": [
-        {
-          "name": "_label",
-          "type": "string",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).",
-          "required": true
-        },
-        {
-          "name": "_status",
-          "type": "\"adding\" | \"removing\" | \"settled\"",
-          "description": "Defines the current toast status.",
-          "required": true
-        },
-        {
-          "name": "_type",
-          "type": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\" | undefined",
-          "description": "Defines either the type of the component or of the components interactive element.",
-          "defaultValue": "'default'",
-          "required": false
-        }
-      ],
-      "events": [],
-      "methods": [],
-      "slots": [
-        {
-          "name": "",
-          "description": "Der Inhalt der Meldung."
-        }
-      ],
-      "cssProperties": [],
-      "cssParts": []
-    },
     {
       "name": "kol-toast-container",
-      "description": "Siehe [Toast](/docs/components/toast).",
+      "description": "Mit dem **Toast**-Service geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster\nangezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt.",
       "attributes": [],
       "events": [],
       "methods": [
+        {
+          "name": "closeAll",
+          "description": "",
+          "signature": "closeAll() => Promise<void>"
+        },
         {
           "name": "enqueue",
           "description": "",
-          "signature": "enqueue(toast: Toast) => Promise<void>"
+          "signature": "enqueue(toast: Toast) => Promise<() => void>"
         }
       ],
       "slots": [],
@@ -3481,6 +3481,12 @@
       "name": "kol-tooltip-wc",
       "description": "<kol-alert _type=\"warning\">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>\n\nDie **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.\n\nEin geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.\n\n**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht `display: inline` haben.",
       "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Defines the elements access key.",
+          "required": false
+        },
         {
           "name": "_align",
           "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",

package/dist/cjs/InternalUnderlinedAccessKey-1daef254.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const index=require("./index-a0085191.js"),InternalUnderlinedAccessKey=({accessKey:e,label:n})=>{let[l,...t]=n.split(e);return 0===t.length&&(e=e.toUpperCase(),[l,...t]=n.split(e)),0===t.length&&(e=e.toLowerCase(),[l,...t]=n.split(e)),index.h(index.Fragment,null,l,t.length?index.h(index.Fragment,null,index.h("u",null,e),t.join(e)):null)};exports.InternalUnderlinedAccessKey=InternalUnderlinedAccessKey;

package/dist/cjs/InternalUnderlinedAccessKey-1daef254.js.map

@@ -0,0 +1 @@
+{"file":"InternalUnderlinedAccessKey-1daef254.js","mappings":";;;;;;;MAMa,2BAA2B,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAS;EAEtE,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;EAC9C,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;IACtB,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;GAC1C;EACD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;IACtB,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;GAC1C;EACD,QACCA;IACE,KAAK;IACL,IAAI,CAAC,MAAM,IACXA;MACCA,mBAAI,SAAS,CAAK;MACjB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CACnB,IACA,IAAI,CACN,EACF;AACH;;;;","names":["h"],"sources":["src/components/span/InternalUnderlinedAccessKey.tsx"],"sourcesContent":["import { Fragment, h } from '@stencil/core';\n\ntype Props = {\n\taccessKey: string;\n\tlabel: string;\n};\nexport const InternalUnderlinedAccessKey = ({ accessKey, label }: Props) => {\n\t/* Prefer capitalization as defined in the access key, try uppercase/lowercase when there's no match. */\n\tlet [first, ...rest] = label.split(accessKey);\n\tif (rest.length === 0) {\n\t\taccessKey = accessKey.toUpperCase();\n\t\t[first, ...rest] = label.split(accessKey);\n\t}\n\tif (rest.length === 0) {\n\t\taccessKey = accessKey.toLowerCase();\n\t\t[first, ...rest] = label.split(accessKey);\n\t}\n\treturn (\n\t\t<>\n\t\t\t{first}\n\t\t\t{rest.length ? (\n\t\t\t\t<>\n\t\t\t\t\t<u>{accessKey}</u>\n\t\t\t\t\t{rest.join(accessKey)}\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n"],"version":3}

package/dist/cjs/{a11y.tipps-7bc295a0.js → a11y.tipps-52924c12.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const dev_utils=require("./dev.utils-8c7f47e6.js"),a11yCache=new Set,a11yHint=(e,i)=>{(!1===a11yCache.has(e)||(null==i?void 0:i.force))&&(a11yCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},devCache=new Set,devHint=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},devWarning=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1,n)=>{(!1===featureCache.has(e)||(null==n?void 0:n.force))&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=(e,i)=>{(!1===uiUxCache.has(e)||(null==i?void 0:i.force))&&(uiUxCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{i>7&&uiUxHint(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.devHint=devHint,exports.devWarning=devWarning,exports.featureHint=featureHint,exports.uiUxHint=uiUxHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;
+"use strict";const dev_utils=require("./dev.utils-dd0de607.js"),a11yCache=new Set,a11yHint=(e,i)=>{(!1===a11yCache.has(e)||(null==i?void 0:i.force))&&(a11yCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},devCache=new Set,devHint=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},devWarning=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1,n)=>{(!1===featureCache.has(e)||(null==n?void 0:n.force))&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=(e,i)=>{(!1===uiUxCache.has(e)||(null==i?void 0:i.force))&&(uiUxCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{i>7&&uiUxHint(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.devHint=devHint,exports.devWarning=devWarning,exports.featureHint=featureHint,exports.uiUxHint=uiUxHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;

package/dist/cjs/{a11y.tipps-7bc295a0.js.map → a11y.tipps-52924c12.js.map}

@@ -1 +1 @@
-{"file":"a11y.tipps-7bc295a0.js","mappings":";;;;;;;AAOA,MAAM,SAAS,GAAgB,IAAI,GAAG,EAAE,CAAC;MAC5B,QAAQ,GAAG,CAAC,GAAW,EAAE,OAAqB;EAC1D,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;IACrD,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnBA,aAAG,CAAC,KAAK,CAAE,CAAC,GAAG,CAAe,CAAC,MAAM,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC,EAAE;MAC9D,UAAU,EAAE,QAAQ;MACpB,cAAc,EAAE,0BAA0B;KAC1C,CAAC,CAAC;GACH;AACF,EAAE;AAaF,MAAM,QAAQ,GAAgB,IAAI,GAAG,EAAE,CAAC;MAC3B,OAAO,GAAG,CAAC,GAAW,EAAE,OAAqB;EACzD,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;IACpD,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClBA,aAAG,CAAC,KAAK,CAAE,CAAC,GAAG,CAAe,CAAC,MAAM,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC,EAAE;MAC9D,UAAU,EAAE,QAAQ;MACpB,cAAc,EAAE,0BAA0B;KAC1C,CAAC,CAAC;GACH;AACF,EAAE;MACW,UAAU,GAAG,CAAC,GAAW,EAAE,OAAqB;EAC5D,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;IACpD,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClBA,aAAG,CAAC,IAAI,CAAE,CAAC,GAAG,CAAe,CAAC,MAAM,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC,EAAE;MAC7D,UAAU,EAAE,QAAQ;MACpB,cAAc,EAAE,0BAA0B;KAC1C,CAAC,CAAC;GACH;AACF,EAAE;AAEF,MAAM,YAAY,GAAgB,IAAI,GAAG,EAAE,CAAC;MAC/B,WAAW,GAAG,CAAC,GAAW,EAAE,IAAI,GAAG,KAAK,EAAE,OAAqB;EAC3E,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;IACxD,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtB,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;IACjCA,aAAG,CAAC,KAAK,CAAE,CAAC,GAAG,CAAe,CAAC,MAAM,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC,EAAE;MAC9D,UAAU,EAAE,YAAY;MACxB,cAAc,EAAE,0BAA0B;KAC1C,CAAC,CAAC;GACH;AACF,EAAE;AACF,OAAO,CACN,4JAA4J,CAC5J,CAAC;AAEF,MAAM,SAAS,GAAgB,IAAI,GAAG,EAAE,CAAC;MAC5B,QAAQ,GAAG,CAAC,GAAW,EAAE,OAAqB;EAC1D,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAA,EAAE;IACrD,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnBA,aAAG,CAAC,KAAK,CAAE,CAAC,GAAG,CAAe,CAAC,MAAM,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,CAAC,EAAE;MAC9D,UAAU,EAAE,UAAU;MACtB,cAAc,EAAE,2BAA2B;KAC3C,CAAC,CAAC;GACH;AACF,EAAE;MAEW,gBAAgB,GAAG;EAC/B,QAAQ,CACP,oOAAoO,CACpO,CAAC;AACH,EAAE;MAEW,yBAAyB,GAAG,CAAC,KAAc;EACvD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,EAAE,EAAE;IAC9C,QAAQ,CACP,qVAAqV,CACrV,CAAC;GACF;AACF,EAAE;MAEW,sBAAsB,GAAG,CAAC,SAAiB,EAAE,MAAM,GAAG,CAAC;EACnE,IAAI,MAAM,GAAG,CAAC,EAAE;IACf,QAAQ,CACP,IAAI,SAAS;;;;gDAIgC,CAC7C,CAAC;GACF;AACF;;;;;;;;;;;","names":["Log"],"sources":["src/utils/a11y.tipps.ts"],"sourcesContent":["import { Log } from './dev.utils';\n\ntype HintOptions = {\n\tdetails?: unknown[];\n\tforce?: boolean;\n};\n\nconst a11yCache: Set<string> = new Set();\nexport const a11yHint = (msg: string, options?: HintOptions): void => {\n\tif (a11yCache.has(msg) === false || !!options?.force) {\n\t\ta11yCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `✋ a11y`,\n\t\t\toverwriteStyle: '; background-color: #09f',\n\t\t});\n\t}\n};\n\n// const deprecatedCache: Set<string> = new Set();\n// export const deprecatedHint = (msg: string, options?: HintOptions): void => {\n// \tif (deprecatedCache.has(msg) === false || !!options?.force) {\n// \t\tdeprecatedCache.add(msg);\n// \t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n// \t\t\tclassifier: `🔥 deprecated`,\n// \t\t\toverwriteStyle: '; background-color: #f00',\n// \t\t});\n// \t}\n// };\n\nconst devCache: Set<string> = new Set();\nexport const devHint = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\nexport const devWarning = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\n\nconst featureCache: Set<string> = new Set();\nexport const featureHint = (msg: string, done = false, options?: HintOptions): void => {\n\tif (featureCache.has(msg) === false || !!options?.force) {\n\t\tfeatureCache.add(msg);\n\t\tmsg += done === true ? ' ✅' : '';\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `🌟 feature`,\n\t\t\toverwriteStyle: '; background-color: #309',\n\t\t});\n\t}\n};\ndevHint(\n\t`Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!`\n);\n\nconst uiUxCache: Set<string> = new Set();\nexport const uiUxHint = (msg: string, options?: HintOptions): void => {\n\tif (uiUxCache.has(msg) === false || !!options?.force) {\n\t\tuiUxCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `📑 ui/ux`,\n\t\t\toverwriteStyle: '; background-color: #060;',\n\t\t});\n\t}\n};\n\nexport const a11yHintDisabled = (): void => {\n\ta11yHint(\n\t\t`\"Disabled\" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`\n\t);\n};\n\nexport const a11yHintLabelingLandmarks = (value: unknown): void => {\n\tif (typeof value !== 'string' || value === '') {\n\t\ta11yHint(\n\t\t\t`Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`\n\t\t);\n\t}\n};\n\nexport const uiUxHintMillerscheZahl = (className: string, length = 8): void => {\n\tif (length > 7) {\n\t\tuiUxHint(\n\t\t\t`[${className}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`\n\t\t);\n\t}\n};\n"],"version":3}
+{"file":"a11y.tipps-52924c12.js","mappings":"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","names":["Log"],"sources":["src/utils/a11y.tipps.ts"],"sourcesContent":["import { Log } from './dev.utils';\n\ntype HintOptions = {\n\tdetails?: unknown[];\n\tforce?: boolean;\n};\n\nconst a11yCache: Set<string> = new Set();\nexport const a11yHint = (msg: string, options?: HintOptions): void => {\n\tif (a11yCache.has(msg) === false || !!options?.force) {\n\t\ta11yCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `✋ a11y`,\n\t\t\toverwriteStyle: '; background-color: #09f',\n\t\t});\n\t}\n};\n\n// const deprecatedCache: Set<string> = new Set();\n// export const deprecatedHint = (msg: string, options?: HintOptions): void => {\n// \tif (deprecatedCache.has(msg) === false || !!options?.force) {\n// \t\tdeprecatedCache.add(msg);\n// \t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n// \t\t\tclassifier: `🔥 deprecated`,\n// \t\t\toverwriteStyle: '; background-color: #f00',\n// \t\t});\n// \t}\n// };\n\nconst devCache: Set<string> = new Set();\nexport const devHint = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\nexport const devWarning = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\n\nconst featureCache: Set<string> = new Set();\nexport const featureHint = (msg: string, done = false, options?: HintOptions): void => {\n\tif (featureCache.has(msg) === false || !!options?.force) {\n\t\tfeatureCache.add(msg);\n\t\tmsg += done === true ? ' ✅' : '';\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `🌟 feature`,\n\t\t\toverwriteStyle: '; background-color: #309',\n\t\t});\n\t}\n};\ndevHint(\n\t`Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!`\n);\n\nconst uiUxCache: Set<string> = new Set();\nexport const uiUxHint = (msg: string, options?: HintOptions): void => {\n\tif (uiUxCache.has(msg) === false || !!options?.force) {\n\t\tuiUxCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `📑 ui/ux`,\n\t\t\toverwriteStyle: '; background-color: #060;',\n\t\t});\n\t}\n};\n\nexport const a11yHintDisabled = (): void => {\n\ta11yHint(\n\t\t`\"Disabled\" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`\n\t);\n};\n\nexport const a11yHintLabelingLandmarks = (value: unknown): void => {\n\tif (typeof value !== 'string' || value === '') {\n\t\ta11yHint(\n\t\t\t`Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`\n\t\t);\n\t}\n};\n\nexport const uiUxHintMillerscheZahl = (className: string, length = 8): void => {\n\tif (length > 7) {\n\t\tuiUxHint(\n\t\t\t`[${className}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`\n\t\t);\n\t}\n};\n"],"version":3}

package/dist/cjs/access-key-abeed865.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const prop_validators=require("./prop.validators-ef9875d5.js"),validateAccessKey=(e,s)=>{prop_validators.watchString(e,"_accessKey",s)};exports.validateAccessKey=validateAccessKey;

package/dist/cjs/access-key-abeed865.js.map

@@ -0,0 +1 @@
+{"file":"access-key-abeed865.js","mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB;EAChGA,2BAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC7C;;;;","names":["watchString"],"sources":["src/types/props/access-key.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\nimport { watchString } from '../../utils/prop.validators';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines the elements access key.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n"],"version":3}

package/dist/cjs/align-floating-elements-01d5ad38.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const reuse=require("./reuse-786396d6.js"),min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=e=>({x:e,y:e}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp(e,t,n){return max(e,min(t,n))}function evaluate(e,t){return"function"==typeof e?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getOppositeAxis(e){return"x"===e?"y":"x"}function getAxisLength(e){return"y"===e?"height":"width"}function getSideAxis(e){return["top","bottom"].includes(getSide(e))?"y":"x"}function getAlignmentAxis(e){return getOppositeAxis(getSideAxis(e))}function getAlignmentSides(e,t,n){void 0===n&&(n=!1);const o=getAlignment(e),i=getAlignmentAxis(e),l=getAxisLength(i);let r="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[l]>t.floating[l]&&(r=getOppositePlacement(r)),[r,getOppositePlacement(r)]}function getExpandedPlacements(e){const t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(e=>oppositeAlignmentMap[e]))}function getSideList(e,t,n){const o=["left","right"],i=["right","left"],l=["top","bottom"],r=["bottom","top"];switch(e){case"top":case"bottom":return n?t?i:o:t?o:i;case"left":case"right":return t?l:r;default:return[]}}function getOppositeAxisPlacements(e,t,n,o){const i=getAlignment(e);let l=getSideList(getSide(e),"start"===n,o);return i&&(l=l.map((e=>e+"-"+i)),t&&(l=l.concat(l.map(getOppositeAlignmentPlacement)))),l}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(e=>oppositeSideMap[e]))}function expandPaddingObject(e){return{top:0,right:0,bottom:0,left:0,...e}}function getPaddingObject(e){return"number"!=typeof e?expandPaddingObject(e):{top:e,right:e,bottom:e,left:e}}function rectToClientRect(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function computeCoordsFromPlacement(e,t,n){let{reference:o,floating:i}=e;const l=getSideAxis(t),r=getAlignmentAxis(t),s=getAxisLength(r),c=getSide(t),a="y"===l,f=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,u=o[s]/2-i[s]/2;let d;switch(c){case"top":d={x:f,y:o.y-i.height};break;case"bottom":d={x:f,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:g};break;case"left":d={x:o.x-i.width,y:g};break;default:d={x:o.x,y:o.y}}switch(getAlignment(t)){case"start":d[r]-=u*(n&&a?-1:1);break;case"end":d[r]+=u*(n&&a?-1:1)}return d}const computePosition$1=async(e,t,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:l=[],platform:r}=n,s=l.filter(Boolean),c=await(null==r.isRTL?void 0:r.isRTL(t));let a=await r.getElementRects({reference:e,floating:t,strategy:i}),{x:f,y:g}=computeCoordsFromPlacement(a,o,c),u=o,d={},m=0;for(let n=0;n<s.length;n++){const{name:l,fn:p}=s[n],{x:h,y:w,data:y,reset:x}=await p({x:f,y:g,initialPlacement:o,placement:u,strategy:i,middlewareData:d,rects:a,platform:r,elements:{reference:e,floating:t}});f=null!=h?h:f,g=null!=w?w:g,d={...d,[l]:{...d[l],...y}},x&&m<=50&&(m++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(a=!0===x.rects?await r.getElementRects({reference:e,floating:t,strategy:i}):x.rects),({x:f,y:g}=computeCoordsFromPlacement(a,u,c))),n=-1)}return{x:f,y:g,placement:u,strategy:i,middlewareData:d}};async function detectOverflow(e,t){var n;void 0===t&&(t={});const{x:o,y:i,platform:l,rects:r,elements:s,strategy:c}=e,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:g="floating",altBoundary:u=!1,padding:d=0}=evaluate(t,e),m=getPaddingObject(d),p=s[u?"floating"===g?"reference":"floating":g],h=rectToClientRect(await l.getClippingRect({element:null==(n=await(null==l.isElement?void 0:l.isElement(p)))||n?p:p.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:a,rootBoundary:f,strategy:c})),w="floating"===g?{...r.floating,x:o,y:i}:r.reference,y=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),x=await(null==l.isElement?void 0:l.isElement(y))&&await(null==l.getScale?void 0:l.getScale(y))||{x:1,y:1},v=rectToClientRect(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:c}):w);return{top:(h.top-v.top+m.top)/x.y,bottom:(v.bottom-h.bottom+m.bottom)/x.y,left:(h.left-v.left+m.left)/x.x,right:(v.right-h.right+m.right)/x.x}}const arrow=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:i,rects:l,platform:r,elements:s,middlewareData:c}=t,{element:a,padding:f=0}=evaluate(e,t)||{};if(null==a)return{};const g=getPaddingObject(f),u={x:n,y:o},d=getAlignmentAxis(i),m=getAxisLength(d),p=await r.getDimensions(a),h="y"===d,w=h?"top":"left",y=h?"bottom":"right",x=h?"clientHeight":"clientWidth",v=l.reference[m]+l.reference[d]-u[d]-l.floating[m],b=u[d]-l.reference[d],E=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a));let R=E?E[x]:0;R&&await(null==r.isElement?void 0:r.isElement(E))||(R=s.floating[x]||l.floating[m]);const C=v/2-b/2,A=R/2-p[m]/2-1,O=min(g[w],A),S=min(g[y],A),T=O,P=R-p[m]-S,L=R/2-p[m]/2+C,N=clamp(T,L,P),D=!c.arrow&&null!=getAlignment(i)&&L!=N&&l.reference[m]/2-(L<T?O:S)-p[m]/2<0,W=D?L<T?T-L:P-L:0;return{[d]:u[d]-W,data:{[d]:N,centerOffset:L-N+W},reset:D}}}),flip=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n;const{placement:o,middlewareData:i,rects:l,initialPlacement:r,platform:s,elements:c}=t,{mainAxis:a=!0,crossAxis:f=!0,fallbackPlacements:g,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:m=!0,...p}=evaluate(e,t),h=getSide(o),w=getSide(r)===r,y=await(null==s.isRTL?void 0:s.isRTL(c.floating)),x=g||(w||!m?[getOppositePlacement(r)]:getExpandedPlacements(r));g||"none"===d||x.push(...getOppositeAxisPlacements(r,m,d,y));const v=[r,...x],b=await detectOverflow(t,p),E=[];let R=(null==(n=i.flip)?void 0:n.overflows)||[];if(a&&E.push(b[h]),f){const e=getAlignmentSides(o,l,y);E.push(b[e[0]],b[e[1]])}if(R=[...R,{placement:o,overflows:E}],!E.every((e=>e<=0))){var C,A;const e=((null==(C=i.flip)?void 0:C.index)||0)+1,t=v[e];if(t)return{data:{index:e,overflows:R},reset:{placement:t}};let n=null==(A=R.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:A.placement;if(!n)switch(u){case"bestFit":{var O;const e=null==(O=R.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:O[0];e&&(n=e);break}case"initialPlacement":n=r}if(o!==n)return{reset:{placement:n}}}return{}}}};async function convertValueToCoords(e,t){const{placement:n,platform:o,elements:i}=e,l=await(null==o.isRTL?void 0:o.isRTL(i.floating)),r=getSide(n),s=getAlignment(n),c="y"===getSideAxis(n),a=["left","top"].includes(r)?-1:1,f=l&&c?-1:1,g=evaluate(t,e);let{mainAxis:u,crossAxis:d,alignmentAxis:m}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return s&&"number"==typeof m&&(d="end"===s?-1*m:m),c?{x:d*f,y:u*a}:{x:u*a,y:d*f}}const offset=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:o}=t,i=await convertValueToCoords(t,e);return{x:n+i.x,y:o+i.y,data:i}}}},shift=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:i}=t,{mainAxis:l=!0,crossAxis:r=!1,limiter:s={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=evaluate(e,t),a={x:n,y:o},f=await detectOverflow(t,c),g=getSideAxis(getSide(i)),u=getOppositeAxis(g);let d=a[u],m=a[g];if(l){const e="y"===u?"bottom":"right";d=clamp(d+f["y"===u?"top":"left"],d,d-f[e])}if(r){const e="y"===g?"bottom":"right";m=clamp(m+f["y"===g?"top":"left"],m,m-f[e])}const p=s.fn({...t,[u]:d,[g]:m});return{...p,data:{x:p.x-n,y:p.y-o}}}}};function getNodeName(e){return isNode(e)?(e.nodeName||"").toLowerCase():"#document"}function getWindow(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return null==(t=(isNode(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function isNode(e){return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot)}function isOverflowElement(e){const{overflow:t,overflowX:n,overflowY:o,display:i}=getComputedStyle(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(i)}function isTableElement(e){return["table","td","th"].includes(getNodeName(e))}function isContainingBlock(e){const t=isWebKit(),n=getComputedStyle(e);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function getContainingBlock(e){let t=getParentNode(e);for(;isHTMLElement(t)&&!isLastTraversableNode(t);){if(isContainingBlock(t))return t;t=getParentNode(t)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){return isElement(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function getParentNode(e){if("html"===getNodeName(e))return e;const t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){const t=getParentNode(e);return isLastTraversableNode(t)?e.ownerDocument?e.ownerDocument.body:e.body:isHTMLElement(t)&&isOverflowElement(t)?t:getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,n){var o;void 0===t&&(t=[]),void 0===n&&(n=!0);const i=getNearestOverflowAncestor(e),l=i===(null==(o=e.ownerDocument)?void 0:o.body),r=getWindow(i);return l?t.concat(r,r.visualViewport||[],isOverflowElement(i)?i:[],r.frameElement&&n?getOverflowAncestors(r.frameElement):[]):t.concat(i,getOverflowAncestors(i))}function getCssDimensions(e){const t=getComputedStyle(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const i=isHTMLElement(e),l=i?e.offsetWidth:n,r=i?e.offsetHeight:o,s=round(n)!==l||round(o)!==r;return s&&(n=l,o=r),{width:n,height:o,$:s}}function unwrapElement(e){return isElement(e)?e:e.contextElement}function getScale(e){const t=unwrapElement(e);if(!isHTMLElement(t))return createCoords(1);const n=t.getBoundingClientRect(),{width:o,height:i,$:l}=getCssDimensions(t);let r=(l?round(n.width):n.width)/o,s=(l?round(n.height):n.height)/i;return r&&Number.isFinite(r)||(r=1),s&&Number.isFinite(s)||(s=1),{x:r,y:s}}const noOffsets=createCoords(0);function getVisualOffsets(e){const t=getWindow(e);return isWebKit()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==getWindow(e))&&t}function getBoundingClientRect(e,t,n,o){void 0===t&&(t=!1),void 0===n&&(n=!1);const i=e.getBoundingClientRect(),l=unwrapElement(e);let r=createCoords(1);t&&(o?isElement(o)&&(r=getScale(o)):r=getScale(e));const s=shouldAddVisualOffsets(l,n,o)?getVisualOffsets(l):createCoords(0);let c=(i.left+s.x)/r.x,a=(i.top+s.y)/r.y,f=i.width/r.x,g=i.height/r.y;if(l){const e=getWindow(l),t=o&&isElement(o)?getWindow(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=getScale(n),t=n.getBoundingClientRect(),o=getComputedStyle(n),i=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,l=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,a*=e.y,f*=e.x,g*=e.y,c+=i,a+=l,n=getWindow(n).frameElement}}return rectToClientRect({width:f,height:g,x:c,y:a})}function convertOffsetParentRelativeRectToViewportRelativeRect(e){let{rect:t,offsetParent:n,strategy:o}=e;const i=isHTMLElement(n),l=getDocumentElement(n);if(n===l)return t;let r={scrollLeft:0,scrollTop:0},s=createCoords(1);const c=createCoords(0);if((i||!i&&"fixed"!==o)&&(("body"!==getNodeName(n)||isOverflowElement(l))&&(r=getNodeScroll(n)),isHTMLElement(n))){const e=getBoundingClientRect(n);s=getScale(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-r.scrollLeft*s.x+c.x,y:t.y*s.y-r.scrollTop*s.y+c.y}}function getClientRects(e){return Array.from(e.getClientRects())}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getNodeScroll(e).scrollLeft}function getDocumentRect(e){const t=getDocumentElement(e),n=getNodeScroll(e),o=e.ownerDocument.body,i=max(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),l=max(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let r=-n.scrollLeft+getWindowScrollBarX(e);const s=-n.scrollTop;return"rtl"===getComputedStyle(o).direction&&(r+=max(t.clientWidth,o.clientWidth)-i),{width:i,height:l,x:r,y:s}}function getViewportRect(e,t){const n=getWindow(e),o=getDocumentElement(e),i=n.visualViewport;let l=o.clientWidth,r=o.clientHeight,s=0,c=0;if(i){l=i.width,r=i.height;const e=isWebKit();(!e||e&&"fixed"===t)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:l,height:r,x:s,y:c}}function getInnerBoundingClientRect(e,t){const n=getBoundingClientRect(e,!0,"fixed"===t),o=n.top+e.clientTop,i=n.left+e.clientLeft,l=isHTMLElement(e)?getScale(e):createCoords(1);return{width:e.clientWidth*l.x,height:e.clientHeight*l.y,x:i*l.x,y:o*l.y}}function getClientRectFromClippingAncestor(e,t,n){let o;if("viewport"===t)o=getViewportRect(e,n);else if("document"===t)o=getDocumentRect(getDocumentElement(e));else if(isElement(t))o=getInnerBoundingClientRect(t,n);else{const n=getVisualOffsets(e);o={...t,x:t.x-n.x,y:t.y-n.y}}return rectToClientRect(o)}function hasFixedPositionAncestor(e,t){const n=getParentNode(e);return!(n===t||!isElement(n)||isLastTraversableNode(n))&&("fixed"===getComputedStyle(n).position||hasFixedPositionAncestor(n,t))}function getClippingElementAncestors(e,t){const n=t.get(e);if(n)return n;let o=getOverflowAncestors(e,[],!1).filter((e=>isElement(e)&&"body"!==getNodeName(e))),i=null;const l="fixed"===getComputedStyle(e).position;let r=l?getParentNode(e):e;for(;isElement(r)&&!isLastTraversableNode(r);){const t=getComputedStyle(r),n=isContainingBlock(r);n||"fixed"!==t.position||(i=null);(l?!n&&!i:!n&&"static"===t.position&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(r)&&!n&&hasFixedPositionAncestor(e,r))?o=o.filter((e=>e!==r)):i=t,r=getParentNode(r)}return t.set(e,o),o}function getClippingRect(e){let{element:t,boundary:n,rootBoundary:o,strategy:i}=e;const l=[..."clippingAncestors"===n?getClippingElementAncestors(t,this._c):[].concat(n),o],r=l[0],s=l.reduce(((e,n)=>{const o=getClientRectFromClippingAncestor(t,n,i);return e.top=max(o.top,e.top),e.right=min(o.right,e.right),e.bottom=min(o.bottom,e.bottom),e.left=max(o.left,e.left),e}),getClientRectFromClippingAncestor(t,r,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(e){return getCssDimensions(e)}function getRectRelativeToOffsetParent(e,t,n){const o=isHTMLElement(t),i=getDocumentElement(t),l="fixed"===n,r=getBoundingClientRect(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const c=createCoords(0);if(o||!o&&!l)if(("body"!==getNodeName(t)||isOverflowElement(i))&&(s=getNodeScroll(t)),o){const e=getBoundingClientRect(t,!0,l,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&(c.x=getWindowScrollBarX(i));return{x:r.left+s.scrollLeft-c.x,y:r.top+s.scrollTop-c.y,width:r.width,height:r.height}}function getTrueOffsetParent(e,t){return isHTMLElement(e)&&"fixed"!==getComputedStyle(e).position?t?t(e):e.offsetParent:null}function getOffsetParent(e,t){const n=getWindow(e);if(!isHTMLElement(e))return n;let o=getTrueOffsetParent(e,t);for(;o&&isTableElement(o)&&"static"===getComputedStyle(o).position;)o=getTrueOffsetParent(o,t);return o&&("html"===getNodeName(o)||"body"===getNodeName(o)&&"static"===getComputedStyle(o).position&&!isContainingBlock(o))?n:o||getContainingBlock(e)||n}const getElementRects=async function(e){let{reference:t,floating:n,strategy:o}=e;const i=this.getOffsetParent||getOffsetParent,l=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t,await i(n),o),floating:{x:0,y:0,...await l(n)}}};function isRTL(e){return"rtl"===getComputedStyle(e).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};function observeMove(e,t){let n,o=null;const i=getDocumentElement(e);function l(){clearTimeout(n),o&&o.disconnect(),o=null}return function r(s,c){void 0===s&&(s=!1),void 0===c&&(c=1),l();const{left:a,top:f,width:g,height:u}=e.getBoundingClientRect();if(s||t(),!g||!u)return;const d={rootMargin:-floor(f)+"px "+-floor(i.clientWidth-(a+g))+"px "+-floor(i.clientHeight-(f+u))+"px "+-floor(a)+"px",threshold:max(0,min(1,c))||1};let m=!0;function p(e){const t=e[0].intersectionRatio;if(t!==c){if(!m)return r();t?r(!1,t):n=setTimeout((()=>{r(!1,1e-7)}),100)}m=!1}try{o=new IntersectionObserver(p,{...d,root:i.ownerDocument})}catch(e){o=new IntersectionObserver(p,d)}o.observe(e)}(!0),l}function autoUpdate(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:l=!0,elementResize:r="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,a=unwrapElement(e),f=i||l?[...a?getOverflowAncestors(a):[],...getOverflowAncestors(t)]:[];f.forEach((e=>{i&&e.addEventListener("scroll",n,{passive:!0}),l&&e.addEventListener("resize",n)}));const g=a&&s?observeMove(a,n):null;let u,d=-1,m=null;r&&(m=new ResizeObserver((e=>{let[o]=e;o&&o.target===a&&m&&(m.unobserve(t),cancelAnimationFrame(d),d=requestAnimationFrame((()=>{m&&m.observe(t)}))),n()})),a&&!c&&m.observe(a),m.observe(t));let p=c?getBoundingClientRect(e):null;return c&&function t(){const o=getBoundingClientRect(e);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n();p=o,u=requestAnimationFrame(t)}(),n(),()=>{f.forEach((e=>{i&&e.removeEventListener("scroll",n),l&&e.removeEventListener("resize",n)})),g&&g(),m&&m.disconnect(),m=null,c&&cancelAnimationFrame(u)}}const computePosition=(e,t,n)=>{const o=new Map,i={platform:platform,...n},l={...i.platform,_c:o};return computePosition$1(e,t,{...i,platform:l})},alignFloatingElements=async({floatingElement:e,referenceElement:t,arrowElement:n,align:o="top"})=>{var i,l,r;if("test"!==reuse.processEnv){const s=[offset(null!==(i=null==n?void 0:n.offsetHeight)&&void 0!==i?i:10),flip(),shift()];n&&s.push(arrow({element:n}));const{x:c,y:a,middlewareData:f,placement:g}=await computePosition(t,e,{placement:o,middleware:s});Object.assign(e.style,{left:`${c}px`,top:`${a}px`,visibility:"visible"}),n&&((null===(l=f.arrow)||void 0===l?void 0:l.x)?Object.assign(n.style,{left:`${f.arrow.x}px`,top:"bottom"===g?-n.offsetHeight/2+"px":"",bottom:"top"===g?-n.offsetHeight/2+"px":""}):(null===(r=f.arrow)||void 0===r?void 0:r.y)&&Object.assign(n.style,{left:"right"===g?-n.offsetWidth/2+"px":"",right:"left"===g?-n.offsetWidth/2+"px":"",top:`${f.arrow.y}px`}))}};exports.alignFloatingElements=alignFloatingElements,exports.autoUpdate=autoUpdate;