@public-ui/components 1.1.7-rc.10

package/custom-elements.json

@@ -0,0 +1,2757 @@
+{
+  "version": "1.1.7-rc.10",
+  "tags": [
+    {
+      "name": "kol-abbr",
+      "description": "Die **Abbr**-Komponente implementiert den HTML-Tag `abbr`, wobei hier jedoch der Tooltip barrierefrei ist.\nDer Tooltip für die Beschreibung wird bei Focus oder Hover der **Abbr**-Komponente angezeigt und vorgelesen.",
+      "attributes": [
+        {
+          "name": "_title",
+          "type": "string",
+          "description": "Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an.",
+          "required": true
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "defaultValue": "'top'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-accordion",
+      "description": "Die **Accordion**-Komponente ist ein Aufklapp-Menü. Klickt man auf den Kopfbereich, bestehend aus Icon und Überschrift, öffnet sich ein Textfeld mit zusätzlichen Informationen. Somit ist es ein interaktives Navigationselement, welches dazu dient, umfangreiche Inhalte platzsparend darzustellen.\n\nAccordions kommen immer dann zum Einsatz, wenn einem thematischen Oberbegriff zugeordnete Inhalte angezeigt oder verborgen werden sollen. Sie erlauben umfangreichere Detailinformationen zu einem Oberbegriff, als es aus Gründen der Übersichtlichkeit eigentlich sinnvoll wäre. Sie überlassen es den Besucher:innen selbst, ob sie sich diese Informationen anzeigen lassen möchten.",
+      "attributes": [
+        {
+          "name": "_heading",
+          "type": "string",
+          "description": "Gibt die Überschrift des Accordions an.",
+          "required": true
+        },
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_open",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Accordion geöffnet ist.",
+          "defaultValue": "false",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [
+        {
+          "name": "content",
+          "description": "Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions."
+        },
+        {
+          "name": "header",
+          "description": "Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions."
+        }
+      ],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "accordion",
+          "description": "Ermöglicht das Stylen des äußeren Container des Accordions."
+        },
+        {
+          "name": "close",
+          "description": "Ermöglicht das Stylen des geschlossenen Zustands und Icons."
+        },
+        {
+          "name": "content",
+          "description": "Ermöglicht das Stylen des Inhaltsbereichs."
+        },
+        {
+          "name": "header",
+          "description": "Ermöglicht das Stylen des Kopfbereichs."
+        },
+        {
+          "name": "icon",
+          "description": "Ermöglicht das Stylen der Icons."
+        },
+        {
+          "name": "open",
+          "description": "Ermöglicht das Stylen des geöffneten Zustands und Icons."
+        }
+      ]
+    },
+    {
+      "name": "kol-alert",
+      "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": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "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.",
+      "attributes": [
+        {
+          "name": "_color",
+          "type": "string | undefined | { backgroundColor: string; color: string; }",
+          "description": "Gibt die Farbe des Hintergrundes bzw. der Schrift an.",
+          "defaultValue": "Nationalfarben.Schwarz",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "Icofont | undefined",
+          "description": "Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)",
+          "required": false
+        },
+        {
+          "name": "_icon-align",
+          "type": "\"left\" | \"right\" | undefined",
+          "description": "Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.",
+          "defaultValue": "'left'",
+          "required": false
+        },
+        {
+          "name": "_icon-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob nur das Icon angezeigt wird.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_label",
+          "type": "string",
+          "description": "Gibt den Label-Text des Badges an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-breadcrumb",
+      "description": "Mit Hilfe der **Breadcrumb**-Komponente kann der Pfad zur aktuellen Position einer Webseite in einer hierarchischen Struktur dargestellt werden.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_links",
+          "type": "NavLinkProps[] | string",
+          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "link",
+          "description": "Ermöglicht das Stylen der Links."
+        },
+        {
+          "name": "separator",
+          "description": "Ermöglicht das Ändern des Separator-Icons."
+        }
+      ]
+    },
+    {
+      "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 ihm, 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": "Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_aria-controls",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
+          "required": false
+        },
+        {
+          "name": "_aria-current",
+          "type": "\"date\" | \"location\" | \"page\" | \"step\" | \"time\" | boolean | undefined",
+          "description": "Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "required": false
+        },
+        {
+          "name": "_aria-expanded",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
+          "required": false
+        },
+        {
+          "name": "_aria-label",
+          "type": "string | undefined",
+          "description": "Gibt einen beschreibenden Text des Buttons an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_custom-class",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Button deaktiviert ist.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { top: string | KoliBriCustomIcon; right?: string | KoliBriCustomIcon | undefined; bottom?: string | KoliBriCustomIcon | undefined; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right: string | KoliBriCustomIcon; bottom?: string | KoliBriCustomIcon | undefined; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right?: string | KoliBriCustomIcon | undefined; bottom: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right?: string | KoliBriCustomIcon | undefined; bottom?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "required": false
+        },
+        {
+          "name": "_icon-align",
+          "type": "\"left\" | \"right\" | undefined",
+          "description": "Gibt an, ob das Icon links oder rechts dargestellt werden soll.",
+          "defaultValue": "'left'",
+          "required": false
+        },
+        {
+          "name": "_icon-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob nur das Icon angezeigt wird.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string | undefined",
+          "description": "Gibt die ID der Schaltfläche an. (Selection, Testing)",
+          "required": false
+        },
+        {
+          "name": "_label",
+          "type": "string",
+          "description": "Gibt den Label für die Beschriftung der Schaltfläche an.",
+          "required": true
+        },
+        {
+          "name": "_show-as",
+          "type": "\"button\" | \"link\" | undefined",
+          "description": "Gibt an, ob der Button als Button oder Link dargestellt werden soll.",
+          "defaultValue": "'button'",
+          "required": false
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.",
+          "defaultValue": "'top'",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"button\" | \"reset\" | \"submit\" | undefined",
+          "description": "Gibt an, welche Typ der Button hat.",
+          "defaultValue": "'button'",
+          "required": false
+        },
+        {
+          "name": "_variant",
+          "type": "\"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
+          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "defaultValue": "'normal'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [
+        {
+          "name": "getInteractiveElementRef",
+          "description": "Gibt die Referenz auf das interaktive Element in der Komponente zurück.",
+          "signature": "getInteractiveElementRef() => Promise<HTMLButtonElement | undefined>"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-button-group",
+      "description": "**Buttons** dienen dazu, Nutzer:innen Auswahlmöglichkeiten für Aktionen anzuzeigen und diese in einer klaren Hierarchie anzuordnen. Sie helfen den Nutzer:innen, die wichtigsten Aktionen einer Seite oder innerhalb eines Applikation zu finden und ermöglichen es ihm, diese Aktionen auszuführen.\n\nDie **ButtonGroup**-Komponente fasst mehrere Buttons zu einer optischen und funktionalen Einheit zusammen.",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-card",
+      "description": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_** und einem **_Fuß-Bereich_**.\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.\nDer **Fuß-Bereich** wird optional durch ein Attribut aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt.",
+      "attributes": [
+        {
+          "name": "_has-footer",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Card einen Footer-Bereich hat.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_heading",
+          "type": "string",
+          "description": "Gibt die Überschrift der Card an.",
+          "required": true
+        },
+        {
+          "name": "_headline",
+          "type": "string | undefined",
+          "description": "Gibt die Überschrift der Card an.",
+          "required": false
+        },
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "defaultValue": "1",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [
+        {
+          "name": "content",
+          "description": "Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card."
+        },
+        {
+          "name": "footer",
+          "description": "Ermöglicht das Einfügen beliebigen HTML's in den Fußbereich der Card."
+        },
+        {
+          "name": "header",
+          "description": "Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich unterhalb der Überschrift der Card."
+        }
+      ],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "card",
+          "description": "TBD"
+        }
+      ]
+    },
+    {
+      "name": "kol-color",
+      "description": "",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-counter",
+      "description": "",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-details",
+      "description": "Mit Hilfe der **Detail**-Komponente können weiterführende Informationen zunächst mit einem kurzen Einleitungstext angezeigt werden, die erst nach Klick\ndurch die Nutzer:innen auf ein Pfeil-Icon in voller Größe aufgeklappt werden.\n\nDie **Detail**-Komponente stellt sich standardmäßig als einzeiliges Layout-Element dar, das aus einem Pfeil-Icon und einem nachfolgenden,\nkurzen Einleitungstext gebildet wird. Der eigentliche Inhalt der Komponente wird erst nach Klick auf das Icon nach unten hin geöffnet. Das Pfeil-Icon ändert dabei\nseine Ausrichtung von **_rechts_** nach **_unten_**.<br/>Analog lässt sich die Komponente auch wieder schließen und der Inhalt damit verbergen.",
+      "attributes": [
+        {
+          "name": "_open",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Detailbeschreibung geöffnet oder geschlossen ist.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_summary",
+          "type": "string",
+          "description": "Gibt die Zusammenfassung der Detailbeschreibung an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-form",
+      "description": "",
+      "attributes": [
+        {
+          "name": "_required-text",
+          "type": "boolean | string | undefined",
+          "description": "Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.",
+          "defaultValue": "true",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-heading",
+      "description": "Die **Heading**-Komponente kann überall dort verwendet werden, wo eine Überschrift angezeigt werden soll. Durch die Verwendung der unterschiedlichen Größen, lassen sich Inhalte klar strukturieren und Seiten wirkungsvoll und abwechslungsreich präsentieren. Sie trennt Styling von Semantik und ermöglicht Flexibilität.",
+      "attributes": [
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "defaultValue": "1",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-heading-wc",
+      "description": "Die **Heading**-Komponente kann überall dort verwendet werden, wo eine Überschrift angezeigt werden soll. Durch die Verwendung der unterschiedlichen Größen, lassen sich Inhalte klar strukturieren und Seiten wirkungsvoll und abwechslungsreich präsentieren. Sie trennt Styling von Semantik und ermöglicht Flexibilität.",
+      "attributes": [
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "defaultValue": "1",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-icon",
+      "description": "Mit Hilfe der **Icofont**-Komponente können Icons aus der Icofont-Bibliothek an beliebigen Positionen erzeugt werden. Die Ausgabe des Icon kann über Attribute gesteuert werden und erfolgt barrierefrei. Die Ausgabe erfolgt standardmäßig als **_inline_**-Element.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt das Aria-Label am Icon an.",
+          "required": true
+        },
+        {
+          "name": "_icon",
+          "type": "string",
+          "description": "Gibt einen Identifier eines Icons aus den Icon's an.",
+          "required": true
+        },
+        {
+          "name": "_part",
+          "type": "string | undefined",
+          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-icon-font-awesome",
+      "description": "Mit Hilfe der **IconFontAwesome**-Komponente können Icons aus der FontAwesome-Bibliothek an beliebigen Positionen erzeugt werden. Die Ausgabe des Icons kann über Attribute gesteuert werden und erfolgt barrierefrei. Die Ausgabe erfolgt standardmäßig als **_inline_**-Element.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt das Aria-Label am Icon an.",
+          "required": true
+        },
+        {
+          "name": "_icon",
+          "type": "\"dev\" | \"expand\" | \"filter\" | \"map\" | \"info\" | \"search\" | \"anchor\" | \"bold\" | \"link\" | \"at\" | \"node\" | \"windows\" | \"linux\" | \"angular\" | \"copy\" | \"code\" | \"table\" | \"th\" | \"video\" | \"circle\" | \"image\" | \"line\" | \"marker\" | \"mask\" | \"stop\" | \"download\" | \"sync\" | \"fill\" | \"terminal\" | \"square\" | \"history\" | \"print\" | \"scroll\" | \"key\" | \"equals\" | \"buffer\" | \"sort\" | \"pause\" | \"signal\" | \"stream\" | \"sign\" | \"file\" | \"cookie\" | \"trailer\" | \"android\" | \"freebsd\" | \"server\" | \"om\" | \"ban\" | \"bug\" | \"spa\" | \"cat\" | \"fan\" | \"car\" | \"gem\" | \"sms\" | \"sun\" | \"font\" | \"ghost\" | \"tag\" | \"cut\" | \"paste\" | \"play\" | \"arrow-left\" | \"arrow-right\" | \"heading\" | \"shield-alt\" | \"space-shuttle\" | \"bone\" | \"dog\" | \"fish\" | \"frog\" | \"horse-head\" | \"paw\" | \"barcode\" | \"chair\" | \"coins\" | \"id-card\" | \"stamp\" | \"chart-line\" | \"chart-pie\" | \"bolt\" | \"fire-extinguisher\" | \"hammer\" | \"paint-brush\" | \"wrench\" | \"bitcoin\" | \"hryvnia\" | \"keyboard\" | \"laptop\" | \"microphone-alt\" | \"microphone\" | \"mouse\" | \"arrow-down\" | \"arrow-up\" | \"caret-down\" | \"caret-left\" | \"caret-right\" | \"caret-up\" | \"expand-alt\" | \"atom\" | \"award\" | \"book\" | \"certificate\" | \"medal\" | \"microscope\" | \"pen-nib\" | \"university\" | \"angry\" | \"dizzy\" | \"file-alt\" | \"file-audio\" | \"file-code\" | \"file-excel\" | \"file-image\" | \"file-pdf\" | \"file-powerpoint\" | \"file-video\" | \"file-word\" | \"dumbbell\" | \"apple\" | \"beer\" | \"birthday-cake\" | \"carrot\" | \"cheese\" | \"cocktail\" | \"ice-cream\" | \"lemon\" | \"pizza-slice\" | \"baby\" | \"gavel\" | \"calculator\" | \"pen\" | \"ruler\" | \"ambulance\" | \"blind\" | \"brain\" | \"crutch\" | \"dna\" | \"first-aid\" | \"heartbeat\" | \"hospital\" | \"pills\" | \"prescription\" | \"stethoscope\" | \"tablets\" | \"thermometer\" | \"tooth\" | \"forward\" | \"music\" | \"volume-down\" | \"volume-mute\" | \"volume-off\" | \"volume-up\" | \"amazon\" | \"apple-pay\" | \"google-wallet\" | \"paypal\" | \"stripe\" | \"female\" | \"user\" | \"users\" | \"500px\" | \"behance\" | \"blogger\" | \"bootstrap\" | \"delicious\" | \"deviantart\" | \"digg\" | \"dribbble\" | \"dropbox\" | \"ello\" | \"ember\" | \"evernote\" | \"facebook-messenger\" | \"facebook\" | \"foursquare\" | \"github\" | \"google-plus\" | \"instagram\" | \"kickstarter\" | \"linkedin\" | \"magento\" | \"meetup\" | \"odnoklassniki\" | \"opencart\" | \"pinterest\" | \"qq\" | \"reddit\" | \"renren\" | \"rss\" | \"shopify\" | \"skype\" | \"slack\" | \"snapchat\" | \"soundcloud\" | \"spotify\" | \"stack-exchange\" | \"stack-overflow\" | \"steam\" | \"stumbleupon\" | \"telegram\" | \"trello\" | \"tumblr\" | \"twitch\" | \"twitter\" | \"typo3\" | \"viber\" | \"vimeo\" | \"vine\" | \"vk\" | \"weibo\" | \"whatsapp\" | \"xing\" | \"yahoo\" | \"yelp\" | \"youtube\" | \"stopwatch\" | \"swimmer\" | \"table-tennis\" | \"trophy\" | \"align-center\" | \"align-left\" | \"align-right\" | \"brush\" | \"indent\" | \"italic\" | \"outdent\" | \"paragraph\" | \"redo\" | \"save\" | \"subscript\" | \"superscript\" | \"text-height\" | \"text-width\" | \"trash\" | \"underline\" | \"undo\" | \"bicycle\" | \"bus\" | \"helicopter\" | \"rocket\" | \"ship\" | \"taxi\" | \"tractor\" | \"tram\" | \"truck\" | \"hotel\" | \"meteor\" | \"umbrella\" | \"wind\" | \"address-book\" | \"adjust\" | \"archive\" | \"bars\" | \"battery-empty\" | \"battery-full\" | \"battery-half\" | \"bed\" | \"bell\" | \"binoculars\" | \"bluetooth\" | \"bomb\" | \"box\" | \"briefcase\" | \"building\" | \"bullhorn\" | \"bullseye\" | \"calendar\" | \"camera\" | \"check\" | \"cloud\" | \"comment\" | \"compass\" | \"copyright\" | \"credit-card\" | \"crop\" | \"crown\" | \"cube\" | \"cubes\" | \"database\" | \"dice\" | \"edit\" | \"eject\" | \"envelope-open\" | \"envelope\" | \"eraser\" | \"exclamation-circle\" | \"exclamation\" | \"eye-dropper\" | \"eye\" | \"fax\" | \"film\" | \"fire-alt\" | \"fire\" | \"flag\" | \"flask\" | \"folder-open\" | \"folder\" | \"gift\" | \"globe\" | \"heart\" | \"home\" | \"inbox\" | \"info-circle\" | \"leaf\" | \"life-ring\" | \"list\" | \"location-arrow\" | \"lock\" | \"lungs\" | \"magic\" | \"magnet\" | \"male\" | \"minus-circle\" | \"minus-square\" | \"minus\" | \"moon\" | \"newspaper\" | \"paper-plane\" | \"paperclip\" | \"phone\" | \"plus-circle\" | \"plus-square\" | \"plus\" | \"question-circle\" | \"question\" | \"quote-left\" | \"quote-right\" | \"random\" | \"recycle\" | \"reply-all\" | \"reply\" | \"retweet\" | \"road\" | \"robot\" | \"satellite\" | \"share-alt\" | \"share\" | \"shopping-cart\" | \"spinner\" | \"star\" | \"street-view\" | \"tags\" | \"tasks\" | \"thumbs-down\" | \"thumbs-up\" | \"toggle-off\" | \"toggle-on\" | \"tools\" | \"traffic-light\" | \"tree\" | \"unlock\" | \"upload\" | \"usb\" | \"wallet\" | \"wheelchair\" | \"wifi\" | \"accessible-icon\" | \"accusoft\" | \"acquisitions-incorporated\" | \"ad\" | \"address-card\" | \"adn\" | \"adversal\" | \"affiliatetheme\" | \"air-freshener\" | \"airbnb\" | \"algolia\" | \"align-justify\" | \"alipay\" | \"allergies\" | \"amazon-pay\" | \"american-sign-language-interpreting\" | \"amilia\" | \"angellist\" | \"angle-double-down\" | \"angle-double-left\" | \"angle-double-right\" | \"angle-double-up\" | \"angle-down\" | \"angle-left\" | \"angle-right\" | \"angle-up\" | \"angrycreative\" | \"ankh\" | \"app-store\" | \"app-store-ios\" | \"apper\" | \"apple-alt\" | \"archway\" | \"arrow-alt-circle-down\" | \"arrow-alt-circle-left\" | \"arrow-alt-circle-right\" | \"arrow-alt-circle-up\" | \"arrow-circle-down\" | \"arrow-circle-left\" | \"arrow-circle-right\" | \"arrow-circle-up\" | \"arrows-alt\" | \"arrows-alt-h\" | \"arrows-alt-v\" | \"artstation\" | \"assistive-listening-systems\" | \"asterisk\" | \"asymmetrik\" | \"atlas\" | \"atlassian\" | \"audible\" | \"audio-description\" | \"autoprefixer\" | \"avianex\" | \"aviato\" | \"aws\" | \"baby-carriage\" | \"backspace\" | \"backward\" | \"bacon\" | \"bacteria\" | \"bacterium\" | \"bahai\" | \"balance-scale\" | \"balance-scale-left\" | \"balance-scale-right\" | \"band-aid\" | \"bandcamp\" | \"baseball-ball\" | \"basketball-ball\" | \"bath\" | \"battery-quarter\" | \"battery-three-quarters\" | \"battle-net\" | \"behance-square\" | \"bell-slash\" | \"bezier-curve\" | \"bible\" | \"biking\" | \"bimobject\" | \"biohazard\" | \"bitbucket\" | \"bity\" | \"black-tie\" | \"blackberry\" | \"blender\" | \"blender-phone\" | \"blog\" | \"blogger-b\" | \"bluetooth-b\" | \"bong\" | \"book-dead\" | \"book-medical\" | \"book-open\" | \"book-reader\" | \"bookmark\" | \"border-all\" | \"border-none\" | \"border-style\" | \"bowling-ball\" | \"box-open\" | \"box-tissue\" | \"boxes\" | \"braille\" | \"bread-slice\" | \"briefcase-medical\" | \"broadcast-tower\" | \"broom\" | \"btc\" | \"burn\" | \"buromobelexperte\" | \"bus-alt\" | \"business-time\" | \"buy-n-large\" | \"buysellads\" | \"calendar-alt\" | \"calendar-check\" | \"calendar-day\" | \"calendar-minus\" | \"calendar-plus\" | \"calendar-times\" | \"calendar-week\" | \"camera-retro\" | \"campground\" | \"canadian-maple-leaf\" | \"candy-cane\" | \"cannabis\" | \"capsules\" | \"car-alt\" | \"car-battery\" | \"car-crash\" | \"car-side\" | \"caravan\" | \"caret-square-down\" | \"caret-square-left\" | \"caret-square-right\" | \"caret-square-up\" | \"cart-arrow-down\" | \"cart-plus\" | \"cash-register\" | \"cc-amazon-pay\" | \"cc-amex\" | \"cc-apple-pay\" | \"cc-diners-club\" | \"cc-discover\" | \"cc-jcb\" | \"cc-mastercard\" | \"cc-paypal\" | \"cc-stripe\" | \"cc-visa\" | \"centercode\" | \"centos\" | \"chalkboard\" | \"chalkboard-teacher\" | \"charging-station\" | \"chart-area\" | \"chart-bar\" | \"check-circle\" | \"check-double\" | \"check-square\" | \"chess\" | \"chess-bishop\" | \"chess-board\" | \"chess-king\" | \"chess-knight\" | \"chess-pawn\" | \"chess-queen\" | \"chess-rook\" | \"chevron-circle-down\" | \"chevron-circle-left\" | \"chevron-circle-right\" | \"chevron-circle-up\" | \"chevron-down\" | \"chevron-left\" | \"chevron-right\" | \"chevron-up\" | \"child\" | \"chrome\" | \"chromecast\" | \"church\" | \"circle-notch\" | \"city\" | \"clinic-medical\" | \"clipboard\" | \"clipboard-check\" | \"clipboard-list\" | \"clock\" | \"clone\" | \"closed-captioning\" | \"cloud-download-alt\" | \"cloud-meatball\" | \"cloud-moon\" | \"cloud-moon-rain\" | \"cloud-rain\" | \"cloud-showers-heavy\" | \"cloud-sun\" | \"cloud-sun-rain\" | \"cloud-upload-alt\" | \"cloudflare\" | \"cloudscale\" | \"cloudsmith\" | \"cloudversify\" | \"code-branch\" | \"codepen\" | \"codiepie\" | \"coffee\" | \"cog\" | \"cogs\" | \"columns\" | \"comment-alt\" | \"comment-dollar\" | \"comment-dots\" | \"comment-medical\" | \"comment-slash\" | \"comments\" | \"comments-dollar\" | \"compact-disc\" | \"compress\" | \"compress-alt\" | \"compress-arrows-alt\" | \"concierge-bell\" | \"confluence\" | \"connectdevelop\" | \"contao\" | \"cookie-bite\" | \"cotton-bureau\" | \"couch\" | \"cpanel\" | \"creative-commons\" | \"creative-commons-by\" | \"creative-commons-nc\" | \"creative-commons-nc-eu\" | \"creative-commons-nc-jp\" | \"creative-commons-nd\" | \"creative-commons-pd\" | \"creative-commons-pd-alt\" | \"creative-commons-remix\" | \"creative-commons-sa\" | \"creative-commons-sampling\" | \"creative-commons-sampling-plus\" | \"creative-commons-share\" | \"creative-commons-zero\" | \"critical-role\" | \"crop-alt\" | \"cross\" | \"crosshairs\" | \"crow\" | \"css3\" | \"css3-alt\" | \"cuttlefish\" | \"d-and-d\" | \"d-and-d-beyond\" | \"dailymotion\" | \"dashcube\" | \"deaf\" | \"deezer\" | \"democrat\" | \"deploydog\" | \"deskpro\" | \"desktop\" | \"dharmachakra\" | \"dhl\" | \"diagnoses\" | \"diaspora\" | \"dice-d20\" | \"dice-d6\" | \"dice-five\" | \"dice-four\" | \"dice-one\" | \"dice-six\" | \"dice-three\" | \"dice-two\" | \"digital-ocean\" | \"digital-tachograph\" | \"directions\" | \"discord\" | \"discourse\" | \"disease\" | \"divide\" | \"dochub\" | \"docker\" | \"dollar-sign\" | \"dolly\" | \"dolly-flatbed\" | \"donate\" | \"door-closed\" | \"door-open\" | \"dot-circle\" | \"dove\" | \"draft2digital\" | \"drafting-compass\" | \"dragon\" | \"draw-polygon\" | \"dribbble-square\" | \"drum\" | \"drum-steelpan\" | \"drumstick-bite\" | \"drupal\" | \"dumpster\" | \"dumpster-fire\" | \"dungeon\" | \"dyalog\" | \"earlybirds\" | \"ebay\" | \"edge\" | \"edge-legacy\" | \"egg\" | \"elementor\" | \"ellipsis-h\" | \"ellipsis-v\" | \"empire\" | \"envelope-open-text\" | \"envelope-square\" | \"envira\" | \"erlang\" | \"ethereum\" | \"ethernet\" | \"etsy\" | \"euro-sign\" | \"exchange-alt\" | \"exclamation-triangle\" | \"expand-arrows-alt\" | \"expeditedssl\" | \"external-link-alt\" | \"external-link-square-alt\" | \"eye-slash\" | \"facebook-f\" | \"facebook-square\" | \"fantasy-flight-games\" | \"fast-backward\" | \"fast-forward\" | \"faucet\" | \"feather\" | \"feather-alt\" | \"fedex\" | \"fedora\" | \"fighter-jet\" | \"figma\" | \"file-archive\" | \"file-contract\" | \"file-csv\" | \"file-download\" | \"file-export\" | \"file-import\" | \"file-invoice\" | \"file-invoice-dollar\" | \"file-medical\" | \"file-medical-alt\" | \"file-prescription\" | \"file-signature\" | \"file-upload\" | \"fill-drip\" | \"fingerprint\" | \"firefox\" | \"firefox-browser\" | \"first-order\" | \"first-order-alt\" | \"firstdraft\" | \"fist-raised\" | \"flag-checkered\" | \"flag-usa\" | \"flickr\" | \"flipboard\" | \"flushed\" | \"fly\" | \"folder-minus\" | \"folder-plus\" | \"font-awesome\" | \"font-awesome-alt\" | \"font-awesome-flag\" | \"font-awesome-logo-full\" | \"fonticons\" | \"fonticons-fi\" | \"football-ball\" | \"fort-awesome\" | \"fort-awesome-alt\" | \"forumbee\" | \"free-code-camp\" | \"frown\" | \"frown-open\" | \"fulcrum\" | \"funnel-dollar\" | \"futbol\" | \"galactic-republic\" | \"galactic-senate\" | \"gamepad\" | \"gas-pump\" | \"genderless\" | \"get-pocket\" | \"gg\" | \"gg-circle\" | \"gifts\" | \"git\" | \"git-alt\" | \"git-square\" | \"github-alt\" | \"github-square\" | \"gitkraken\" | \"gitlab\" | \"gitter\" | \"glass-cheers\" | \"glass-martini\" | \"glass-martini-alt\" | \"glass-whiskey\" | \"glasses\" | \"glide\" | \"glide-g\" | \"globe-africa\" | \"globe-americas\" | \"globe-asia\" | \"globe-europe\" | \"gofore\" | \"golf-ball\" | \"goodreads\" | \"goodreads-g\" | \"google\" | \"google-drive\" | \"google-pay\" | \"google-play\" | \"google-plus-g\" | \"google-plus-square\" | \"gopuram\" | \"graduation-cap\" | \"gratipay\" | \"grav\" | \"greater-than\" | \"greater-than-equal\" | \"grimace\" | \"grin\" | \"grin-alt\" | \"grin-beam\" | \"grin-beam-sweat\" | \"grin-hearts\" | \"grin-squint\" | \"grin-squint-tears\" | \"grin-stars\" | \"grin-tears\" | \"grin-tongue\" | \"grin-tongue-squint\" | \"grin-tongue-wink\" | \"grin-wink\" | \"grip-horizontal\" | \"grip-lines\" | \"grip-lines-vertical\" | \"grip-vertical\" | \"gripfire\" | \"grunt\" | \"guilded\" | \"guitar\" | \"gulp\" | \"h-square\" | \"hacker-news\" | \"hacker-news-square\" | \"hackerrank\" | \"hamburger\" | \"hamsa\" | \"hand-holding\" | \"hand-holding-heart\" | \"hand-holding-medical\" | \"hand-holding-usd\" | \"hand-holding-water\" | \"hand-lizard\" | \"hand-middle-finger\" | \"hand-paper\" | \"hand-peace\" | \"hand-point-down\" | \"hand-point-left\" | \"hand-point-right\" | \"hand-point-up\" | \"hand-pointer\" | \"hand-rock\" | \"hand-scissors\" | \"hand-sparkles\" | \"hand-spock\" | \"hands\" | \"hands-helping\" | \"hands-wash\" | \"handshake\" | \"handshake-alt-slash\" | \"handshake-slash\" | \"hanukiah\" | \"hard-hat\" | \"hashtag\" | \"hat-cowboy\" | \"hat-cowboy-side\" | \"hat-wizard\" | \"hdd\" | \"head-side-cough\" | \"head-side-cough-slash\" | \"head-side-mask\" | \"head-side-virus\" | \"headphones\" | \"headphones-alt\" | \"headset\" | \"heart-broken\" | \"highlighter\" | \"hiking\" | \"hippo\" | \"hips\" | \"hire-a-helper\" | \"hive\" | \"hockey-puck\" | \"holly-berry\" | \"hooli\" | \"hornbill\" | \"horse\" | \"hospital-alt\" | \"hospital-symbol\" | \"hospital-user\" | \"hot-tub\" | \"hotdog\" | \"hotjar\" | \"hourglass\" | \"hourglass-end\" | \"hourglass-half\" | \"hourglass-start\" | \"house-damage\" | \"house-user\" | \"houzz\" | \"html5\" | \"hubspot\" | \"i-cursor\" | \"icicles\" | \"icons\" | \"id-badge\" | \"id-card-alt\" | \"ideal\" | \"igloo\" | \"images\" | \"imdb\" | \"industry\" | \"infinity\" | \"innosoft\" | \"instagram-square\" | \"instalod\" | \"intercom\" | \"internet-explorer\" | \"invision\" | \"ioxhost\" | \"itch-io\" | \"itunes\" | \"itunes-note\" | \"java\" | \"jedi\" | \"jedi-order\" | \"jenkins\" | \"jira\" | \"joget\" | \"joint\" | \"joomla\" | \"journal-whills\" | \"js\" | \"js-square\" | \"jsfiddle\" | \"kaaba\" | \"kaggle\" | \"keybase\" | \"keycdn\" | \"khanda\" | \"kickstarter-k\" | \"kiss\" | \"kiss-beam\" | \"kiss-wink-heart\" | \"kiwi-bird\" | \"korvue\" | \"landmark\" | \"language\" | \"laptop-code\" | \"laptop-house\" | \"laptop-medical\" | \"laravel\" | \"lastfm\" | \"lastfm-square\" | \"laugh\" | \"laugh-beam\" | \"laugh-squint\" | \"laugh-wink\" | \"layer-group\" | \"leanpub\" | \"less\" | \"less-than\" | \"less-than-equal\" | \"level-down-alt\" | \"level-up-alt\" | \"lightbulb\" | \"linkedin-in\" | \"linode\" | \"lira-sign\" | \"list-alt\" | \"list-ol\" | \"list-ul\" | \"lock-open\" | \"long-arrow-alt-down\" | \"long-arrow-alt-left\" | \"long-arrow-alt-right\" | \"long-arrow-alt-up\" | \"low-vision\" | \"luggage-cart\" | \"lungs-virus\" | \"lyft\" | \"mail-bulk\" | \"mailchimp\" | \"mandalorian\" | \"map-marked\" | \"map-marked-alt\" | \"map-marker\" | \"map-marker-alt\" | \"map-pin\" | \"map-signs\" | \"markdown\" | \"mars\" | \"mars-double\" | \"mars-stroke\" | \"mars-stroke-h\" | \"mars-stroke-v\" | \"mastodon\" | \"maxcdn\" | \"mdb\" | \"medapps\" | \"medium\" | \"medium-m\" | \"medkit\" | \"medrt\" | \"megaport\" | \"meh\" | \"meh-blank\" | \"meh-rolling-eyes\" | \"memory\" | \"mendeley\" | \"menorah\" | \"mercury\" | \"microblog\" | \"microchip\" | \"microphone-alt-slash\" | \"microphone-slash\" | \"microsoft\" | \"mitten\" | \"mix\" | \"mixcloud\" | \"mixer\" | \"mizuni\" | \"mobile\" | \"mobile-alt\" | \"modx\" | \"monero\" | \"money-bill\" | \"money-bill-alt\" | \"money-bill-wave\" | \"money-bill-wave-alt\" | \"money-check\" | \"money-check-alt\" | \"monument\" | \"mortar-pestle\" | \"mosque\" | \"motorcycle\" | \"mountain\" | \"mouse-pointer\" | \"mug-hot\" | \"napster\" | \"neos\" | \"network-wired\" | \"neuter\" | \"nimblr\" | \"node-js\" | \"not-equal\" | \"notes-medical\" | \"npm\" | \"ns8\" | \"nutritionix\" | \"object-group\" | \"object-ungroup\" | \"octopus-deploy\" | \"odnoklassniki-square\" | \"oil-can\" | \"old-republic\" | \"openid\" | \"opera\" | \"optin-monster\" | \"orcid\" | \"osi\" | \"otter\" | \"page4\" | \"pagelines\" | \"pager\" | \"paint-roller\" | \"palette\" | \"palfed\" | \"pallet\" | \"parachute-box\" | \"parking\" | \"passport\" | \"pastafarianism\" | \"patreon\" | \"pause-circle\" | \"peace\" | \"pen-alt\" | \"pen-fancy\" | \"pen-square\" | \"pencil-alt\" | \"pencil-ruler\" | \"penny-arcade\" | \"people-arrows\" | \"people-carry\" | \"pepper-hot\" | \"perbyte\" | \"percent\" | \"percentage\" | \"periscope\" | \"person-booth\" | \"phabricator\" | \"phoenix-framework\" | \"phoenix-squadron\" | \"phone-alt\" | \"phone-slash\" | \"phone-square\" | \"phone-square-alt\" | \"phone-volume\" | \"photo-video\" | \"php\" | \"pied-piper\" | \"pied-piper-alt\" | \"pied-piper-hat\" | \"pied-piper-pp\" | \"pied-piper-square\" | \"piggy-bank\" | \"pinterest-p\" | \"pinterest-square\" | \"place-of-worship\" | \"plane\" | \"plane-arrival\" | \"plane-departure\" | \"plane-slash\" | \"play-circle\" | \"playstation\" | \"plug\" | \"podcast\" | \"poll\" | \"poll-h\" | \"poo\" | \"poo-storm\" | \"poop\" | \"portrait\" | \"pound-sign\" | \"power-off\" | \"pray\" | \"praying-hands\" | \"prescription-bottle\" | \"prescription-bottle-alt\" | \"procedures\" | \"product-hunt\" | \"project-diagram\" | \"pump-medical\" | \"pump-soap\" | \"pushed\" | \"puzzle-piece\" | \"python\" | \"qrcode\" | \"quidditch\" | \"quinscape\" | \"quora\" | \"quran\" | \"r-project\" | \"radiation\" | \"radiation-alt\" | \"rainbow\" | \"raspberry-pi\" | \"ravelry\" | \"react\" | \"reacteurope\" | \"readme\" | \"rebel\" | \"receipt\" | \"record-vinyl\" | \"red-river\" | \"reddit-alien\" | \"reddit-square\" | \"redhat\" | \"redo-alt\" | \"registered\" | \"remove-format\" | \"replyd\" | \"republican\" | \"researchgate\" | \"resolving\" | \"restroom\" | \"rev\" | \"ribbon\" | \"ring\" | \"rocketchat\" | \"rockrms\" | \"route\" | \"rss-square\" | \"ruble-sign\" | \"ruler-combined\" | \"ruler-horizontal\" | \"ruler-vertical\" | \"running\" | \"rupee-sign\" | \"rust\" | \"sad-cry\" | \"sad-tear\" | \"safari\" | \"salesforce\" | \"sass\" | \"satellite-dish\" | \"schlix\" | \"school\" | \"screwdriver\" | \"scribd\" | \"sd-card\" | \"search-dollar\" | \"search-location\" | \"search-minus\" | \"search-plus\" | \"searchengin\" | \"seedling\" | \"sellcast\" | \"sellsy\" | \"servicestack\" | \"shapes\" | \"share-alt-square\" | \"share-square\" | \"shekel-sign\" | \"shield-virus\" | \"shipping-fast\" | \"shirtsinbulk\" | \"shoe-prints\" | \"shopping-bag\" | \"shopping-basket\" | \"shopware\" | \"shower\" | \"shuttle-van\" | \"sign-in-alt\" | \"sign-language\" | \"sign-out-alt\" | \"signature\" | \"sim-card\" | \"simplybuilt\" | \"sink\" | \"sistrix\" | \"sitemap\" | \"sith\" | \"skating\" | \"sketch\" | \"skiing\" | \"skiing-nordic\" | \"skull\" | \"skull-crossbones\" | \"skyatlas\" | \"slack-hash\" | \"slash\" | \"sleigh\" | \"sliders-h\" | \"slideshare\" | \"smile\" | \"smile-beam\" | \"smile-wink\" | \"smog\" | \"smoking\" | \"smoking-ban\" | \"snapchat-ghost\" | \"snapchat-square\" | \"snowboarding\" | \"snowflake\" | \"snowman\" | \"snowplow\" | \"soap\" | \"socks\" | \"solar-panel\" | \"sort-alpha-down\" | \"sort-alpha-down-alt\" | \"sort-alpha-up\" | \"sort-alpha-up-alt\" | \"sort-amount-down\" | \"sort-amount-down-alt\" | \"sort-amount-up\" | \"sort-amount-up-alt\" | \"sort-down\" | \"sort-numeric-down\" | \"sort-numeric-down-alt\" | \"sort-numeric-up\" | \"sort-numeric-up-alt\" | \"sort-up\" | \"sourcetree\" | \"speakap\" | \"speaker-deck\" | \"spell-check\" | \"spider\" | \"splotch\" | \"spray-can\" | \"square-full\" | \"square-root-alt\" | \"squarespace\" | \"stackpath\" | \"star-and-crescent\" | \"star-half\" | \"star-half-alt\" | \"star-of-david\" | \"star-of-life\" | \"staylinked\" | \"steam-square\" | \"steam-symbol\" | \"step-backward\" | \"step-forward\" | \"sticker-mule\" | \"sticky-note\" | \"stop-circle\" | \"stopwatch-20\" | \"store\" | \"store-alt\" | \"store-alt-slash\" | \"store-slash\" | \"strava\" | \"strikethrough\" | \"stripe-s\" | \"stroopwafel\" | \"studiovinari\" | \"stumbleupon-circle\" | \"subway\" | \"suitcase\" | \"suitcase-rolling\" | \"superpowers\" | \"supple\" | \"surprise\" | \"suse\" | \"swatchbook\" | \"swift\" | \"swimming-pool\" | \"symfony\" | \"synagogue\" | \"sync-alt\" | \"syringe\" | \"tablet\" | \"tablet-alt\" | \"tachometer-alt\" | \"tape\" | \"teamspeak\" | \"teeth\" | \"teeth-open\" | \"telegram-plane\" | \"temperature-high\" | \"temperature-low\" | \"tencent-weibo\" | \"tenge\" | \"th-large\" | \"th-list\" | \"the-red-yeti\" | \"theater-masks\" | \"themeco\" | \"themeisle\" | \"thermometer-empty\" | \"thermometer-full\" | \"thermometer-half\" | \"thermometer-quarter\" | \"thermometer-three-quarters\" | \"think-peaks\" | \"thumbtack\" | \"ticket-alt\" | \"tiktok\" | \"times\" | \"times-circle\" | \"tint\" | \"tint-slash\" | \"tired\" | \"toilet\" | \"toilet-paper\" | \"toilet-paper-slash\" | \"toolbox\" | \"torah\" | \"torii-gate\" | \"trade-federation\" | \"trademark\" | \"train\" | \"transgender\" | \"transgender-alt\" | \"trash-alt\" | \"trash-restore\" | \"trash-restore-alt\" | \"truck-loading\" | \"truck-monster\" | \"truck-moving\" | \"truck-pickup\" | \"tshirt\" | \"tty\" | \"tumblr-square\" | \"tv\" | \"twitter-square\" | \"uber\" | \"ubuntu\" | \"uikit\" | \"umbraco\" | \"umbrella-beach\" | \"uncharted\" | \"undo-alt\" | \"uniregistry\" | \"unity\" | \"universal-access\" | \"unlink\" | \"unlock-alt\" | \"unsplash\" | \"untappd\" | \"ups\" | \"user-alt\" | \"user-alt-slash\" | \"user-astronaut\" | \"user-check\" | \"user-circle\" | \"user-clock\" | \"user-cog\" | \"user-edit\" | \"user-friends\" | \"user-graduate\" | \"user-injured\" | \"user-lock\" | \"user-md\" | \"user-minus\" | \"user-ninja\" | \"user-nurse\" | \"user-plus\" | \"user-secret\" | \"user-shield\" | \"user-slash\" | \"user-tag\" | \"user-tie\" | \"user-times\" | \"users-cog\" | \"users-slash\" | \"usps\" | \"ussunnah\" | \"utensil-spoon\" | \"utensils\" | \"vaadin\" | \"vector-square\" | \"venus\" | \"venus-double\" | \"venus-mars\" | \"vest\" | \"vest-patches\" | \"viacoin\" | \"viadeo\" | \"viadeo-square\" | \"vial\" | \"vials\" | \"video-slash\" | \"vihara\" | \"vimeo-square\" | \"vimeo-v\" | \"virus\" | \"virus-slash\" | \"viruses\" | \"vnv\" | \"voicemail\" | \"volleyball-ball\" | \"vote-yea\" | \"vr-cardboard\" | \"vuejs\" | \"walking\" | \"warehouse\" | \"watchman-monitoring\" | \"water\" | \"wave-square\" | \"waze\" | \"weebly\" | \"weight\" | \"weight-hanging\" | \"weixin\" | \"whatsapp-square\" | \"whmcs\" | \"wikipedia-w\" | \"window-close\" | \"window-maximize\" | \"window-minimize\" | \"window-restore\" | \"wine-bottle\" | \"wine-glass\" | \"wine-glass-alt\" | \"wix\" | \"wizards-of-the-coast\" | \"wodu\" | \"wolf-pack-battalion\" | \"won-sign\" | \"wordpress\" | \"wordpress-simple\" | \"wpbeginner\" | \"wpexplorer\" | \"wpforms\" | \"wpressr\" | \"x-ray\" | \"xbox\" | \"xing-square\" | \"y-combinator\" | \"yammer\" | \"yandex\" | \"yandex-international\" | \"yarn\" | \"yen-sign\" | \"yin-yang\" | \"yoast\" | \"youtube-square\" | \"zhihu\"",
+          "description": "Gibt einen Identifier eines Font Awesome Icons an. (https://fontawesome.com/v5.15/icons)",
+          "required": true
+        },
+        {
+          "name": "_part",
+          "type": "string | undefined",
+          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)",
+          "required": false
+        },
+        {
+          "name": "_prefix",
+          "type": "\"fab\" | \"fas\"",
+          "description": "Gibt den Prefix der Font Awesome Icons an. (https://fontawesome.com/v5.15/how-to-use/on-the-web/referencing-icons/basic-use)",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-icon-icofont",
+      "description": "Mit Hilfe der **IconIcofont**-Komponente können Icons aus der Icofont-Bibliothek an beliebigen Positionen erzeugt werden. Die Ausgabe des Icons kann über Attribute gesteuert werden und erfolgt barrierefrei; standardmäßig als **_inline_**-Element.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt das Aria-Label am Icon an.",
+          "required": true
+        },
+        {
+          "name": "_icon",
+          "type": "\"expand\" | \"filter\" | \"runner\" | \"map\" | \"info\" | \"error\" | \"search\" | \"anchor\" | \"bold\" | \"link\" | \"at\" | \"binary\" | \"copy\" | \"audio\" | \"code\" | \"data\" | \"label\" | \"picture\" | \"table\" | \"video\" | \"image\" | \"line\" | \"marker\" | \"stop\" | \"download\" | \"disabled\" | \"loop\" | \"id\" | \"clip\" | \"mathematical\" | \"terminal\" | \"square\" | \"external\" | \"history\" | \"close\" | \"focus\" | \"print\" | \"key\" | \"sort\" | \"exit\" | \"pause\" | \"signal\" | \"listening\" | \"connection\" | \"warning\" | \"settings\" | \"measure\" | \"worker\" | \"server\" | \"resize\" | \"options\" | \"ban\" | \"bat\" | \"bin\" | \"bug\" | \"cat\" | \"cop\" | \"car\" | \"kik\" | \"hat\" | \"mic\" | \"sad\" | \"sun\" | \"card\" | \"font\" | \"page\" | \"ghost\" | \"tag\" | \"cut\" | \"drag\" | \"play\" | \"arrow-left\" | \"arrow-right\" | \"heading\" | \"angry-monster\" | \"bathtub\" | \"bird-wings\" | \"bow\" | \"castle\" | \"circuit\" | \"crown-king\" | \"crown-queen\" | \"dart\" | \"disability-race\" | \"diving-goggle\" | \"eye-open\" | \"flora-flower\" | \"flora\" | \"gift-box\" | \"halloween-pumpkin\" | \"hand-power\" | \"hand-thunder\" | \"king-monster\" | \"love\" | \"magician-hat\" | \"native-american\" | \"owl-look\" | \"phoenix\" | \"robot-face\" | \"sand-clock\" | \"shield-alt\" | \"ship-wheel\" | \"skull-danger\" | \"skull-face\" | \"snowmobile\" | \"space-shuttle\" | \"star-shape\" | \"swirl\" | \"tattoo-wing\" | \"throne\" | \"tree-alt\" | \"triangle\" | \"unity-hand\" | \"weed\" | \"woman-bird\" | \"bear-face\" | \"bear-tracks\" | \"bear\" | \"bird-alt\" | \"bird-flying\" | \"bird\" | \"birds\" | \"bone\" | \"bull\" | \"butterfly-alt\" | \"butterfly\" | \"camel-alt\" | \"camel-head\" | \"camel\" | \"cat-alt-1\" | \"cat-alt-2\" | \"cat-alt-3\" | \"cat-dog\" | \"cat-face\" | \"cow-head\" | \"cow\" | \"crab\" | \"crocodile\" | \"deer-head\" | \"dog-alt\" | \"dog-barking\" | \"dog\" | \"dolphin\" | \"duck-tracks\" | \"eagle-head\" | \"eaten-fish\" | \"elephant-alt\" | \"elephant-head-alt\" | \"elephant-head\" | \"elephant\" | \"elk\" | \"fish-1\" | \"fish-2\" | \"fish-3\" | \"fish-4\" | \"fish-5\" | \"fish\" | \"fox-alt\" | \"fox\" | \"frog-tracks\" | \"frog\" | \"froggy\" | \"giraffe-head-1\" | \"giraffe-head-2\" | \"giraffe-head\" | \"giraffe\" | \"goat-head\" | \"gorilla\" | \"hen-tracks\" | \"horse-head-1\" | \"horse-head-2\" | \"horse-head\" | \"horse-tracks\" | \"jellyfish\" | \"kangaroo\" | \"lemur\" | \"lion-head-1\" | \"lion-head-2\" | \"lion-head\" | \"lion\" | \"monkey-2\" | \"monkey-3\" | \"monkey-face\" | \"monkey\" | \"octopus-alt\" | \"octopus\" | \"owl\" | \"panda-face\" | \"panda\" | \"panther\" | \"parrot-lip\" | \"parrot\" | \"paw\" | \"pelican\" | \"penguin\" | \"pig-face\" | \"pig\" | \"pigeon-1\" | \"pigeon-2\" | \"pigeon\" | \"rabbit\" | \"rat\" | \"rhino-head\" | \"rhino\" | \"rooster\" | \"seahorse\" | \"seal\" | \"shrimp-alt\" | \"shrimp\" | \"snail-1\" | \"snail-2\" | \"snail-3\" | \"snail\" | \"snake\" | \"squid\" | \"squirrel\" | \"tiger-face\" | \"tiger\" | \"turtle\" | \"whale\" | \"woodpecker\" | \"zebra\" | \"brand-acer\" | \"brand-adidas\" | \"brand-adobe\" | \"brand-air-new-zealand\" | \"brand-airbnb\" | \"brand-aircell\" | \"brand-airtel\" | \"brand-alcatel\" | \"brand-alibaba\" | \"brand-aliexpress\" | \"brand-alipay\" | \"brand-amazon\" | \"brand-amd\" | \"brand-american-airlines\" | \"brand-android-robot\" | \"brand-android\" | \"brand-aol\" | \"brand-apple\" | \"brand-appstore\" | \"brand-asus\" | \"brand-ati\" | \"brand-att\" | \"brand-audi\" | \"brand-axiata\" | \"brand-bada\" | \"brand-bbc\" | \"brand-bing\" | \"brand-blackberry\" | \"brand-bmw\" | \"brand-box\" | \"brand-burger-king\" | \"brand-business-insider\" | \"brand-buzzfeed\" | \"brand-cannon\" | \"brand-casio\" | \"brand-china-mobile\" | \"brand-china-telecom\" | \"brand-china-unicom\" | \"brand-cisco\" | \"brand-citibank\" | \"brand-cnet\" | \"brand-cnn\" | \"brand-cocal-cola\" | \"brand-compaq\" | \"brand-debian\" | \"brand-delicious\" | \"brand-dell\" | \"brand-designbump\" | \"brand-designfloat\" | \"brand-disney\" | \"brand-dodge\" | \"brand-dove\" | \"brand-drupal\" | \"brand-ebay\" | \"brand-eleven\" | \"brand-emirates\" | \"brand-espn\" | \"brand-etihad-airways\" | \"brand-etisalat\" | \"brand-etsy\" | \"brand-fastrack\" | \"brand-fedex\" | \"brand-ferrari\" | \"brand-fitbit\" | \"brand-flikr\" | \"brand-forbes\" | \"brand-foursquare\" | \"brand-foxconn\" | \"brand-fujitsu\" | \"brand-general-electric\" | \"brand-gillette\" | \"brand-gizmodo\" | \"brand-gnome\" | \"brand-google\" | \"brand-gopro\" | \"brand-gucci\" | \"brand-hallmark\" | \"brand-hi5\" | \"brand-honda\" | \"brand-hp\" | \"brand-hsbc\" | \"brand-htc\" | \"brand-huawei\" | \"brand-hulu\" | \"brand-hyundai\" | \"brand-ibm\" | \"brand-icofont\" | \"brand-icq\" | \"brand-ikea\" | \"brand-imdb\" | \"brand-indiegogo\" | \"brand-intel\" | \"brand-ipair\" | \"brand-jaguar\" | \"brand-java\" | \"brand-joomla\" | \"brand-kickstarter\" | \"brand-kik\" | \"brand-lastfm\" | \"brand-lego\" | \"brand-lenovo\" | \"brand-levis\" | \"brand-lexus\" | \"brand-lg\" | \"brand-life-hacker\" | \"brand-linux-mint\" | \"brand-linux\" | \"brand-lionix\" | \"brand-loreal\" | \"brand-louis-vuitton\" | \"brand-mac-os\" | \"brand-marvel-app\" | \"brand-mashable\" | \"brand-mazda\" | \"brand-mcdonals\" | \"brand-mercedes\" | \"brand-micromax\" | \"brand-microsoft\" | \"brand-mobileme\" | \"brand-mobily\" | \"brand-motorola\" | \"brand-msi\" | \"brand-mts\" | \"brand-myspace\" | \"brand-mytv\" | \"brand-nasa\" | \"brand-natgeo\" | \"brand-nbc\" | \"brand-nescafe\" | \"brand-nestle\" | \"brand-netflix\" | \"brand-nexus\" | \"brand-nike\" | \"brand-nokia\" | \"brand-nvidia\" | \"brand-omega\" | \"brand-opensuse\" | \"brand-oracle\" | \"brand-panasonic\" | \"brand-paypal\" | \"brand-pepsi\" | \"brand-philips\" | \"brand-pizza-hut\" | \"brand-playstation\" | \"brand-puma\" | \"brand-qatar-air\" | \"brand-qvc\" | \"brand-readernaut\" | \"brand-redbull\" | \"brand-reebok\" | \"brand-reuters\" | \"brand-samsung\" | \"brand-sap\" | \"brand-saudia-airlines\" | \"brand-scribd\" | \"brand-shell\" | \"brand-siemens\" | \"brand-sk-telecom\" | \"brand-slideshare\" | \"brand-smashing-magazine\" | \"brand-snapchat\" | \"brand-sony-ericsson\" | \"brand-sony\" | \"brand-soundcloud\" | \"brand-sprint\" | \"brand-squidoo\" | \"brand-starbucks\" | \"brand-stc\" | \"brand-steam\" | \"brand-suzuki\" | \"brand-symbian\" | \"brand-t-mobile\" | \"brand-tango\" | \"brand-target\" | \"brand-tata-indicom\" | \"brand-techcrunch\" | \"brand-telenor\" | \"brand-teliasonera\" | \"brand-tesla\" | \"brand-the-verge\" | \"brand-thenextweb\" | \"brand-toshiba\" | \"brand-toyota\" | \"brand-tribenet\" | \"brand-ubuntu\" | \"brand-unilever\" | \"brand-vaio\" | \"brand-verizon\" | \"brand-viber\" | \"brand-vodafone\" | \"brand-volkswagen\" | \"brand-walmart\" | \"brand-warnerbros\" | \"brand-whatsapp\" | \"brand-wikipedia\" | \"brand-windows\" | \"brand-wire\" | \"brand-wordpress\" | \"brand-xiaomi\" | \"brand-yahoobuzz\" | \"brand-yamaha\" | \"brand-youtube\" | \"brand-zain\" | \"bank-alt\" | \"bank\" | \"barcode\" | \"bill-alt\" | \"billboard\" | \"briefcase-1\" | \"briefcase-2\" | \"businessman\" | \"businesswoman\" | \"chair\" | \"coins\" | \"company\" | \"contact-add\" | \"files-stack\" | \"handshake-deal\" | \"id-card\" | \"meeting-add\" | \"money-bag\" | \"pie-chart\" | \"presentation-alt\" | \"presentation\" | \"stamp\" | \"stock-mobile\" | \"chart-arrows-axis\" | \"chart-bar-graph\" | \"chart-flow-1\" | \"chart-flow-2\" | \"chart-flow\" | \"chart-growth\" | \"chart-histogram-alt\" | \"chart-histogram\" | \"chart-line-alt\" | \"chart-line\" | \"chart-pie-alt\" | \"chart-pie\" | \"chart-radar-graph\" | \"architecture-alt\" | \"architecture\" | \"barricade\" | \"bolt\" | \"bricks\" | \"building-alt\" | \"bull-dozer\" | \"calculations\" | \"cement-mix\" | \"cement-mixer\" | \"concrete-mixer\" | \"danger-zone\" | \"drill\" | \"eco-energy\" | \"eco-environmen\" | \"energy-air\" | \"energy-oil\" | \"energy-savings\" | \"energy-solar\" | \"energy-water\" | \"engineer\" | \"fire-extinguisher-alt\" | \"fire-extinguisher\" | \"fix-tools\" | \"fork-lift\" | \"glue-oil\" | \"hammer-alt\" | \"hammer\" | \"help-robot\" | \"industries-1\" | \"industries-2\" | \"industries-3\" | \"industries-4\" | \"industries-5\" | \"industries\" | \"labour\" | \"mining\" | \"paint-brush\" | \"pollution\" | \"power-zone\" | \"radio-active\" | \"recycle-alt\" | \"recycling-man\" | \"safety-hat-light\" | \"safety-hat\" | \"saw\" | \"screw-driver\" | \"tools-1\" | \"tools-bag\" | \"tow-truck\" | \"trolley\" | \"trowel\" | \"under-construction-alt\" | \"under-construction\" | \"vehicle-cement\" | \"vehicle-crane\" | \"vehicle-delivery-van\" | \"vehicle-dozer\" | \"vehicle-excavator\" | \"vehicle-trucktor\" | \"vehicle-wrecking\" | \"workers-group\" | \"wrench\" | \"afghani-false\" | \"afghani-minus\" | \"afghani-plus\" | \"afghani-true\" | \"afghani\" | \"baht-false\" | \"baht-minus\" | \"baht-plus\" | \"baht-true\" | \"baht\" | \"bitcoin-false\" | \"bitcoin-minus\" | \"bitcoin-plus\" | \"bitcoin-true\" | \"bitcoin\" | \"dollar-flase\" | \"dollar-minus\" | \"dollar-plus\" | \"dollar-true\" | \"dollar\" | \"dong-false\" | \"dong-minus\" | \"dong-plus\" | \"dong-true\" | \"dong\" | \"euro-false\" | \"euro-minus\" | \"euro-plus\" | \"euro-true\" | \"euro\" | \"frank-false\" | \"frank-minus\" | \"frank-plus\" | \"frank-true\" | \"frank\" | \"hryvnia-false\" | \"hryvnia-minus\" | \"hryvnia-plus\" | \"hryvnia-true\" | \"hryvnia\" | \"lira-false\" | \"lira-minus\" | \"lira-plus\" | \"lira-true\" | \"lira\" | \"peseta-false\" | \"peseta-minus\" | \"peseta-plus\" | \"peseta-true\" | \"peseta\" | \"peso-false\" | \"peso-minus\" | \"peso-plus\" | \"peso-true\" | \"peso\" | \"pound-false\" | \"pound-minus\" | \"pound-plus\" | \"pound-true\" | \"pound\" | \"renminbi-false\" | \"renminbi-minus\" | \"renminbi-plus\" | \"renminbi-true\" | \"renminbi\" | \"riyal-false\" | \"riyal-minus\" | \"riyal-plus\" | \"riyal-true\" | \"riyal\" | \"rouble-false\" | \"rouble-minus\" | \"rouble-plus\" | \"rouble-true\" | \"rouble\" | \"rupee-false\" | \"rupee-minus\" | \"rupee-plus\" | \"rupee-true\" | \"rupee\" | \"taka-false\" | \"taka-minus\" | \"taka-plus\" | \"taka-true\" | \"taka\" | \"turkish-lira-false\" | \"turkish-lira-minus\" | \"turkish-lira-plus\" | \"turkish-lira-true\" | \"turkish-lira\" | \"won-false\" | \"won-minus\" | \"won-plus\" | \"won-true\" | \"won\" | \"yen-false\" | \"yen-minus\" | \"yen-plus\" | \"yen-true\" | \"yen\" | \"android-nexus\" | \"android-tablet\" | \"apple-watch\" | \"drawing-tablet\" | \"earphone\" | \"flash-drive\" | \"game-console\" | \"game-controller\" | \"game-pad\" | \"game\" | \"headphone-alt-1\" | \"headphone-alt-2\" | \"headphone-alt-3\" | \"headphone-alt\" | \"headphone\" | \"htc-one\" | \"imac\" | \"ipad\" | \"iphone\" | \"ipod-nano\" | \"ipod-touch\" | \"keyboard-alt\" | \"keyboard-wireless\" | \"keyboard\" | \"laptop-alt\" | \"laptop\" | \"macbook\" | \"magic-mouse\" | \"micro-chip\" | \"microphone-alt\" | \"microphone\" | \"monitor\" | \"mouse\" | \"mp3-player\" | \"nintendo\" | \"playstation-alt\" | \"psvita\" | \"radio-mic\" | \"radio\" | \"refrigerator\" | \"samsung-galaxy\" | \"surface-tablet\" | \"ui-head-phone\" | \"ui-keyboard\" | \"washing-machine\" | \"wifi-router\" | \"wii-u\" | \"windows-lumia\" | \"wireless-mouse\" | \"xbox-360\" | \"arrow-down\" | \"arrow-up\" | \"block-down\" | \"block-left\" | \"block-right\" | \"block-up\" | \"bubble-down\" | \"bubble-left\" | \"bubble-right\" | \"bubble-up\" | \"caret-down\" | \"caret-left\" | \"caret-right\" | \"caret-up\" | \"circled-down\" | \"circled-left\" | \"circled-right\" | \"circled-up\" | \"collapse\" | \"cursor-drag\" | \"curved-double-left\" | \"curved-double-right\" | \"curved-down\" | \"curved-left\" | \"curved-right\" | \"curved-up\" | \"dotted-down\" | \"dotted-left\" | \"dotted-right\" | \"dotted-up\" | \"double-left\" | \"double-right\" | \"expand-alt\" | \"hand-down\" | \"hand-drag\" | \"hand-drag1\" | \"hand-drag2\" | \"hand-drawn-alt-down\" | \"hand-drawn-alt-left\" | \"hand-drawn-alt-right\" | \"hand-drawn-alt-up\" | \"hand-drawn-down\" | \"hand-drawn-left\" | \"hand-drawn-right\" | \"hand-drawn-up\" | \"hand-grippers\" | \"hand-left\" | \"hand-right\" | \"hand-up\" | \"line-block-down\" | \"line-block-left\" | \"line-block-right\" | \"line-block-up\" | \"long-arrow-down\" | \"long-arrow-left\" | \"long-arrow-right\" | \"long-arrow-up\" | \"rounded-collapse\" | \"rounded-double-left\" | \"rounded-double-right\" | \"rounded-down\" | \"rounded-expand\" | \"rounded-left-down\" | \"rounded-left-up\" | \"rounded-left\" | \"rounded-right-down\" | \"rounded-right-up\" | \"rounded-right\" | \"rounded-up\" | \"scroll-bubble-down\" | \"scroll-bubble-left\" | \"scroll-bubble-right\" | \"scroll-bubble-up\" | \"scroll-double-down\" | \"scroll-double-left\" | \"scroll-double-right\" | \"scroll-double-up\" | \"scroll-down\" | \"scroll-left\" | \"scroll-long-down\" | \"scroll-long-left\" | \"scroll-long-right\" | \"scroll-long-up\" | \"scroll-right\" | \"scroll-up\" | \"simple-down\" | \"simple-left-down\" | \"simple-left-up\" | \"simple-left\" | \"simple-right-down\" | \"simple-right-up\" | \"simple-right\" | \"simple-up\" | \"square-down\" | \"square-left\" | \"square-right\" | \"square-up\" | \"stylish-down\" | \"stylish-left\" | \"stylish-right\" | \"stylish-up\" | \"swoosh-down\" | \"swoosh-left\" | \"swoosh-right\" | \"swoosh-up\" | \"thin-double-left\" | \"thin-double-right\" | \"thin-down\" | \"thin-left\" | \"thin-right\" | \"thin-up\" | \"abc\" | \"atom\" | \"award\" | \"bell-alt\" | \"black-board\" | \"book-alt\" | \"book\" | \"brainstorming\" | \"certificate-alt-1\" | \"certificate-alt-2\" | \"certificate\" | \"education\" | \"electron\" | \"fountain-pen\" | \"globe-alt\" | \"graduate-alt\" | \"graduate\" | \"group-students\" | \"hat-alt\" | \"instrument\" | \"lamp-light\" | \"medal\" | \"microscope-alt\" | \"microscope\" | \"paper\" | \"pen-alt-4\" | \"pen-nib\" | \"pencil-alt-5\" | \"quill-pen\" | \"read-book-alt\" | \"read-book\" | \"school-bag\" | \"school-bus\" | \"student-alt\" | \"student\" | \"teacher\" | \"test-bulb\" | \"test-tube-alt\" | \"university\" | \"angry\" | \"astonished\" | \"confounded\" | \"confused\" | \"crying\" | \"dizzy\" | \"expressionless\" | \"heart-eyes\" | \"laughing\" | \"nerd-smile\" | \"open-mouth\" | \"rage\" | \"rolling-eyes\" | \"simple-smile\" | \"slightly-smile\" | \"smirk\" | \"stuck-out-tongue\" | \"wink-smile\" | \"worried\" | \"file-alt\" | \"file-audio\" | \"file-avi-mp4\" | \"file-bmp\" | \"file-code\" | \"file-css\" | \"file-document\" | \"file-eps\" | \"file-excel\" | \"file-exe\" | \"file-file\" | \"file-flv\" | \"file-gif\" | \"file-html5\" | \"file-image\" | \"file-iso\" | \"file-java\" | \"file-javascript\" | \"file-jpg\" | \"file-midi\" | \"file-mov\" | \"file-mp3\" | \"file-pdf\" | \"file-php\" | \"file-png\" | \"file-powerpoint\" | \"file-presentation\" | \"file-psb\" | \"file-psd\" | \"file-python\" | \"file-ruby\" | \"file-spreadsheet\" | \"file-sql\" | \"file-svg\" | \"file-text\" | \"file-tiff\" | \"file-video\" | \"file-wave\" | \"file-wmv\" | \"file-word\" | \"file-zip\" | \"cycling-alt\" | \"cycling\" | \"dumbbell\" | \"dumbbells\" | \"gym-alt-1\" | \"gym-alt-2\" | \"gym-alt-3\" | \"gym\" | \"muscle-weight\" | \"muscle\" | \"apple\" | \"arabian-coffee\" | \"artichoke\" | \"asparagus\" | \"avocado\" | \"baby-food\" | \"banana\" | \"bbq\" | \"beans\" | \"beer\" | \"bell-pepper-capsicum\" | \"birthday-cake\" | \"bread\" | \"broccoli\" | \"burger\" | \"cabbage\" | \"carrot\" | \"cauli-flower\" | \"cheese\" | \"chef\" | \"cherry\" | \"chicken-fry\" | \"chicken\" | \"cocktail\" | \"coconut-water\" | \"coconut\" | \"coffee-alt\" | \"coffee-cup\" | \"coffee-mug\" | \"coffee-pot\" | \"cola\" | \"corn\" | \"croissant\" | \"crop-plant\" | \"cucumber\" | \"culinary\" | \"cup-cake\" | \"dining-table\" | \"donut\" | \"egg-plant\" | \"egg-poached\" | \"farmer-alt\" | \"farmer\" | \"fast-food\" | \"food-basket\" | \"food-cart\" | \"fork-and-knife\" | \"french-fries\" | \"fruits\" | \"grapes\" | \"honey\" | \"hot-dog\" | \"ice-cream-alt\" | \"ice-cream\" | \"juice\" | \"ketchup\" | \"kiwi\" | \"layered-cake\" | \"lemon-alt\" | \"lemon\" | \"lobster\" | \"mango\" | \"milk\" | \"mushroom\" | \"noodles\" | \"onion\" | \"orange\" | \"pear\" | \"peas\" | \"pepper\" | \"pie-alt\" | \"pie\" | \"pineapple\" | \"pizza-slice\" | \"pizza\" | \"plant\" | \"popcorn\" | \"potato\" | \"pumpkin\" | \"raddish\" | \"restaurant-menu\" | \"restaurant\" | \"salt-and-pepper\" | \"sandwich\" | \"sausage\" | \"soft-drinks\" | \"soup-bowl\" | \"spoon-and-fork\" | \"steak\" | \"strawberry\" | \"sub-sandwich\" | \"sushi\" | \"taco\" | \"tea-pot\" | \"tea\" | \"tomato\" | \"watermelon\" | \"wheat\" | \"baby-backpack\" | \"baby-cloth\" | \"baby-milk-bottle\" | \"baby-trolley\" | \"baby\" | \"candy\" | \"holding-hands\" | \"infant-nipple\" | \"kids-scooter\" | \"safety-pin\" | \"teddy-bear\" | \"toy-ball\" | \"toy-cat\" | \"toy-duck\" | \"toy-elephant\" | \"toy-hand\" | \"toy-horse\" | \"toy-lattu\" | \"toy-train\" | \"burglar\" | \"cannon-firing\" | \"cc-camera\" | \"cop-badge\" | \"court-hammer\" | \"court\" | \"finger-print\" | \"gavel\" | \"handcuff-alt\" | \"handcuff\" | \"investigation\" | \"investigator\" | \"jail\" | \"judge\" | \"law-alt-1\" | \"law-alt-2\" | \"law-alt-3\" | \"law-book\" | \"law-document\" | \"law-order\" | \"law-protect\" | \"law-scales\" | \"law\" | \"lawyer-alt-1\" | \"lawyer-alt-2\" | \"lawyer\" | \"legal\" | \"pistol\" | \"police-badge\" | \"police-cap\" | \"police-car-alt-1\" | \"police-car-alt-2\" | \"police-car\" | \"police-hat\" | \"police-van\" | \"police\" | \"thief-alt\" | \"thief\" | \"abacus-alt\" | \"abacus\" | \"angle-180\" | \"angle-45\" | \"angle-90\" | \"angle\" | \"calculator-alt-1\" | \"calculator-alt-2\" | \"calculator\" | \"circle-ruler-alt\" | \"circle-ruler\" | \"compass-alt-1\" | \"compass-alt-2\" | \"compass-alt-3\" | \"compass-alt-4\" | \"golden-ratio\" | \"marker-alt-1\" | \"marker-alt-2\" | \"marker-alt-3\" | \"math\" | \"mathematical-alt-1\" | \"mathematical-alt-2\" | \"pen-alt-1\" | \"pen-alt-2\" | \"pen-alt-3\" | \"pen-holder-alt-1\" | \"pen-holder\" | \"pen\" | \"pencil-alt-1\" | \"pencil-alt-2\" | \"pencil-alt-3\" | \"pencil-alt-4\" | \"pencil\" | \"ruler-alt-1\" | \"ruler-alt-2\" | \"ruler-compass-alt\" | \"ruler-compass\" | \"ruler-pencil-alt-1\" | \"ruler-pencil-alt-2\" | \"ruler-pencil\" | \"ruler\" | \"rulers-alt\" | \"rulers\" | \"square-root\" | \"ui-calculator\" | \"aids\" | \"ambulance-crescent\" | \"ambulance-cross\" | \"ambulance\" | \"autism\" | \"bandage\" | \"blind\" | \"blood-drop\" | \"blood-test\" | \"blood\" | \"brain-alt\" | \"brain\" | \"capsule\" | \"crutch\" | \"dna-alt-1\" | \"dna-alt-2\" | \"dna\" | \"doctor-alt\" | \"doctor\" | \"drug-pack\" | \"drug\" | \"first-aid-alt\" | \"first-aid\" | \"heart-beat-alt\" | \"heart-beat\" | \"heartbeat\" | \"herbal\" | \"hospital\" | \"icu\" | \"injection-syringe\" | \"laboratory\" | \"medical-sign-alt\" | \"medical-sign\" | \"nurse-alt\" | \"nurse\" | \"nursing-home\" | \"operation-theater\" | \"paralysis-disability\" | \"patient-bed\" | \"patient-file\" | \"pills\" | \"prescription\" | \"pulse\" | \"stethoscope-alt\" | \"stethoscope\" | \"stretcher\" | \"surgeon-alt\" | \"surgeon\" | \"tablets\" | \"test-bottle\" | \"test-tube\" | \"thermometer-alt\" | \"thermometer\" | \"tooth\" | \"xray\" | \"ui-add\" | \"ui-alarm\" | \"ui-battery\" | \"ui-block\" | \"ui-bluetooth\" | \"ui-brightness\" | \"ui-browser\" | \"ui-calendar\" | \"ui-call\" | \"ui-camera\" | \"ui-cart\" | \"ui-cell-phone\" | \"ui-chat\" | \"ui-check\" | \"ui-clip-board\" | \"ui-clip\" | \"ui-clock\" | \"ui-close\" | \"ui-contact-list\" | \"ui-copy\" | \"ui-cut\" | \"ui-delete\" | \"ui-dial-phone\" | \"ui-edit\" | \"ui-email\" | \"ui-file\" | \"ui-fire-wall\" | \"ui-flash-light\" | \"ui-flight\" | \"ui-folder\" | \"ui-game\" | \"ui-handicapped\" | \"ui-home\" | \"ui-image\" | \"ui-laoding\" | \"ui-lock\" | \"ui-love-add\" | \"ui-love-broken\" | \"ui-love-remove\" | \"ui-love\" | \"ui-map\" | \"ui-message\" | \"ui-messaging\" | \"ui-movie\" | \"ui-music-player\" | \"ui-music\" | \"ui-mute\" | \"ui-network\" | \"ui-next\" | \"ui-note\" | \"ui-office\" | \"ui-password\" | \"ui-pause\" | \"ui-play-stop\" | \"ui-play\" | \"ui-pointer\" | \"ui-power\" | \"ui-press\" | \"ui-previous\" | \"ui-rate-add\" | \"ui-rate-blank\" | \"ui-rate-remove\" | \"ui-rating\" | \"ui-record\" | \"ui-remove\" | \"ui-reply\" | \"ui-rotation\" | \"ui-rss\" | \"ui-search\" | \"ui-settings\" | \"ui-social-link\" | \"ui-tag\" | \"ui-text-chat\" | \"ui-text-loading\" | \"ui-theme\" | \"ui-timer\" | \"ui-touch-phone\" | \"ui-travel\" | \"ui-unlock\" | \"ui-user-group\" | \"ui-user\" | \"ui-v-card\" | \"ui-video-chat\" | \"ui-video-message\" | \"ui-video-play\" | \"ui-video\" | \"ui-volume\" | \"ui-weather\" | \"ui-wifi\" | \"ui-zoom-in\" | \"ui-zoom-out\" | \"cassette-player\" | \"cassette\" | \"forward\" | \"guiter\" | \"movie\" | \"multimedia\" | \"music-alt\" | \"music-disk\" | \"music-note\" | \"music-notes\" | \"music\" | \"mute-volume\" | \"play-alt-1\" | \"play-alt-2\" | \"play-alt-3\" | \"play-pause\" | \"record\" | \"retro-music-disk\" | \"rewind\" | \"song-notes\" | \"sound-wave-alt\" | \"sound-wave\" | \"video-alt\" | \"video-cam\" | \"video-clapper\" | \"volume-bar\" | \"volume-down\" | \"volume-mute\" | \"volume-off\" | \"volume-up\" | \"youtube-play\" | \"2checkout-alt\" | \"2checkout\" | \"amazon-alt\" | \"amazon\" | \"american-express-alt\" | \"american-express\" | \"apple-pay-alt\" | \"apple-pay\" | \"bank-transfer-alt\" | \"bank-transfer\" | \"braintree-alt\" | \"braintree\" | \"cash-on-delivery-alt\" | \"cash-on-delivery\" | \"diners-club-alt-1\" | \"diners-club-alt-2\" | \"diners-club-alt-3\" | \"diners-club\" | \"discover-alt\" | \"discover\" | \"eway-alt\" | \"eway\" | \"google-wallet-alt-1\" | \"google-wallet-alt-2\" | \"google-wallet-alt-3\" | \"google-wallet\" | \"jcb-alt\" | \"jcb\" | \"maestro-alt\" | \"maestro\" | \"mastercard-alt\" | \"mastercard\" | \"payoneer-alt\" | \"payoneer\" | \"paypal-alt\" | \"paypal\" | \"sage-alt\" | \"sage\" | \"skrill-alt\" | \"skrill\" | \"stripe-alt\" | \"stripe\" | \"visa-alt\" | \"visa-electron\" | \"visa\" | \"western-union-alt\" | \"western-union\" | \"boy\" | \"business-man-alt-1\" | \"business-man-alt-2\" | \"business-man-alt-3\" | \"business-man\" | \"female\" | \"funky-man\" | \"girl-alt\" | \"girl\" | \"group\" | \"hotel-boy-alt\" | \"hotel-boy\" | \"kid\" | \"man-in-glasses\" | \"people\" | \"support\" | \"user-alt-1\" | \"user-alt-2\" | \"user-alt-3\" | \"user-alt-4\" | \"user-alt-5\" | \"user-alt-6\" | \"user-alt-7\" | \"user-female\" | \"user-male\" | \"user-suited\" | \"user\" | \"users-alt-1\" | \"users-alt-2\" | \"users-alt-3\" | \"users-alt-4\" | \"users-alt-5\" | \"users-alt-6\" | \"users-social\" | \"users\" | \"waiter-alt\" | \"waiter\" | \"woman-in-glasses\" | \"search-1\" | \"search-2\" | \"search-document\" | \"search-folder\" | \"search-job\" | \"search-map\" | \"search-property\" | \"search-restaurant\" | \"search-stock\" | \"search-user\" | \"500px\" | \"aim\" | \"badoo\" | \"baidu-tieba\" | \"bbm-messenger\" | \"bebo\" | \"behance\" | \"blogger\" | \"bootstrap\" | \"brightkite\" | \"cloudapp\" | \"concrete5\" | \"delicious\" | \"designbump\" | \"designfloat\" | \"deviantart\" | \"digg\" | \"dotcms\" | \"dribbble\" | \"dribble\" | \"dropbox\" | \"ebuddy\" | \"ello\" | \"ember\" | \"envato\" | \"evernote\" | \"facebook-messenger\" | \"facebook\" | \"feedburner\" | \"flikr\" | \"folkd\" | \"foursquare\" | \"friendfeed\" | \"github\" | \"gnome\" | \"google-buzz\" | \"google-hangouts\" | \"google-map\" | \"google-plus\" | \"google-talk\" | \"hype-machine\" | \"instagram\" | \"kakaotalk\" | \"kickstarter\" | \"kiwibox\" | \"line-messenger\" | \"linkedin\" | \"linux-mint\" | \"live-messenger\" | \"livejournal\" | \"magento\" | \"meetme\" | \"meetup\" | \"mixx\" | \"newsvine\" | \"nimbuss\" | \"odnoklassniki\" | \"opencart\" | \"oscommerce\" | \"pandora\" | \"photobucket\" | \"picasa\" | \"pinterest\" | \"prestashop\" | \"qik\" | \"qq\" | \"readernaut\" | \"reddit\" | \"renren\" | \"rss\" | \"shopify\" | \"silverstripe\" | \"skype\" | \"slack\" | \"slashdot\" | \"slidshare\" | \"smugmug\" | \"snapchat\" | \"soundcloud\" | \"spotify\" | \"stack-exchange\" | \"stack-overflow\" | \"steam\" | \"stumbleupon\" | \"tagged\" | \"technorati\" | \"telegram\" | \"tinder\" | \"trello\" | \"tumblr\" | \"twitch\" | \"twitter\" | \"typo3\" | \"ubercart\" | \"viber\" | \"viddler\" | \"vimeo\" | \"vine\" | \"virb\" | \"virtuemart\" | \"vk\" | \"wechat\" | \"weibo\" | \"whatsapp\" | \"xing\" | \"yahoo\" | \"yelp\" | \"youku\" | \"youtube\" | \"zencart\" | \"badminton-birdie\" | \"baseball\" | \"baseballer\" | \"basketball-hoop\" | \"basketball\" | \"billiard-ball\" | \"boot-alt-1\" | \"boot-alt-2\" | \"boot\" | \"bowling-alt\" | \"bowling\" | \"canoe\" | \"cheer-leader\" | \"climbing\" | \"corner\" | \"field-alt\" | \"field\" | \"football-alt\" | \"football-american\" | \"football\" | \"foul\" | \"goal-keeper\" | \"goal\" | \"golf-alt\" | \"golf-bag\" | \"golf-cart\" | \"golf-field\" | \"golf\" | \"golfer\" | \"helmet\" | \"hockey-alt\" | \"hockey\" | \"ice-skate\" | \"jersey-alt\" | \"jersey\" | \"jumping\" | \"kick\" | \"leg\" | \"match-review\" | \"medal-sport\" | \"offside\" | \"olympic-logo\" | \"olympic\" | \"padding\" | \"penalty-card\" | \"racer\" | \"racing-car\" | \"racing-flag-alt\" | \"racing-flag\" | \"racings-wheel\" | \"referee\" | \"refree-jersey\" | \"result-sport\" | \"rugby-ball\" | \"rugby-player\" | \"rugby\" | \"runner-alt-1\" | \"runner-alt-2\" | \"score-board\" | \"skiing-man\" | \"skydiving-goggles\" | \"snow-mobile\" | \"steering\" | \"stopwatch\" | \"substitute\" | \"swimmer\" | \"table-tennis\" | \"team-alt\" | \"team\" | \"tennis-player\" | \"tennis\" | \"tracking\" | \"trophy-alt\" | \"trophy\" | \"volleyball-alt\" | \"volleyball-fire\" | \"volleyball\" | \"water-bottle\" | \"whistle-alt\" | \"whistle\" | \"win-trophy\" | \"align-center\" | \"align-left\" | \"align-right\" | \"all-caps\" | \"brush\" | \"clip-board\" | \"code-alt\" | \"color-bucket\" | \"color-picker\" | \"copy-invert\" | \"delete-alt\" | \"edit-alt\" | \"eraser-alt\" | \"indent\" | \"italic-alt\" | \"italic\" | \"justify-all\" | \"justify-center\" | \"justify-left\" | \"justify-right\" | \"link-broken\" | \"outdent\" | \"paper-clip\" | \"paragraph\" | \"pin\" | \"printer\" | \"redo\" | \"rotation\" | \"save\" | \"small-cap\" | \"strike-through\" | \"sub-listing\" | \"subscript\" | \"superscript\" | \"text-height\" | \"text-width\" | \"trash\" | \"underline\" | \"undo\" | \"air-balloon\" | \"airplane-alt\" | \"airplane\" | \"articulated-truck\" | \"auto-mobile\" | \"auto-rickshaw\" | \"bicycle-alt-1\" | \"bicycle-alt-2\" | \"bicycle\" | \"bus-alt-1\" | \"bus-alt-2\" | \"bus-alt-3\" | \"bus\" | \"cab\" | \"cable-car\" | \"car-alt-1\" | \"car-alt-2\" | \"car-alt-3\" | \"car-alt-4\" | \"delivery-time\" | \"fast-delivery\" | \"fire-truck-alt\" | \"fire-truck\" | \"free-delivery\" | \"helicopter\" | \"motor-bike-alt\" | \"motor-bike\" | \"motor-biker\" | \"oil-truck\" | \"rickshaw\" | \"rocket-alt-1\" | \"rocket-alt-2\" | \"rocket\" | \"sail-boat-alt-1\" | \"sail-boat-alt-2\" | \"sail-boat\" | \"scooter\" | \"sea-plane\" | \"ship-alt\" | \"ship\" | \"speed-boat\" | \"taxi\" | \"tractor\" | \"train-line\" | \"train-steam\" | \"tram\" | \"truck-alt\" | \"truck-loaded\" | \"truck\" | \"van-alt\" | \"van\" | \"yacht\" | \"5-star-hotel\" | \"air-ticket\" | \"beach-bed\" | \"beach\" | \"camping-vest\" | \"direction-sign\" | \"hill-side\" | \"hill\" | \"hotel\" | \"island-alt\" | \"island\" | \"sandals-female\" | \"sandals-male\" | \"travelling\" | \"breakdown\" | \"celsius\" | \"clouds\" | \"cloudy\" | \"dust\" | \"eclipse\" | \"fahrenheit\" | \"forest-fire\" | \"full-night\" | \"full-sunny\" | \"hail-night\" | \"hail-rainy-night\" | \"hail-rainy-sunny\" | \"hail-rainy\" | \"hail-sunny\" | \"hail-thunder-night\" | \"hail-thunder-sunny\" | \"hail-thunder\" | \"hail\" | \"hill-night\" | \"hill-sunny\" | \"hurricane\" | \"meteor\" | \"night\" | \"rainy-night\" | \"rainy-sunny\" | \"rainy-thunder\" | \"rainy\" | \"snow-alt\" | \"snow-flake\" | \"snow-temp\" | \"snow\" | \"snowy-hail\" | \"snowy-night-hail\" | \"snowy-night-rainy\" | \"snowy-night\" | \"snowy-rainy\" | \"snowy-sunny-hail\" | \"snowy-sunny-rainy\" | \"snowy-sunny\" | \"snowy-thunder-night\" | \"snowy-thunder-sunny\" | \"snowy-thunder\" | \"snowy-windy-night\" | \"snowy-windy-sunny\" | \"snowy-windy\" | \"snowy\" | \"sun-alt\" | \"sun-rise\" | \"sun-set\" | \"sunny-day-temp\" | \"sunny\" | \"thunder-light\" | \"tornado\" | \"umbrella-alt\" | \"umbrella\" | \"volcano\" | \"wave\" | \"wind-scale-0\" | \"wind-scale-1\" | \"wind-scale-10\" | \"wind-scale-11\" | \"wind-scale-12\" | \"wind-scale-2\" | \"wind-scale-3\" | \"wind-scale-4\" | \"wind-scale-5\" | \"wind-scale-6\" | \"wind-scale-7\" | \"wind-scale-8\" | \"wind-scale-9\" | \"wind-waves\" | \"wind\" | \"windy-hail\" | \"windy-night\" | \"windy-raining\" | \"windy-sunny\" | \"windy-thunder-raining\" | \"windy-thunder\" | \"windy\" | \"addons\" | \"address-book\" | \"adjust\" | \"alarm\" | \"archive\" | \"attachment\" | \"automation\" | \"badge\" | \"bag-alt\" | \"bag\" | \"bar-code\" | \"bars\" | \"basket\" | \"battery-empty\" | \"battery-full\" | \"battery-half\" | \"battery-low\" | \"beaker\" | \"beard\" | \"bed\" | \"bell\" | \"beverage\" | \"bill\" | \"binoculars\" | \"bluetooth\" | \"bomb\" | \"book-mark\" | \"box\" | \"briefcase\" | \"broken\" | \"bucket\" | \"bucket1\" | \"bucket2\" | \"building\" | \"bulb-alt\" | \"bullet\" | \"bullhorn\" | \"bullseye\" | \"calendar\" | \"camera-alt\" | \"camera\" | \"cart-alt\" | \"cart\" | \"cc\" | \"charging\" | \"chat\" | \"check-alt\" | \"check-circled\" | \"check\" | \"checked\" | \"children-care\" | \"clock-time\" | \"close-circled\" | \"close-line-circled\" | \"close-line-squared-alt\" | \"close-line-squared\" | \"close-line\" | \"close-squared-alt\" | \"close-squared\" | \"cloud-download\" | \"cloud-refresh\" | \"cloud-upload\" | \"cloud\" | \"code-not-allowed\" | \"comment\" | \"compass-alt\" | \"compass\" | \"computer\" | \"console\" | \"contacts\" | \"contrast\" | \"copyright\" | \"credit-card\" | \"crop\" | \"crown\" | \"cube\" | \"cubes\" | \"dashboard-web\" | \"dashboard\" | \"database-add\" | \"database-locked\" | \"database-remove\" | \"database\" | \"delete\" | \"diamond\" | \"dice-multiple\" | \"dice\" | \"disc\" | \"diskette\" | \"document-folder\" | \"download-alt\" | \"downloaded\" | \"drag1\" | \"drag2\" | \"drag3\" | \"earth\" | \"ebook\" | \"edit\" | \"eject\" | \"email\" | \"envelope-open\" | \"envelope\" | \"eraser\" | \"excavator\" | \"exchange\" | \"exclamation-circle\" | \"exclamation-square\" | \"exclamation-tringle\" | \"exclamation\" | \"external-link\" | \"eye-alt\" | \"eye-blocked\" | \"eye-dropper\" | \"eye\" | \"favourite\" | \"fax\" | \"file-fill\" | \"film\" | \"fire-alt\" | \"fire-burn\" | \"fire\" | \"flag-alt-1\" | \"flag-alt-2\" | \"flag\" | \"flame-torch\" | \"flash-light\" | \"flash\" | \"flask\" | \"folder-open\" | \"folder\" | \"foot-print\" | \"garbage\" | \"gear-alt\" | \"gear\" | \"gears\" | \"gift\" | \"glass\" | \"globe\" | \"graffiti\" | \"grocery\" | \"hand\" | \"hanger\" | \"hard-disk\" | \"heart-alt\" | \"heart\" | \"home\" | \"horn\" | \"hour-glass\" | \"inbox\" | \"infinite\" | \"info-circle\" | \"info-square\" | \"institution\" | \"interface\" | \"invisible\" | \"jacket\" | \"jar\" | \"jewlery\" | \"karate\" | \"key-hole\" | \"lamp\" | \"layers\" | \"layout\" | \"leaf\" | \"leaflet\" | \"learn\" | \"lego\" | \"lens\" | \"letter\" | \"letterbox\" | \"library\" | \"license\" | \"life-bouy\" | \"life-buoy\" | \"life-jacket\" | \"life-ring\" | \"light-bulb\" | \"lighter\" | \"lightning-ray\" | \"like\" | \"line-height\" | \"link-alt\" | \"list\" | \"listine-dots\" | \"listing-box\" | \"listing-number\" | \"live-support\" | \"location-arrow\" | \"location-pin\" | \"lock\" | \"login\" | \"logout\" | \"lollipop\" | \"long-drive\" | \"look\" | \"luggage\" | \"lunch\" | \"lungs\" | \"magic-alt\" | \"magic\" | \"magnet\" | \"mail-box\" | \"mail\" | \"male\" | \"map-pins\" | \"maximize\" | \"medicine\" | \"mega-phone\" | \"megaphone-alt\" | \"megaphone\" | \"memorial\" | \"memory-card\" | \"mic-mute\" | \"military\" | \"mill\" | \"minus-circle\" | \"minus-square\" | \"minus\" | \"mobile-phone\" | \"molecule\" | \"money\" | \"moon\" | \"mop\" | \"muffin\" | \"mustache\" | \"navigation-menu\" | \"navigation\" | \"network-tower\" | \"network\" | \"news\" | \"newspaper\" | \"no-smoking\" | \"not-allowed\" | \"notebook\" | \"notepad\" | \"notification\" | \"numbered\" | \"opposite\" | \"optic\" | \"package\" | \"paint\" | \"paper-plane\" | \"paperclip\" | \"papers\" | \"pay\" | \"penguin-linux\" | \"pestle\" | \"phone-circle\" | \"phone\" | \"pine\" | \"pixels\" | \"plugin\" | \"plus-circle\" | \"plus-square\" | \"plus\" | \"polygonal\" | \"power\" | \"price\" | \"puzzle\" | \"qr-code\" | \"queen\" | \"question-circle\" | \"question-square\" | \"question\" | \"quote-left\" | \"quote-right\" | \"random\" | \"recycle\" | \"refresh\" | \"repair\" | \"reply-all\" | \"reply\" | \"responsive\" | \"retweet\" | \"road\" | \"robot\" | \"royal\" | \"rss-feed\" | \"safety\" | \"sale-discount\" | \"satellite\" | \"send-mail\" | \"settings-alt\" | \"share-alt\" | \"share-boxed\" | \"share\" | \"shield\" | \"shopping-cart\" | \"sign-in\" | \"sign-out\" | \"site-map\" | \"smart-phone\" | \"soccer\" | \"sort-alt\" | \"space\" | \"spanner\" | \"speech-comments\" | \"speed-meter\" | \"spinner-alt-1\" | \"spinner-alt-2\" | \"spinner-alt-3\" | \"spinner-alt-4\" | \"spinner-alt-5\" | \"spinner-alt-6\" | \"spinner\" | \"spreadsheet\" | \"ssl-security\" | \"star-alt-1\" | \"star-alt-2\" | \"star\" | \"street-view\" | \"support-faq\" | \"tack-pin\" | \"tags\" | \"tasks-alt\" | \"tasks\" | \"telephone\" | \"telescope\" | \"thumbs-down\" | \"thumbs-up\" | \"tick-boxed\" | \"tick-mark\" | \"ticket\" | \"tie\" | \"toggle-off\" | \"toggle-on\" | \"tools-alt-2\" | \"tools\" | \"touch\" | \"traffic-light\" | \"transparent\" | \"tree\" | \"unique-idea\" | \"unlock\" | \"unlocked\" | \"upload-alt\" | \"upload\" | \"usb-drive\" | \"usb\" | \"vector-path\" | \"verification-check\" | \"wall-clock\" | \"wall\" | \"wallet\" | \"warning-alt\" | \"water-drop\" | \"web\" | \"wheelchair\" | \"wifi-alt\" | \"wifi\" | \"world\" | \"zigzag\" | \"zipped\"",
+          "description": "Gibt einen Identifier eines Icofont Icons an. (https://icofont.com/icons)",
+          "required": true
+        },
+        {
+          "name": "_part",
+          "type": "string | undefined",
+          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-indented-text",
+      "description": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate.\n\nIn der Komponente kann beliebiger HTML-Code verwendet werden.",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-adapter-leanup",
+      "description": "Die **InputAdapterLeanup**-Komponente wird im Zusammenhang mit der Nutzung von beliebigen Input-Komponenten innerhalb eines Formulars verwendet. Sie dient als technischer Container, der die jeweilige Input-Komponente als Control übergeben wird. Auf diese Weise wird die vollständige, datenseitige Steuerung der Input-Komponente über das **InputAdapterLeanup** gewährleistet. Die Input-Komponente dient allein der optischen bzw. layouttechnischen Ausgabe.",
+      "attributes": [],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-checkbox",
+      "description": "Der Input-Typ **_Checkbox_** generiert eine rechteckige Box, die durch Anklicken aktiviert und wieder deaktiviert wird. In aktiviertem Zustand befindet sich ein farbiger Haken in der Box.\n\nEine optische Alternative zur Standard-Checkbox stellt die Ausgabe als **_Switch_** dar. Hierbei wird die Checkbox zu einem Schieberegler gewandelt, der bei Anklicken nach rechts (aktiv) bzw. nach links (inaktiv) verschoben wird.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_checked",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Checkbox ausgewählt ist oder nicht.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_indeterminate",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Checkbox ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"checkbox\" | \"switch\" | undefined",
+          "description": "Gibt an, welchen Type das Input haben soll.",
+          "defaultValue": "'checkbox'",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert der Checkbox an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-color",
+      "description": "Der Input-Typ **Color** erzeugt ein Auswahlfeld für die Definition einer beliebigen Farbe. Die Angabe der Farbe kann in hexadezimaler Schreibweise, in RGB-Schreibweise oder in HSL-Schreibweise erfolgen. Möglich ist die Auswahl einer Farbe über einen Picker oder auch die exakte Eingabe von Farbwerten.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "string | string[] | undefined",
+          "description": "Gibt die Liste der Vorschlagswörter an.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-email",
+      "description": "Der Input-Typ **E-Mail** erzeugt ein Eingabefeld für E-Mails.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "string | string[] | undefined",
+          "description": "Gibt die Liste der Vorschlagswörter an.",
+          "required": false
+        },
+        {
+          "name": "_max-length",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man maximal eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_multiple",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob mehrere Werte eingegeben werden können.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_pattern",
+          "type": "string | undefined",
+          "description": "Gibt ein Prüfpattern für das Eingabefeld an.",
+          "required": false
+        },
+        {
+          "name": "_placeholder",
+          "type": "string | undefined",
+          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.",
+          "required": false
+        },
+        {
+          "name": "_read-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Radio ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_size",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-file",
+      "description": "Der Input-Typ **File** erzeugt ein Eingabefeld für Uploads. Es können eine oder auch mehrere Dateien ausgewählt werden.",
+      "attributes": [
+        {
+          "name": "_accept",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Dateiformate erlaubt sind.",
+          "required": false
+        },
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_multiple",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob mehrere Werte eingegeben werden können.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-number",
+      "description": "Der Input-Typ **Number** erzeugt ein Eingabefeld für Zahlen, Datumswerte, Datums- und Zeitwerte, Wochen, Monate und Zeiten.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "string | string[] | undefined",
+          "description": "Gibt die Liste der Vorschlagszahlen an.",
+          "required": false
+        },
+        {
+          "name": "_max",
+          "type": "number | undefined",
+          "description": "Gibt den größtmöglichen Zahlenwert an.",
+          "required": false
+        },
+        {
+          "name": "_min",
+          "type": "number | undefined",
+          "description": "Gibt den kleinstmöglichen Zahlenwert an.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_placeholder",
+          "type": "string | undefined",
+          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.",
+          "required": false
+        },
+        {
+          "name": "_read-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_step",
+          "type": "number | undefined",
+          "description": "Gibt die Schrittweite der Wertveränderung an",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"date\" | \"datetime-local\" | \"month\" | \"number\" | \"time\" | \"week\" | undefined",
+          "description": "Gibt an, ob es ein DateTime-, Date-, Month-, Week-, Time-, DateTime-Local-, Number-Eingabefeld ist.",
+          "defaultValue": "'number'",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-password",
+      "description": "Der Input-Typ **Password** erzeugt ein Eingabefeld für Passwörter. Die Eingabe wird über Punktsymbole maskiert.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_max-length",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man maximal eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_pattern",
+          "type": "string | undefined",
+          "description": "Gibt ein Prüfpattern für das Eingabefeld an.",
+          "required": false
+        },
+        {
+          "name": "_placeholder",
+          "type": "string | undefined",
+          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.",
+          "required": false
+        },
+        {
+          "name": "_read-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Eingabefeld nur lesend ist.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_size",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-radio",
+      "description": "Die Komponente ** InputRadio** besteht aus einer Sammlung von Radio-Elementen und stellt so eine Auswahlmöglichkeit zwischen verschiedenen Werten dar. Es kann immer nur ein einzelner Wert zur gleichen Zeit ausgewählt werden. Ausgewählte Radio-Elemente werden i.d.R. mit einem gefüllten und optisch hervorgehobenen Kreis dargestellt.\n\n<kol-alert _alert _heading=\"Hinweis\" _level=\"1\" _type=\"info\">\n  Das Input-Radio dient der Abbildung einer Auswahlmöglichkeit bei der mindestens und maximal eine Auswahl getroffen werden kann. Das bedeutet, dass ein Input-Radio nicht einzeln vorkommen kann. Aufgrund dessen haben wir die Komponente als Listen-Komponente umgesetzt.\n</kol-alert><br/>",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "Option<unknown>[] | string",
+          "description": "Gibt die Liste der Optionen für das Eingabefeld an.",
+          "required": true
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_orientation",
+          "type": "\"horizontal\" | \"vertical\" | undefined",
+          "description": "Gibt die Ausrichtung der LinkList an.",
+          "defaultValue": "'vertical'",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert der Radio an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-radio-group",
+      "description": "",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "Option<unknown>[] | string",
+          "description": "Gibt die Liste der Optionen für das Eingabefeld an.",
+          "required": true
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_orientation",
+          "type": "\"horizontal\" | \"vertical\" | undefined",
+          "description": "Gibt die Ausrichtung der LinkList an.",
+          "defaultValue": "'vertical'",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert der Radio an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-range",
+      "description": "Der Input-Typ **Range** erzeugt ein interaktives Element, mit dem Werte durch Verschieben eines Reglers verändert werden können.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "Option<number>[] | string | undefined",
+          "description": "Gibt die Liste der Vorschlagswörter an.",
+          "required": false
+        },
+        {
+          "name": "_max",
+          "type": "number | undefined",
+          "description": "Gibt den Maximalwert des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_min",
+          "type": "number | undefined",
+          "description": "Gibt den Minimalwert des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_step",
+          "type": "number | undefined",
+          "description": "Gibt die Schrittweite der Wertveränderung an.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "number | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-input-text",
+      "description": "Der Input-Typ **Text** erzeugt ein Eingabefeld für normalen Text, Suchbegriffe, URLs oder Telefonnummern.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_auto-complete",
+          "type": "\"off\" | \"on\" | undefined",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "string | string[] | undefined",
+          "description": "Gibt die Liste der Vorschlagswörter an.",
+          "required": false
+        },
+        {
+          "name": "_max-length",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man maximal eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_pattern",
+          "type": "string | undefined",
+          "description": "Gibt ein Prüfpattern für das Eingabefeld an.",
+          "required": false
+        },
+        {
+          "name": "_placeholder",
+          "type": "string | undefined",
+          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.",
+          "required": false
+        },
+        {
+          "name": "_read-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Eingabefeld nur lesend ist.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_size",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_type",
+          "type": "\"search\" | \"tel\" | \"text\" | \"url\" | undefined",
+          "description": "Gibt an, ob es ein Text-, Suche-, URL- oder Telefon-Eingabefeld ist.",
+          "defaultValue": "'text'",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-kolibri",
+      "description": "Diese Komponente implementiert das KoliBri-Logo.",
+      "attributes": [
+        {
+          "name": "_animate",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Bild-Logo farblich animiert werden soll.",
+          "required": false
+        },
+        {
+          "name": "_color",
+          "type": "string | undefined",
+          "description": "Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.",
+          "defaultValue": "'#003c78'",
+          "required": false
+        },
+        {
+          "name": "_labeled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Logo-Beschriftung angezeigt werden soll.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "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.\nMöglich ist auch die Ausgabe eines versteckten Links.\n\nDer Link wird standardmäßig in klassischer Form mit Unterstrich ausgegeben, der jedoch über ein Attribut auch ohne CSS entfernt werden kann. Weitere Informationen zu Custom Styles finden Sie weiter unten.\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": "_aria-controls",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)",
+          "required": false
+        },
+        {
+          "name": "_aria-current",
+          "type": "\"date\" | \"location\" | \"page\" | \"step\" | \"time\" | boolean | undefined",
+          "description": "Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "required": false
+        },
+        {
+          "name": "_aria-expanded",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)",
+          "required": false
+        },
+        {
+          "name": "_aria-label",
+          "type": "string | undefined",
+          "description": "Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_aria-selected",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Link deaktiviert ist.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_fill",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_href",
+          "type": "string | undefined",
+          "description": "Gibt die Ziel-Url des Links an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { top: string | KoliBriCustomIcon; right?: string | KoliBriCustomIcon | undefined; bottom?: string | KoliBriCustomIcon | undefined; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right: string | KoliBriCustomIcon; bottom?: string | KoliBriCustomIcon | undefined; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right?: string | KoliBriCustomIcon | undefined; bottom: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { top?: string | KoliBriCustomIcon | undefined; right?: string | KoliBriCustomIcon | undefined; bottom?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)",
+          "required": false
+        },
+        {
+          "name": "_icon-align",
+          "type": "\"left\" | \"right\" | undefined",
+          "description": "Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.",
+          "defaultValue": "'left'",
+          "required": false
+        },
+        {
+          "name": "_icon-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob nur das Icon angezeigt wird.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_part",
+          "type": "string | undefined",
+          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)",
+          "required": false
+        },
+        {
+          "name": "_selector",
+          "type": "string | undefined",
+          "description": "Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.",
+          "required": false
+        },
+        {
+          "name": "_show-as",
+          "type": "\"button\" | \"link\" | undefined",
+          "description": "Gibt an, ob der Link als Link oder Button dargestellt werden soll.",
+          "defaultValue": "'link'",
+          "required": false
+        },
+        {
+          "name": "_stealth",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Link nur beim Fokus sichtbar ist.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_target",
+          "type": "string | undefined",
+          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll.",
+          "required": false
+        },
+        {
+          "name": "_target-description",
+          "type": "string | undefined",
+          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird.",
+          "defaultValue": "'Der Link wird in einem neuen Tab geöffnet.'",
+          "required": false
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "defaultValue": "'right'",
+          "required": false
+        },
+        {
+          "name": "_underline",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Links unterstrichen dargestellt werden.",
+          "defaultValue": "true",
+          "required": false
+        },
+        {
+          "name": "_use-case",
+          "type": "\"image\" | \"nav\" | \"text\" | undefined",
+          "description": "Gibt den Verwendungsfall des Links an.",
+          "defaultValue": "'text'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "hidden",
+          "description": "Ermöglicht das Ausblenden des Linktextes."
+        },
+        {
+          "name": "link",
+          "description": "Ermöglicht das Stylen des Links."
+        },
+        {
+          "name": "span",
+          "description": "Ermöglicht das Stylen des Linktextes."
+        }
+      ]
+    },
+    {
+      "name": "kol-link-group",
+      "description": "Die **LinkGroup**-Komponente bildet einen umfassenden Container für eine listenartige, vertikale oder horizontale Darstellung von Links. Sie rendert eine auf Barrierefreiheit optimierte Liste von Links, die als Text, als Icon oder auch in Kombination ausgegeben werden kann. Möglich ist auch die Ausgabe von versteckten Links.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_heading",
+          "type": "string | undefined",
+          "description": "Gibt die optionale Überschrift zur Link-Gruppe an.",
+          "required": false
+        },
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "required": false
+        },
+        {
+          "name": "_links",
+          "type": "NavLinkProps[] | string",
+          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "required": true
+        },
+        {
+          "name": "_list-style-type",
+          "type": "\"circle\" | \"decimal\" | \"decimal-leading-zero\" | \"disc\" | \"lower-alpha\" | \"lower-greek\" | \"lower-latin\" | \"lower-roman\" | \"none\" | \"square\" | \"upper-alpha\" | \"upper-latin\" | \"upper-roman\" | undefined",
+          "description": "Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet",
+          "required": false
+        },
+        {
+          "name": "_ordered",
+          "type": "boolean | undefined",
+          "description": "",
+          "required": false
+        },
+        {
+          "name": "_orientation",
+          "type": "\"horizontal\" | \"vertical\" | undefined",
+          "description": "Gibt die Ausrichtung der LinkList an.",
+          "defaultValue": "'vertical'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "link",
+          "description": "Ermöglicht das Stylen der Links."
+        }
+      ]
+    },
+    {
+      "name": "kol-logo",
+      "description": "Mit Hilfe der **Logo**-Komponente können an beliebigen Positionen Logos ausgegeben werden. Die zur Verfügung stehenden Logos entstammen aus dem Umfeld\nder Bundesinstitutionen. Die **Logo**-Komponente rendert an beliebiger Position auf der Webseite ein Logo, das über ein Attribut definiert wird. Das Logo wird dabei aus einer\nSammlung von SVG-Grafiken zusammengesetzt, die fertig konstruiert vorliegen. Die Ausgabe des Logos kann über das Attribut **style** definiert werden.",
+      "attributes": [
+        {
+          "name": "_abbr",
+          "type": "Bundesamt | Bundesanstalt | Bundesministerium | undefined",
+          "description": "Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an.",
+          "required": false
+        },
+        {
+          "name": "_org",
+          "type": "Bundesamt | Bundesanstalt | Bundesministerium",
+          "description": "Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-modal",
+      "description": "Mit Hilfe der **Modal**-Komponente können zusätzliche Informationen oder auch Eingabeformulare in einem\nDialogfenster angezeigt werden. Sie wird nach Klick auf einen Button aufgerufen und über ein eigenes\nClose-Icon wieder geschlossen. Die **Modal**-Komponente basiert auf der **Card**-Komponente und ist standardmäßig versteckt. Sie wird i.d.R.\nerst nach Klick auf einen Button oder sonstigem Trigger angezeigt. Dabei wird der Hintergrund des Fensters deaktiviert und allein der Inhalt\ndes Modal-Fensters ist aktiv. Das **Modal**-Fenster wird über ein **Close-Icon** oben rechts im Kopfbereich wieder\ngeschlossen.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_show",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Modal angezeigt wird.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_width",
+          "type": "string | undefined",
+          "description": "Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).",
+          "defaultValue": "'100%'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-nav",
+      "description": "Eine **Navigationsleiste** ist eine Gruppe von verwandten Links oder „Navigationselementen“, die durch Anklicken eine Aktion ausführen oder Inhalte anzeigen. Sie navigiert Nutzer:innen direkt zu bestimmten Inhalten der aktuellen Seite oder zu externen Seiten. Außerdem dient sie Nutzer:innen (ähnlich wie Registerkarten) als Steuerelement, um Inhalte anzuzeigen, auszublenden und zwischen ihnen zu wechseln. Dabei werden häufig animierte Übergänge verwendet.\n\nDie **Nav**-Komponente stellt eine vollwertige vertikale , bzw. horizontale **Navigationsleiste** bereit. Sie kann mehrere Ebenen enthalten und in verschiedenen Breiten ausgegeben werden. Die **Nav**-Komponente repräsentiert die Struktur der Webseite und hat so eine fundamentale Bedeutung sowohl für Nutzer:innen, als auch für Suchmaschinen.\n\n**KoliBri** stellt eine umfangreich konfigurierbare, vertikale oder horizontale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann.\nMenüpunkte der obersten Ebene, wie z.B. die Startseite, werden stets über die ganze Breite der **Navigation** gestreckt. Nachfolgende Ebenen, als direkte Kindelemente, werden auf der linken Seite\netwas eingerückt ausgegeben. Übergeordnete Menüpunkte die Untermenüpunkte enthalten, werden mit einem **Plus-Icon** am linken Rand angezeigt. Wird der übergeordnete Menüpunkt mit dem Plus-Icon geöffnet, ändert sich\ndas Plus-Icon automatisch zu einem **Minus-Icon**, mit dem der Menüpunkt wieder geschlossen werden kann.\n\nAktive Menüpunkte werden mit einer farbigen Markierung dargestellt.\n\nÜber ein **Doppelpfeil-Icon** unterhalb der Navigation kann die Breite der **Nav**-Komponente verändert werden. In der kleinsten Breite werden die Menütitel ausgeblendet und nur\nnoch die Icons ausgegeben.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_collapsible",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_compact",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Navigation kompakt angezeigt wird.",
+          "defaultValue": "false",
+          "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": "_links",
+          "type": "NavLinkWithChildrenProps[] | string",
+          "description": "Gibt die geordnete Liste der Seitenhierarchie an.",
+          "required": true
+        },
+        {
+          "name": "_orientation",
+          "type": "\"horizontal\" | \"vertical\" | undefined",
+          "description": "Gibt die Ausrichtung der Navigation an.",
+          "defaultValue": "'vertical'",
+          "required": false
+        },
+        {
+          "name": "_variant",
+          "type": "\"primary\" | \"secondary\" | undefined",
+          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "defaultValue": "'primary'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "nav",
+          "description": "TBD"
+        }
+      ]
+    },
+    {
+      "name": "kol-pagination",
+      "description": "Mit Hilfe der <b>Paginierung-Komponente</b> lassen sich umfangreiche Inhalte auf der Seite\nin handliche Abschnitte unterteilen. Diese können dann über die Paginierung der Reihe nach\ndurchlaufen werden.",
+      "attributes": [
+        {
+          "name": "_boundary-count",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Seiten neben den am Rand liegenden Pfeil-Schaltern angezeigt werden sollen.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_custom-class",
+          "type": "string | undefined",
+          "description": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist.",
+          "required": false
+        },
+        {
+          "name": "_has-buttons",
+          "type": "boolean | string | undefined | { first: boolean; last: boolean; next: boolean; previous: boolean; }",
+          "description": "Gibt an, welche Sprung-Schalter sichtbar sein sollen.",
+          "required": false
+        },
+        {
+          "name": "_page",
+          "type": "number",
+          "description": "Gibt an, welche Seite aktuell ausgewählt ist.",
+          "required": true
+        },
+        {
+          "name": "_page-size",
+          "type": "number",
+          "description": "Gibt an, wie viele Einträge pro Seite angezeigt werden.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_page-size-options",
+          "type": "number[] | string",
+          "description": "Gibt an, welche Optionen für die Seitenlänge angeboten werden.",
+          "defaultValue": "[]",
+          "required": false
+        },
+        {
+          "name": "_sibling-count",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_tooltip-align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden.",
+          "defaultValue": "'top'",
+          "required": false
+        },
+        {
+          "name": "_total",
+          "type": "number",
+          "description": "Gibt an, wie viele Einträge mit der Pagination gehandelt werden.",
+          "required": true
+        },
+        {
+          "name": "_variant",
+          "type": "\"danger\" | \"ghost\" | \"normal\" | \"primary\" | \"secondary\" | undefined",
+          "description": "Gibt an, welche Button-Variante verwendet werden soll.",
+          "defaultValue": "'normal'",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-progress",
+      "description": "Die **Progress**-Komponente erzeugt einen Fortschrittsbalken, über den eine optische Rückmeldung gegeben werden kann.",
+      "attributes": [
+        {
+          "name": "_max",
+          "type": "number",
+          "description": "Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.",
+          "required": true
+        },
+        {
+          "name": "_type",
+          "type": "\"bar\" | \"cycle\" | undefined",
+          "description": "Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird.",
+          "required": false
+        },
+        {
+          "name": "_unit",
+          "type": "string | undefined",
+          "description": "Gibt die Einheit der Fortschrittswerte an.",
+          "defaultValue": "'%'",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "number",
+          "description": "Gibt an, wie weit die Anzeige fortgeschritten ist.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-select",
+      "description": "Die **Select**-Komponente erzeugt eine Auswahlliste, aus der eine oder mehrere vorgegebene Möglichkeiten ausgewählt werden können.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_height",
+          "type": "string | undefined",
+          "description": "Gibt an, ob eine individuelle Höhe übergeben werden soll.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_icon",
+          "type": "string | undefined | { right: string | KoliBriCustomIcon; left?: string | KoliBriCustomIcon | undefined; } | { right?: string | KoliBriCustomIcon | undefined; left: string | KoliBriCustomIcon; }",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_list",
+          "type": "SelectOption<unknown>[] | string",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_multiple",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob mehrere Werte eingegeben werden können.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Selectbox ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_size",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined | unknown[]",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "select",
+          "description": "Ermöglicht das Stylen des select-Knotens."
+        }
+      ]
+    },
+    {
+      "name": "kol-skip-nav",
+      "description": "Mit Hilfe der **SkipNav**-Komponente kann eine versteckte Navigation erzeugt werden. Sie dient dazu, Sehbehinderten das Überspringen von Seitenbereichen zu ermöglichen. Sie wird nur nach Anspringen durch die **Tab-Taste** sichtbar.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_links",
+          "type": "NavLinkProps[] | string",
+          "description": "Ist die Liste der unsichtbaren Links.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": [
+        {
+          "name": "link",
+          "description": "Ermöglicht das Stylen der Links."
+        }
+      ]
+    },
+    {
+      "name": "kol-spin",
+      "description": "Lader, wie die **Spin**-Komponente, informieren die Nutzer:innen über Lade- oder Rechenvorgänge, die vom System ausgeführt werden. Der Fortschritt kann durch eine wiederholte Animation kommuniziert werden.",
+      "attributes": [
+        {
+          "name": "_show",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Ladeanzeige eingeblendet wird oder nicht.",
+          "defaultValue": "false",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-symbol",
+      "description": "Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt an, was der Screenreader ausgeben soll",
+          "required": true
+        },
+        {
+          "name": "_symbol",
+          "type": "string",
+          "description": "Dieses Property gibt den String an der angezeigt werden soll.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-table",
+      "description": "Die **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.\n</kol-indented-text>",
+      "attributes": [
+        {
+          "name": "_caption",
+          "type": "string",
+          "description": "Gibt den  Titel oder eine Legende mit Erklärungen zur Tabelle an.",
+          "required": true
+        },
+        {
+          "name": "_data",
+          "type": "KoliBriDataType[] | string",
+          "description": "Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden.",
+          "required": true
+        },
+        {
+          "name": "_headers",
+          "type": "string | { horizontal?: KoliBriTableHeaderCell[][] | undefined; vertical?: KoliBriTableHeaderCell[][] | undefined; }",
+          "description": "Gibt die horizontalen und vertikalen Header für die Tabelle an.",
+          "required": true
+        },
+        {
+          "name": "_min-width",
+          "type": "string | undefined",
+          "description": "Gibt an, die minimale Breite der Tabelle an.",
+          "required": false
+        },
+        {
+          "name": "_pagination",
+          "type": "boolean | string | undefined | { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks | undefined; _page?: number | undefined; _total?: number | undefined; _customClass?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _boundaryCount?: number | undefined; _hasButtons?: boolean | Stringified<PaginationHasButton> | undefined; _pageSize?: number | undefined; _pageSizeOptions?: Stringified<number[]> | undefined; _siblingCount?: number | undefined; _tooltipAlign?: TooltipAlignment | undefined; }",
+          "description": "Gibt an, ob die Daten geteilt in Seiten angezeigt wird.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-tabs",
+      "description": "Die **Tabs**-Komponente wird verwendet, um verwandte Inhalte auf derselben Seite zu organisieren und zwischen ihnen zu navigieren. Tabs sorgen dafür, dass große Inhaltsmengen für Nutzer:innen leichter organisiert werden können. Tabs sind in Registerkartenleisten angeordnet, die als Registerkartengruppen bezeichnet werden, wobei die Registerkartenbeschriftung den Nutzer:innen einen Hinweis darauf gibt, welcher Inhalt angezeigt wird, wenn die Registerkarte ausgewählt wird.",
+      "attributes": [
+        {
+          "name": "_aria-label",
+          "type": "string",
+          "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert.",
+          "required": true
+        },
+        {
+          "name": "_selected",
+          "type": "number | undefined",
+          "description": "Gibt an, welches Tab selektiert sein soll.",
+          "defaultValue": "0",
+          "required": false
+        },
+        {
+          "name": "_tabs",
+          "type": "TabButtonProps[] | string",
+          "description": "Gibt die geordnete Liste der Seitenhierarchie in Links an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-textarea",
+      "description": "Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum\nInputText können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können.",
+      "attributes": [
+        {
+          "name": "_access-key",
+          "type": "string | undefined",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.",
+          "required": false
+        },
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_disabled",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.",
+          "required": false
+        },
+        {
+          "name": "_error",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Fehlermeldung an.",
+          "required": false
+        },
+        {
+          "name": "_has-counter",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.",
+          "required": false
+        },
+        {
+          "name": "_hide-label",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.",
+          "required": false
+        },
+        {
+          "name": "_hint",
+          "type": "string | undefined",
+          "description": "Gibt den Text für eine Hinweistext an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string",
+          "description": "Gibt die technische ID des Eingabefeldes an.",
+          "required": true
+        },
+        {
+          "name": "_max-length",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Zeichen man maximal eingeben kann.",
+          "required": false
+        },
+        {
+          "name": "_name",
+          "type": "string | undefined",
+          "description": "Gibt den technischen Namen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_placeholder",
+          "type": "string | undefined",
+          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist.",
+          "required": false
+        },
+        {
+          "name": "_read-only",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld nur lesend ist.",
+          "required": false
+        },
+        {
+          "name": "_required",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist.",
+          "required": false
+        },
+        {
+          "name": "_resize",
+          "type": "\"both\" | \"horizontal\" | \"none\" | \"vertical\" | undefined",
+          "description": "Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)",
+          "defaultValue": "'vertical'",
+          "required": false
+        },
+        {
+          "name": "_rows",
+          "type": "number | undefined",
+          "description": "Gibt die Anzahl der anzuzeigenden Zeilen des Eingabefeldes an.",
+          "required": false
+        },
+        {
+          "name": "_tab-index",
+          "type": "number | undefined",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat.",
+          "required": false
+        },
+        {
+          "name": "_touched",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_value",
+          "type": "string | undefined",
+          "description": "Gibt den Wert des Eingabefeldes an.",
+          "required": false
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-toast",
+      "description": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.\n\nEin **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für fünf Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden.",
+      "attributes": [
+        {
+          "name": "_alert",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Screenreader die Meldung vorlesen soll.",
+          "defaultValue": "true",
+          "required": false
+        },
+        {
+          "name": "_has-closer",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Toast ein Schließen-Icon hat.",
+          "defaultValue": "false",
+          "required": false
+        },
+        {
+          "name": "_heading",
+          "type": "string | undefined",
+          "description": "Gibt den Titel der Meldung an.",
+          "defaultValue": "''",
+          "required": false
+        },
+        {
+          "name": "_level",
+          "type": "1 | 2 | 3 | 4 | 5 | 6 | undefined",
+          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.",
+          "defaultValue": "1",
+          "required": false
+        },
+        {
+          "name": "_show",
+          "type": "boolean | undefined",
+          "description": "Gibt an, ob der Toast eingeblendet wird.",
+          "defaultValue": "true",
+          "required": false
+        },
+        {
+          "name": "_show-duration",
+          "type": "number | undefined",
+          "description": "Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.",
+          "defaultValue": "10000",
+          "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
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-tooltip",
+      "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.",
+      "attributes": [
+        {
+          "name": "_align",
+          "type": "\"bottom\" | \"left\" | \"right\" | \"top\" | undefined",
+          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.",
+          "defaultValue": "'top'",
+          "required": false
+        },
+        {
+          "name": "_id",
+          "type": "string | undefined",
+          "description": "Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.",
+          "required": false
+        },
+        {
+          "name": "_label",
+          "type": "string",
+          "description": "Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    },
+    {
+      "name": "kol-version",
+      "description": "Die **Version**-Komponente stellt kurze Inhalte auf einem farbigen Hintergrund dar. Die **Version**-Komponente ist mit der **Tag**-Komponente eng verwandt, bietet aber nur ein Attribut zur Konfiguration. Sie ist optimiert für die\nAngabe z.B. von Versionen einer Seite.",
+      "attributes": [
+        {
+          "name": "_version",
+          "type": "string",
+          "description": "Gibt die Versionsnummer als Text an.",
+          "required": true
+        }
+      ],
+      "events": [],
+      "methods": [],
+      "slots": [],
+      "cssProperties": [],
+      "cssParts": []
+    }
+  ]
+}