@public-ui/components 1.1.10-rc.1 → 1.1.10-rc.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.1.10-rc.1",
+  "version": "1.1.10-rc.11",
   "description": "Das Components-Modul beinhaltet alle zur Komponenten-Bibliothek gehörenden Webcomponents.",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",

package/vscode-custom-data.json

@@ -245,18 +245,6 @@
           "name": "_label",
           "description": "Gibt den Label für die Beschriftung der Schaltfläche an."
         },
-        {
-          "name": "_show-as",
-          "description": "Gibt an, ob der Button als Button oder Link dargestellt werden soll.",
-          "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            }
-          ]
-        },
         {
           "name": "_tooltip-align",
           "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.",
@@ -321,6 +309,117 @@
       },
       "attributes": []
     },
+    {
+      "name": "kol-button-link",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-current",
+          "description": "Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
+        {
+          "name": "_aria-expanded",
+          "description": "Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+        },
+        {
+          "name": "_aria-label",
+          "description": "Gibt einen Text des Buttons für den Screenreader an. Für die Sprachsteuerung muss der Aria-Text mit dem Label-Text des Buttons beginnen. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"
+        },
+        {
+          "name": "_disabled",
+          "description": "Gibt an, ob der Button deaktiviert ist."
+        },
+        {
+          "name": "_icon",
+          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)"
+        },
+        {
+          "name": "_icon-align",
+          "description": "Gibt an, ob das Icon links oder rechts dargestellt werden soll.",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "_icon-only",
+          "description": "Gibt an, ob nur das Icon angezeigt wird."
+        },
+        {
+          "name": "_id",
+          "description": "Gibt die ID der Schaltfläche an. (Selection, Testing)"
+        },
+        {
+          "name": "_label",
+          "description": "Gibt den Label für die Beschriftung der Schaltfläche an."
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_type",
+          "description": "Gibt an, welche Typ der Button hat.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "kol-card",
       "description": {
@@ -11322,6 +11421,120 @@
         }
       ]
     },
+    {
+      "name": "kol-input-date",
+      "description": {
+        "kind": "markdown",
+        "value": "Der Input-Typ **Date** erzeugt ein Eingabefeld für Datumswerte. Diese können konkrete Daten sein, aber auch Wochen, Monate oder Zeitangaben."
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann."
+        },
+        {
+          "name": "_alert",
+          "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt."
+        },
+        {
+          "name": "_auto-complete",
+          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "values": [
+            {
+              "name": "off"
+            },
+            {
+              "name": "on"
+            }
+          ]
+        },
+        {
+          "name": "_disabled",
+          "description": "Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist."
+        },
+        {
+          "name": "_error",
+          "description": "Gibt den Text für eine Fehlermeldung an."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Gibt an, ob das Eingabefeld kein sichtbares Label haben soll."
+        },
+        {
+          "name": "_hint",
+          "description": "Gibt den Text für eine Hinweistext an."
+        },
+        {
+          "name": "_icon",
+          "description": "Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes."
+        },
+        {
+          "name": "_id",
+          "description": "Gibt die technische ID des Eingabefeldes an."
+        },
+        {
+          "name": "_list",
+          "description": "Gibt die Liste der Vorschlagszahlen an."
+        },
+        {
+          "name": "_max",
+          "description": "Gibt den größtmöglichen Datumswert an."
+        },
+        {
+          "name": "_min",
+          "description": "Gibt den kleinstmöglichen Datumswert an."
+        },
+        {
+          "name": "_name",
+          "description": "Gibt den technischen Namen des Eingabefeldes an."
+        },
+        {
+          "name": "_read-only",
+          "description": "Gibt an, ob das Eingabefeld nur lesend ist."
+        },
+        {
+          "name": "_required",
+          "description": "Gibt an, ob das Eingabefeld ein Pflichtfeld ist."
+        },
+        {
+          "name": "_step",
+          "description": "Gibt die Schrittweite der Wertveränderung an"
+        },
+        {
+          "name": "_tab-index",
+          "description": "Gibt an, welchen Tab-Index dieses Input hat."
+        },
+        {
+          "name": "_touched",
+          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+        },
+        {
+          "name": "_type",
+          "description": "Gibt den Typ des Eingabefeldes an.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "datetime-local"
+            },
+            {
+              "name": "month"
+            },
+            {
+              "name": "time"
+            },
+            {
+              "name": "week"
+            }
+          ]
+        },
+        {
+          "name": "_value",
+          "description": "Gibt den Wert des Eingabefeldes an."
+        }
+      ]
+    },
     {
       "name": "kol-input-email",
       "description": {
@@ -12158,17 +12371,144 @@
           "description": "Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus."
         },
         {
-          "name": "_show-as",
-          "description": "Gibt an, ob der Link als Link oder Button dargestellt werden soll.",
+          "name": "_stealth",
+          "description": "Gibt an, ob der Link nur beim Fokus sichtbar ist."
+        },
+        {
+          "name": "_target",
+          "description": "Definiert das Verhalten, bei dem der Link geöffnet werden soll."
+        },
+        {
+          "name": "_target-description",
+          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird."
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.",
           "values": [
             {
-              "name": "button"
+              "name": "bottom"
             },
             {
-              "name": "link"
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
             }
           ]
         },
+        {
+          "name": "_underline",
+          "description": "Gibt an, ob die Links unterstrichen dargestellt werden."
+        },
+        {
+          "name": "_use-case",
+          "description": "Gibt den Verwendungsfall des Links an.",
+          "values": [
+            {
+              "name": "image"
+            },
+            {
+              "name": "nav"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "kol-link-button",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_aria-controls",
+          "description": "Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-current",
+          "description": "Gibt an, welchen aktuellen Auswahlstatus der Link hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
+        {
+          "name": "_aria-expanded",
+          "description": "Gibt an, ob durch den Link etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+        },
+        {
+          "name": "_aria-label",
+          "description": "Gibt einen beschreibenden Text des Links an.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"
+        },
+        {
+          "name": "_aria-selected",
+          "description": "Gibt an, ob der Link gerade ausgewählt ist. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+        },
+        {
+          "name": "_custom-class",
+          "description": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist."
+        },
+        {
+          "name": "_disabled",
+          "description": "Gibt an, ob der Link deaktiviert ist."
+        },
+        {
+          "name": "_fill",
+          "description": "Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt."
+        },
+        {
+          "name": "_href",
+          "description": "Gibt die Ziel-Url des Links an."
+        },
+        {
+          "name": "_icon",
+          "description": "Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)"
+        },
+        {
+          "name": "_icon-align",
+          "description": "Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
+        {
+          "name": "_icon-only",
+          "description": "Gibt an, ob nur das Icon angezeigt wird."
+        },
+        {
+          "name": "_part",
+          "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/)"
+        },
+        {
+          "name": "_selector",
+          "description": "Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus."
+        },
         {
           "name": "_stealth",
           "description": "Gibt an, ob der Link nur beim Fokus sichtbar ist."
@@ -12217,6 +12557,27 @@
               "name": "text"
             }
           ]
+        },
+        {
+          "name": "_variant",
+          "description": "Gibt an, welche Ausprägung der Button hat.",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "normal"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
         }
       ]
     },
@@ -12351,6 +12712,27 @@
         "value": "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-current-value",
+          "description": "Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
+        },
         {
           "name": "_aria-label",
           "description": "Gibt den Text an, der die Navigation von anderen Navigationen differenziert."
@@ -12695,6 +13077,10 @@
           "name": "_access-key",
           "description": "Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann."
         },
+        {
+          "name": "_adjust-height",
+          "description": "Passt die Höhe des Eingabefeldes automatisch an den Füllstand an."
+        },
         {
           "name": "_alert",
           "description": "Gibt an, ob die Fehlermeldung vorgelesen werden soll, wenn es eine gibt."

package/www/build/{a11y.tipps-79d0562a.js → a11y.tipps-bec0e549.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{L as e}from"./dev.utils-bbaf8793.js";const i=new Set,n=n=>{!1===i.has(n)&&(i.add(n),e.info(n,{classifier:"✋a11y",overwriteStyle:"; background-color: #09f"}))},r=new Set,t=n=>{!1===r.has(n)&&(r.add(n),e.warn(n,{classifier:"🔥deprecated",forceLog:!0,overwriteStyle:"; background-color: #f00"}))},a=new Set,s=n=>{!1===a.has(n)&&(a.add(n),e.debug(n,{classifier:"💻dev",overwriteStyle:"; background-color: #f09"}))},o=new Set,l=(n,i=!1)=>{!1===o.has(n)&&(o.add(n),e.debug(n+=!0===i?" ✅":"",{classifier:"🌟feature",overwriteStyle:"; background-color: #309"}))};s("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const c=new Set,d=()=>{n('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},u=e=>{"string"==typeof e&&""!==e||n("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},b=(n,i=8)=>{var r;i>7&&!1===c.has(r=`[${n}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)&&(c.add(r),e.debug(r,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"}))};export{u as a,t as b,d as c,s as d,n as e,l as f,b as u};
+import{L as e}from"./dev.utils-bbaf8793.js";const i=new Set,n=n=>{!1===i.has(n)&&(i.add(n),e.info(n,{classifier:"✋a11y",overwriteStyle:"; background-color: #09f"}))},r=new Set,t=n=>{!1===r.has(n)&&(r.add(n),e.warn(n,{classifier:"🔥deprecated",forceLog:!0,overwriteStyle:"; background-color: #f00"}))},a=new Set,s=n=>{!1===a.has(n)&&(a.add(n),e.debug(n,{classifier:"💻dev",overwriteStyle:"; background-color: #f09"}))},o=new Set,l=(n,i=!1)=>{!1===o.has(n)&&(o.add(n),e.debug(n+=!0===i?" ✅":"",{classifier:"🌟feature",overwriteStyle:"; background-color: #309"}))};s("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const c=new Set,d=()=>{n('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},u=e=>{"string"==typeof e&&""!==e||n("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},b=(n,i=8)=>{var r;i>7&&!1===c.has(r=`[${n}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)&&(c.add(r),e.debug(r,{classifier:"📑ui/ux",overwriteStyle:"; background-color: #060;"}))};export{u as a,d as b,n as c,s as d,t as e,l as f,b as u};

package/{dist/kolibri/app-globals-87803a5f.js → www/build/app-globals-0525df58.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{s as o}from"./index-bc1a7f22.js";import{L as n}from"./dev.utils-bbaf8793.js";import{s,g as t}from"./index-315c6aa5.js";const e=()=>{n.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),o((o=>(o.shadowRoot instanceof ShadowRoot&&s(o,t(o)),"default"))),import("./devtools-f324fb75.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{n.error(o)}))};export{e as g};
+import{s as o}from"./index-bc1a7f22.js";import{L as n}from"./dev.utils-bbaf8793.js";import{s,g as t}from"./index-315c6aa5.js";const e=()=>{n.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),o((o=>(o.shadowRoot instanceof ShadowRoot&&s(o,t(o)),"default"))),import("./devtools-d836cfec.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{n.error(o)}))};export{e as g};

package/www/build/button-link-00bf24d2.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+import{a as t}from"./prop.validators-359f6f9d.js";const o=(o,e,p)=>{t(o,e,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),p,{defaultValue:"top"})};export{o as w};

package/www/build/controller-2882c7d6.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+import{i as t}from"./icon-589227b1.js";import{b as i,d as s}from"./a11y.tipps-bec0e549.js";import{b as e,w as o,o as n,p as a,a as h,s as r,f as d}from"./prop.validators-359f6f9d.js";import{i as l}from"./validator-985dcb65.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(l(o.right,1)&&(o.right={icon:o.right}),l(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){e(this.component,"_alert",t)}validateTouched(t){e(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){o(this.component,"_accessKey",t)}validateAdjustHeight(t){e(this.component,"_adjustHeight",t)}validateDisabled(t){e(this.component,"_disabled",t),!0===t&&i()}validateError(t){o(this.component,"_error",t,{minLength:0})}validateHideLabel(t){e(this.component,"_hideLabel",t)}validateHint(t){o(this.component,"_hint",t)}validateIcon(o){n(o,(()=>{try{o=a(o)}catch(t){}h(this.component,"_icon",(n=>"object"==typeof n&&null!==n&&(l(n.left,1)||t(n.left)||l(n.right,1)||t(n.right))),new Set(["KoliBriInputIcon"]),o,{hooks:{beforePatch:v},required:!0})}))}validateId(t){o(this.component,"_id",t),void 0===t&&s("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){o(this.component,"_name",t),void 0===t&&s("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&r(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=a(t)}catch(t){}r(this.component,"_smartButton",t)}))}validateTabIndex(t){d(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};

package/www/build/controller-67dffd0c.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+import{d as e}from"./prop.validators-359f6f9d.js";const n=(o={})=>{for(;o.form instanceof HTMLElement&&"FORM"!==o.form.tagName&&"KOL-FORM"!==o.form.tagName;)o.form=o.form.parentElement instanceof HTMLElement?o.form.parentElement:o.form.parentNode instanceof ShadowRoot?o.form.parentNode.host:null;if(o.form instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if(e(t,o.ref),"FORM"===o.form.tagName)o.form.dispatchEvent(t);else if("KOL-FORM"===o.form.tagName){const e=o.form;"object"==typeof e._on&&null!==typeof e._on&&"function"==typeof e._on.onReset&&e._on.onReset(t)}}},t=(o={})=>{for(;o.form instanceof HTMLElement&&"FORM"!==o.form.tagName&&"KOL-FORM"!==o.form.tagName;)o.form=o.form.parentElement instanceof HTMLElement?o.form.parentElement:o.form.parentNode instanceof ShadowRoot?o.form.parentNode.host:null;if(o.form instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:o.ref});if(e(t,o.ref),"FORM"===o.form.tagName)console.log(o.form),o.form.dispatchEvent(t);else if("KOL-FORM"===o.form.tagName){const e=o.form;"object"==typeof e._on&&null!==typeof e._on&&"function"==typeof e._on.onSubmit&&e._on.onSubmit(t)}}};export{n as a,t as p};

package/www/build/{controller-02308add.js → controller-9ef3b1e3.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{d as t}from"./a11y.tipps-79d0562a.js";import{a as e,b as i,d as s,w as a}from"./prop.validators-6a82cc72.js";import{I as h}from"./controller-e3d285c6.js";class o extends h{constructor(e,a){super(e,a),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:a(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
+import{d as t}from"./a11y.tipps-bec0e549.js";import{a as e,b as i,f as s,w as h}from"./prop.validators-359f6f9d.js";import{I as a}from"./controller-2882c7d6.js";class o extends a{constructor(e,a){super(e,a),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){h(this.component,"_pattern",e)}validatePlaceholder(e){h(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:h(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};

package/www/build/{controller-e694a3a2.js → controller-d846a1e7.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{a as t,c as s,s as i,b as e}from"./prop.validators-6a82cc72.js";import{S as o}from"./validator-985dcb65.js";import{I as a}from"./controller-e3d285c6.js";const r=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?r(t,e.options,a):t.set(a,e))}))};class l extends a{constructor(t,e){super(t,e),this.component=t}validateRequired(t){e(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class h extends l{constructor(t,e){super(t,e),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value&&e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),r(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){i(this.component,"_value",t,{beforePatch:this.beforePatchListValue})}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,h as a,r as f};
+import{a as t,c as s,s as i,b as e}from"./prop.validators-359f6f9d.js";import{S as o}from"./validator-985dcb65.js";import{I as a}from"./controller-2882c7d6.js";const r=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?r(t,e.options,a):t.set(a,e))}))};class l extends a{constructor(t,e){super(t,e),this.component=t}validateRequired(t){e(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class h extends l{constructor(t,e){super(t,e),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value&&e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),r(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){i(this.component,"_value",t,{beforePatch:this.beforePatchListValue})}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,h as a,r as f};

package/www/build/controller-dfdcadad.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - the accessible web component library
+ */
+import{c as e}from"./a11y.tipps-bec0e549.js";import{a}from"./prop.validators-359f6f9d.js";const r=(a,t,r,i)=>{const s=t.has("_ariaLabel")?t.get("_ariaLabel"):r.state._ariaLabel;if("string"==typeof s&&s.length>0){const a=t.has("_label")?t.get("_label"):r.state._label;!1===new RegExp(`^${a}`).test(s)&&("_ariaLabel"===i?(t.set("_label",s),r._label=s):(t.set("_ariaLabel",a),r._ariaLabel=a),e("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},t=(e,t,r)=>{a(e,t,(e=>"button"===e||"reset"===e||"submit"===e),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},i=(e,t,r)=>{a(e,t,(e=>"primary"===e||"secondary"===e||"normal"===e||"danger"===e||"ghost"===e||"custom"===e),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{i as a,r as s,t as w};

package/www/build/{controller-e3787ba1.js → controller-f00b88d4.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{a as t,c as s}from"./prop.validators-6a82cc72.js";import{I as e}from"./controller-02308add.js";class r extends e{constructor(t,s){super(t,s),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s){super(t,s),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};
+import{a as t,c as s}from"./prop.validators-359f6f9d.js";import{I as e}from"./controller-9ef3b1e3.js";class r extends e{constructor(t,s){super(t,s),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s){super(t,s),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};

package/www/build/{devtools-f324fb75.js → devtools-d836cfec.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{i as e,d as t,r as i,g as n,L as o,e as s,K as a}from"./dev.utils-bbaf8793.js";import{i as r,j as l,k as d,l as c,n as p,p as u,q as f}from"./prop.validators-6a82cc72.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-79d0562a.js";import"./index-315c6aa5.js";function g(e,t){try{Object.defineProperty(a,e,{get:function(){return t}})}catch(t){o.debug(`KoliBri property ${e} is already bind.`)}}const L=()=>{if(e(),t()){i(),g("a11yColorContrast",l),g("querySelector",d),g("querySelectorAll",c),g("querySelectorColors",p),g("utils",(function(){return r})),g("parseJson",u),g("stringifyJson",f);const e=n().body,t=n().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',n().body.appendChild(t),o.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),s()){o.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.queryHtmlElementColors(n().createElement("div"),l(e),!1,!1)}),1e4)}),2500)}else o.debug("Color-Contrast-Analysis not activated")}};export{L as initialize};
+import{i as e,d as t,r as i,g as n,L as o,e as s,K as a}from"./dev.utils-bbaf8793.js";import{i as r,j as l,k as d,l as p,n as c,p as f,q as u}from"./prop.validators-359f6f9d.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-bec0e549.js";import"./index-315c6aa5.js";function g(e,t){try{Object.defineProperty(a,e,{get:function(){return t}})}catch(t){o.debug(`KoliBri property ${e} is already bind.`)}}const L=()=>{if(e(),t()){i(),g("a11yColorContrast",l),g("querySelector",d),g("querySelectorAll",p),g("querySelectorColors",c),g("utils",(function(){return r})),g("parseJson",f),g("stringifyJson",u);const e=n().body,t=n().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',n().body.appendChild(t),o.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),s()){o.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.queryHtmlElementColors(n().createElement("div"),l(e),!1,!1)}),1e4)}),2500)}else o.debug("Color-Contrast-Analysis not activated")}};export{L as initialize};

package/www/build/{icon-925a4868.js → icon-589227b1.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{o,a as i,p as n}from"./prop.validators-6a82cc72.js";import{i as l,a as c}from"./validator-985dcb65.js";const t=t=>{var o,e,i,n,c,a,s,r,f,d;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icon");if("string"==typeof o&&o.length>0)switch((null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign){case"left":null===(n=t.nextState)||void 0===n||n.set("_icon",{left:{icon:`icofont-${o}`}});break;case"right":null===(c=t.nextState)||void 0===c||c.set("_icon",{right:{icon:`icofont-${o}`}});break;default:null===(a=t.nextState)||void 0===a||a.set("_icon",{left:{icon:`icofont-${o}`}})}else"object"==typeof o&&null!==o&&(l(o.top,1)&&(o.top={icon:o.top}),l(o.right,1)&&(o.right={icon:o.right}),l(o.bottom,1)&&(o.bottom={icon:o.bottom}),l(o.left,1)&&(o.left={icon:o.left}),null===(s=t.nextState)||void 0===s||s.set("_icon",o))}else if(null===(r=t.nextState)||void 0===r?void 0:r.has("_iconAlign")){const o=t.state._iconAlign;null===(f=t.nextState)||void 0===f||f.set("_icon",{[o]:void 0,[null===(d=t.nextState)||void 0===d?void 0:d.get("_iconAlign")]:t.state._icon[o]})}},e=t=>"object"==typeof t&&null!==t&&(void 0===t.style||c(t.style))&&l(t.icon,1),a=(c,a)=>{o(a,(()=>{try{a=n(a)}catch(t){}i(c,"_icon",(t=>null===t||l(t,1)||"object"==typeof t&&null!==t&&(l(t.left,1)||e(t.left)||l(t.right,1)||e(t.right)||l(t.top,1)||e(t.top)||l(t.bottom,1)||e(t.bottom))),new Set(["KoliBriIcon"]),a,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),t(c)}},required:!0})}))},d=(o,e)=>{i(o,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),e,{hooks:{beforePatch:()=>{t(o)}}})};export{d as a,e as i,a as w};
+import{o,a as i,p as n}from"./prop.validators-359f6f9d.js";import{i as l,a as t}from"./validator-985dcb65.js";const c=t=>{var o,e,i,n,c,a,s,f,r,d;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icon");if("string"==typeof o&&o.length>0)switch((null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign){case"left":null===(n=t.nextState)||void 0===n||n.set("_icon",{left:{icon:`icofont-${o}`}});break;case"right":null===(c=t.nextState)||void 0===c||c.set("_icon",{right:{icon:`icofont-${o}`}});break;default:null===(a=t.nextState)||void 0===a||a.set("_icon",{left:{icon:`icofont-${o}`}})}else"object"==typeof o&&null!==o&&(l(o.top,1)&&(o.top={icon:o.top}),l(o.right,1)&&(o.right={icon:o.right}),l(o.bottom,1)&&(o.bottom={icon:o.bottom}),l(o.left,1)&&(o.left={icon:o.left}),null===(s=t.nextState)||void 0===s||s.set("_icon",o))}else if(null===(f=t.nextState)||void 0===f?void 0:f.has("_iconAlign")){const o=t.state._iconAlign;null===(r=t.nextState)||void 0===r||r.set("_icon",{[o]:void 0,[null===(d=t.nextState)||void 0===d?void 0:d.get("_iconAlign")]:t.state._icon[o]})}},e=o=>"object"==typeof o&&null!==o&&(void 0===o.style||t(o.style))&&l(o.icon,1),a=(t,a)=>{o(a,(()=>{try{a=n(a)}catch(t){}i(t,"_icon",(t=>null===t||l(t,1)||"object"==typeof t&&null!==t&&(l(t.left,1)||e(t.left)||l(t.right,1)||e(t.right)||l(t.top,1)||e(t.top)||l(t.bottom,1)||e(t.bottom))),new Set(["KoliBriIcon"]),a,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),c(t)}},required:!0})}))},d=(t,o)=>{i(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{c(t)}}})};export{d as a,e as i,a as w};

package/www/build/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-91b5001a.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-bbaf8793.js";export{K as KoliBriDevHelper}from"./prop.validators-6a82cc72.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-79d0562a.js";import"./index-315c6aa5.js";
+export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-91b5001a.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-bbaf8793.js";export{K as KoliBriDevHelper}from"./prop.validators-359f6f9d.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-bec0e549.js";import"./index-315c6aa5.js";