@public-ui/components 1.6.0-rc.23 → 1.6.0-rc.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.6.0-rc.23",
+  "version": "1.6.0-rc.24",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": { "url": "https://github.com/public-ui/kolibri/issues", "email": "kolibri@itzbund.de" },

package/vscode-custom-data.json

@@ -18,7 +18,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -57,7 +57,7 @@
         },
         {
           "name": "_open",
-          "description": "Gibt an, ob die Komponente entweder geöffnet oder geschlossen ist."
+          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
         }
       ]
     },
@@ -136,7 +136,7 @@
         },
         {
           "name": "_has-closer",
-          "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
+          "description": "Defines whether the element can be closed."
         },
         {
           "name": "_label",
@@ -228,7 +228,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "⚠️ We does not support the `_hide-label` property for the `kol-badge` element,\n  since it would not be accessible without visible labeling. A separate tooltip\n  is not planed, because a badge is not an interactive element."
         },
         {
           "name": "_icon",
@@ -335,7 +335,7 @@
         },
         {
           "name": "_icon-align",
-          "description": "Deprecated: Gibt an, ob das Icon links oder rechts von der Beschriftung angezeigt werden soll.",
+          "description": "Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -388,7 +388,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -534,7 +534,7 @@
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
@@ -565,7 +565,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -615,7 +615,7 @@
         },
         {
           "name": "_has-footer",
-          "description": "Macht den Footerbereich der Card sichtbar."
+          "description": "Shows the slot=\"footer\"."
         },
         {
           "name": "_heading",
@@ -11482,7 +11482,7 @@
         },
         {
           "name": "_src",
-          "description": "Setzt die Quell-URL des Bildes."
+          "description": "Sets the image `src` attribute to the given string."
         },
         {
           "name": "_srcset",
@@ -11523,7 +11523,7 @@
         },
         {
           "name": "_checked",
-          "description": "Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)"
+          "description": "Defines whether the checkbox is checked or not. Can be read and written."
         },
         {
           "name": "_disabled",
@@ -11551,7 +11551,7 @@
         },
         {
           "name": "_indeterminate",
-          "description": "Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist."
+          "description": "Puts the checkbox in the indeterminate state, does not change the value of _checked."
         },
         {
           "name": "_label",
@@ -11571,7 +11571,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -11710,7 +11710,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -11809,7 +11809,7 @@
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
@@ -11833,7 +11833,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -11949,7 +11949,7 @@
         },
         {
           "name": "_multiple",
-          "description": "Gibt an, ob mehrere Werte eingegeben werden können."
+          "description": "Makes the input accept multiple inputs."
         },
         {
           "name": "_name",
@@ -11989,7 +11989,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12084,7 +12084,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12211,7 +12211,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12358,7 +12358,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12433,7 +12433,7 @@
         },
         {
           "name": "_options",
-          "description": "Options the user can choose from, also supporting Optgroup."
+          "description": "Options the user can choose from."
         },
         {
           "name": "_orientation",
@@ -12457,7 +12457,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12645,7 +12645,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12684,7 +12684,7 @@
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
@@ -12776,7 +12776,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12891,7 +12891,7 @@
         },
         {
           "name": "_download",
-          "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
+          "description": "Tells the browser that the link contains a file. Optionally sets the filename."
         },
         {
           "name": "_hide-label",
@@ -12907,7 +12907,7 @@
         },
         {
           "name": "_icon-align",
-          "description": "Deprecated: Gibt an, ob das Icon links oder rechts von der Beschriftung angezeigt werden soll.",
+          "description": "Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12989,7 +12989,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13076,7 +13076,7 @@
         },
         {
           "name": "_download",
-          "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
+          "description": "Tells the browser that the link contains a file. Optionally sets the filename."
         },
         {
           "name": "_hide-label",
@@ -13148,7 +13148,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13210,7 +13210,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_level",
@@ -13313,7 +13313,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_width",
@@ -13355,7 +13355,7 @@
         },
         {
           "name": "_collapsible",
-          "description": "Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv."
+          "description": "Defines if navigation nodes can be collapsed or not. Enabled by default."
         },
         {
           "name": "_compact",
@@ -13367,11 +13367,11 @@
         },
         {
           "name": "_hide-label",
-          "description": "Defines if navigation labels should be hidden"
+          "description": "Defines if navigation labels should be hidden."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_links",
@@ -13440,7 +13440,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13498,7 +13498,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left. In relation to trigger element.",
           "values": [
             {
               "name": "bottom"
@@ -13516,7 +13516,7 @@
         },
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         }
       ]
     },
@@ -13529,7 +13529,7 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_max",
@@ -13594,7 +13594,7 @@
         },
         {
           "name": "_href",
-          "description": "Gibt den Link zur Quelle des Zitates an."
+          "description": "Defines the link the source of the quote."
         },
         {
           "name": "_label",
@@ -13699,7 +13699,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13738,7 +13738,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_links",
@@ -13755,7 +13755,7 @@
       "attributes": [
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead.s"
         },
         {
           "name": "_icon",
@@ -13780,11 +13780,11 @@
       "attributes": [
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines the variant of spin navigation.",
           "values": [
             {
               "name": "cycle"
@@ -13853,7 +13853,7 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_hide-label",
@@ -13869,7 +13869,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_name",
@@ -13900,7 +13900,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13977,7 +13977,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_symbol",
@@ -14053,7 +14053,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_selected",
@@ -14096,7 +14096,7 @@
         },
         {
           "name": "_adjust-height",
-          "description": "Passt die Höhe des Eingabefeldes automatisch an den Füllstand an."
+          "description": "Adjusts the height of the element to its content."
         },
         {
           "name": "_alert",
@@ -14112,7 +14112,7 @@
         },
         {
           "name": "_has-counter",
-          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+          "description": "Shows the character count on the lower border of the input."
         },
         {
           "name": "_hide-label",
@@ -14178,7 +14178,7 @@
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -14217,7 +14217,7 @@
         },
         {
           "name": "_has-closer",
-          "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
+          "description": "Defines whether the element can be closed."
         },
         {
           "name": "_heading",
@@ -14233,7 +14233,7 @@
         },
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         },
         {
           "name": "_show-duration",
@@ -14271,7 +14271,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.",
+          "description": "Defines the alignment of the tooltip in relation to the parent element.",
           "values": [
             {
               "name": "bottom"
@@ -14293,7 +14293,7 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         }
       ]
     },
@@ -14306,7 +14306,7 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_version",

package/dist/cjs/align-0db71401.js.map

@@ -1 +0,0 @@
-{"file":"align-0db71401.js","mappings":";;;;;;;AAKA,MAAM,qCAAqC,GAAG,IAAI,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAK3E,MAAM,mCAAmC,GAAG,IAAI,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAKzE,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,qCAAqC,EAAE,GAAG,mCAAmC,CAAC,CAAC,CAAC;AACxH,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAa;EACtGA,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,KAAK,EACzF,0BAA0B,EAC1B,KAAK,CACL,CAAC;AACH,CAAC;;MCFY,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAa;EAChF,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC/C;;;;","names":["watchValidator"],"sources":["src/utils/validators/alignment.ts","src/types/props/align.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { Align } from '../../types/props/align';\nimport { watchValidator } from '../prop.validators';\n\nconst AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES = new Set(['\"left\", \"right\"']);\n// export const validateHorizontalAlignment = (component: Generic.Element.Component, propName: string, value?: HorizontalAlignment): void => {\n// \twatchValidator(component, propName, (value) => value === 'left' || value === 'right', AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES, value);\n// };\n\nconst AVAILABLE_VERTICAL_ALIGNMENT_VALUES = new Set(['\"bottom\", \"top\"']);\n// export const validateVertivalAlignment = (component: Generic.Element.Component, propName: string, value?: VerticalAlignment): void => {\n// \twatchValidator(component, propName, (value) => value === 'top' || value === 'bottom', AVAILABLE_VERTICAL_ALIGNMENT_VALUES, value);\n// };\n\nconst AVAILABLE_ALIGNMENT_VALUES = new Set([...AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES, ...AVAILABLE_VERTICAL_ALIGNMENT_VALUES]);\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: Align): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'bottom' || value === 'left' || value === 'right' || value === 'top',\n\t\tAVAILABLE_ALIGNMENT_VALUES,\n\t\tvalue\n\t);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { validateAlignment } from '../../utils/validators/alignment';\n\n/* types */\n/** de\n * Markiert das Element als ausgewähltes/aktiviertes. Kann folgende Werte annehmen: `date` | `location` | `page` | `step` | `time` | `true`.\n *  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\n\n/** en\n * Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`.\n *  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\ntype HorizontalAlign = 'left' | 'right';\ntype VerticalAlign = 'top' | 'bottom';\nexport type Align = HorizontalAlign | VerticalAlign;\nexport type PropAlign = {\n\talign: Align;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: Align): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"version":3}

package/dist/cjs/aria-current-f1e738cd.js.map

@@ -1 +0,0 @@
-{"file":"aria-current-f1e738cd.js","mappings":";;;;;;;MAYa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAAc;EACxFA,2BAAW,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AAChD;;ACgBA,MAAM,QAAQ,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAmB;EAC5FC,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,EACpJ,IAAI,GAAG,CAAC,CAAC,2CAA2C,EAAE,SAAS,CAAC,CAAC,EACjE,KAAK,CACL,CAAC;AACH,CAAC,CAAC;MACW,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAAmB;EAC5F,QAAQ,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAC5C,EAAE;MACW,yBAAyB,GAAG,CAAC,SAAoC,EAAE,KAAmB;EAClG,QAAQ,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC;AAClD;;;;;;","names":["watchString","watchValidator"],"sources":["src/types/props/aria-controls.ts","src/types/props/aria-current.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchString } from '../../utils/prop.validators';\n\n/**\n * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n */\nexport type PropAriaControls = {\n\tariaControls: string;\n};\n\n/* validator */\nexport const validateAriaControls = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_ariaControls', value);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\n/** de\n * Markiert das Element als ausgewähltes/aktiviertes. Kann folgende Werte annehmen: `date` | `location` | `page` | `step` | `time` | `true`.\n *  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\n/** en\n * Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`.\n *  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\nexport type AriaCurrent = 'date' | 'location' | 'page' | 'step' | 'time' | boolean;\n\n/**\n * @deprecated use `PropListenAriaCurrent` instead\n */\nexport type PropAriaCurrent = {\n\t/**\n\t * @deprecated use `listenAriaCurrent` instead\n\t */\n\tariaCurrent: AriaCurrent;\n};\n\nexport type PropListenAriaCurrent = {\n\tlistenAriaCurrent: AriaCurrent;\n};\n\n/* validator */\nconst validate = (component: Generic.Element.Component, propName: string, value?: AriaCurrent): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time' || value === true || value === false,\n\t\tnew Set(['String {data, location, page, step, time}', 'boolean']),\n\t\tvalue\n\t);\n};\nexport const validateAriaCurrent = (component: Generic.Element.Component, value?: AriaCurrent): void => {\n\tvalidate(component, '_ariaCurrent', value);\n};\nexport const validateListenAriaCurrent = (component: Generic.Element.Component, value?: AriaCurrent): void => {\n\tvalidate(component, '_listenAriaCurrent', value);\n};\n"],"version":3}

package/dist/cjs/aria-selected-d2112836.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-8eed6b45.js"),validateAriaSelected=(e,a)=>{prop_validators.watchBoolean(e,"_ariaSelected",a)};exports.validateAriaSelected=validateAriaSelected;

package/dist/cjs/aria-selected-d2112836.js.map

@@ -1 +0,0 @@
-{"file":"aria-selected-d2112836.js","mappings":";;;;;;;MAkBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAAe;EACzFA,4BAAY,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AACjD;;;;","names":["watchBoolean"],"sources":["src/types/props/aria-selected.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\n/** de\n * Markiert dieses Element als ausgewählt.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n */\n/** en\n * Marks this element as selected.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n */\nexport type PropAriaSelected = {\n\tariaSelected: boolean;\n};\n\n/* validator */\nexport const validateAriaSelected = (component: Generic.Element.Component, value?: boolean): void => {\n\twatchBoolean(component, '_ariaSelected', value);\n};\n"],"version":3}

package/dist/cjs/associated.controller-bfb23ef2.js.map

@@ -1 +0,0 @@
-{"file":"associated.controller-bfb23ef2.js","mappings":"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","names":["watchString","getExperimentalMode","devHint","devWarning"],"sources":["src/utils/events.ts","src/types/props/name.ts","src/components/input-adapter-leanup/associated.controller.ts"],"sourcesContent":["export function stopPropagation(event: Event): void {\n\tevent.stopImmediatePropagation();\n\tevent.stopPropagation();\n}\n\nfunction createKoliBriEvent<T>(type: string, detail: T): CustomEvent {\n\tconst event = new CustomEvent(`kol-${type}`, {\n\t\tbubbles: true,\n\t\tcancelable: true,\n\t\tcomposed: true,\n\t\tdetail: detail,\n\t});\n\treturn event;\n}\n\nfunction dispatchKoliBriEvent<T>(target: EventTarget, type: string, detail?: T): boolean {\n\tconst dispatch = target.dispatchEvent(createKoliBriEvent(type, detail));\n\treturn dispatch;\n}\n\nexport function tryToDispatchKoliBriEvent<T>(type: string, target?: EventTarget, detail?: T): void {\n\ttarget && dispatchKoliBriEvent(target, type, detail);\n}\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchString, WatchStringOptions } from '../../utils/prop.validators';\n\ntype NamePropType = string;\n\nexport type PropName = {\n\tname: NamePropType;\n};\n\nexport const validateName = (component: Generic.Element.Component, value?: NamePropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_name', value, options);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { validateName } from '../../types/props/name';\nimport { StencilUnknown } from '../../types/unknown';\nimport { devHint, devWarning } from '../../utils/a11y.tipps';\nimport { getExperimentalMode } from '../../utils/dev.utils';\n\nconst EXPERIMENTAL_MODE = getExperimentalMode();\n\ntype RequiredProps = unknown;\ntype OptionalProps = {\n\tname: string;\n\tsyncValueBySelector: string;\n};\ntype Props = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprotected readonly name: string;\n\tprotected readonly host?: HTMLElement;\n\n\tpublic readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\tpublic syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tthis.component = component;\n\t\tthis.host = this.findHostWithShadowRoot(host);\n\t\tthis.name = name;\n\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.host?.querySelectorAll('input,select,textarea').forEach((el) => {\n\t\t\t\tthis.host?.removeChild(el);\n\t\t\t});\n\t\t\tswitch (this.name) {\n\t\t\t\tcase 'button':\n\t\t\t\t\tthis.formAssociated = document.createElement('button');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'select':\n\t\t\t\t\tthis.formAssociated = document.createElement('select');\n\t\t\t\t\tthis.formAssociated.setAttribute('multiple', '');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'textarea':\n\t\t\t\t\tthis.formAssociated = document.createElement('textarea');\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\t\t\tthis.formAssociated.setAttribute('type', 'hidden');\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tthis.formAssociated.setAttribute('aria-hidden', 'true');\n\t\t\tthis.formAssociated.setAttribute('data-form-associated', '');\n\t\t\tthis.formAssociated.setAttribute('hidden', '');\n\t\t\tthis.host?.appendChild(this.formAssociated);\n\t\t}\n\t}\n\n\t/**\n\t * The associated elements must not reside within the ShadowRoot and must\n\t * reside as children in the host to be recognized by native forms.\n\t */\n\tprivate findHostWithShadowRoot(host?: HTMLElement): HTMLElement | undefined {\n\t\twhile (host?.shadowRoot === null && host !== document.body) {\n\t\t\thost = host?.parentNode as HTMLElement;\n\t\t\tif ((host as unknown as ShadowRoot).host) {\n\t\t\t\thost = (host as unknown as ShadowRoot).host as HTMLElement;\n\t\t\t}\n\t\t}\n\t\treturn host;\n\t}\n\n\tprotected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean) {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\ttry {\n\t\t\t\tvalue = typeof value === 'object' && value !== null ? JSON.stringify(value) : value;\n\t\t\t\tif (typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string') {\n\t\t\t\t\telement?.setAttribute(qualifiedName, `${value as string}`);\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`Invalid value type: ${typeof value}`);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\telement?.removeAttribute(qualifiedName);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * We need to stringify the value, for the setAttribute method.\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes#value\n\t *\n\t * TODO: It is possible that the value are a cyclic object value. So we need a custom\n\t *       JSON.stringify method from outside to convert it to string.\n\t */\n\tprivate tryToStringifyValue(value: StencilUnknown): string | null {\n\t\ttry {\n\t\t\treturn typeof value === 'object' && value !== null ? JSON.stringify(value).toString() : value === null || value === undefined ? null : value.toString();\n\t\t} catch (e) {\n\t\t\tdevWarning(`The form field raw value is not able to stringify! ${e as string}`);\n\t\t\treturn '';\n\t\t}\n\t}\n\n\t/**\n\t * We try to support native form-associated custom elements.\n\t *\n\t * @see https://github.com/public-ui/kolibri/discussions/2821\n\t */\n\tpublic readonly setFormAssociatedValue = (rawValue: StencilUnknown) => {\n\t\tconst name = this.formAssociated?.getAttribute('name');\n\t\tif (name === null || name === '') {\n\t\t\tdevHint(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);\n\t\t}\n\t\tconst strValue = this.tryToStringifyValue(rawValue);\n\t\tthis.syncValue(rawValue, strValue, this.formAssociated);\n\t\tthis.syncValue(rawValue, strValue, this.syncToOwnInput);\n\t};\n\n\tprivate syncValue(\n\t\trawValue: StencilUnknown,\n\t\tstrValue: string | null,\n\t\tassociatedElement?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n\t) {\n\t\tif (associatedElement) {\n\t\t\tswitch (this.name) {\n\t\t\t\tcase 'select':\n\t\t\t\t\t(associatedElement as HTMLSelectElement).querySelectorAll('option').forEach((el) => {\n\t\t\t\t\t\t(associatedElement as HTMLSelectElement).removeChild(el);\n\t\t\t\t\t});\n\t\t\t\t\tif (Array.isArray(rawValue)) {\n\t\t\t\t\t\trawValue.forEach((rawValueItem) => {\n\t\t\t\t\t\t\tconst strValueItem = this.tryToStringifyValue(rawValueItem as string);\n\t\t\t\t\t\t\tif (typeof strValueItem === 'string') {\n\t\t\t\t\t\t\t\tconst option = document.createElement('option');\n\t\t\t\t\t\t\t\toption.setAttribute('value', strValueItem);\n\t\t\t\t\t\t\t\toption.setAttribute('selected', '');\n\t\t\t\t\t\t\t\t(associatedElement as HTMLSelectElement).appendChild(option);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tif (typeof strValue === 'string') {\n\t\t\t\t\t\tassociatedElement.setAttribute('value', strValue);\n\t\t\t\t\t\tassociatedElement.value = strValue;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tassociatedElement.removeAttribute('value');\n\t\t\t\t\t\tassociatedElement.value = '';\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validateName(value?: string): void {\n\t\tvalidateName(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('name', this.formAssociated, this.component.state._name as string);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tif (typeof value === 'undefined') {\n\t\t\tdevHint(\n\t\t\t\t`Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.`\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic validateSyncValueBySelector(value?: string): void {\n\t\tif (EXPERIMENTAL_MODE && typeof value === 'string') {\n\t\t\tconst input = document.querySelector(value) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\t\t\tif (input /* SSR instanceof HTMLInputElement */) {\n\t\t\t\tthis.syncToOwnInput = input;\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateName(this.component._name);\n\t\tthis.validateSyncValueBySelector(this.component._syncValueBySelector);\n\t}\n}\n"],"version":3}

package/dist/cjs/button-link-982955cf.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-8eed6b45.js"),watchTooltipAlignment=(t,o,e)=>{prop_validators.watchValidator(t,o,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["Alignment {top, right, buttom, left}"]),e,{defaultValue:"top"})};exports.watchTooltipAlignment=watchTooltipAlignment;

package/dist/cjs/button-link-982955cf.js.map

@@ -1 +0,0 @@
-{"file":"button-link-982955cf.js","mappings":";;;;;;;MA2Pa,qBAAqB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAa;EAC1GA,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,EACzF,IAAI,GAAG,CAAC,CAAC,sCAAsC,CAAC,CAAC,EACjD,KAAK,EACL;IACC,YAAY,EAAE,KAAK;GACnB,CACD,CAAC;AACH;;;;","names":["watchValidator"],"sources":["src/types/button-link.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { Events } from '../enums/events';\nimport { watchValidator } from '../utils/prop.validators';\nimport { EventCallback, EventValueOrEventCallback } from './callbacks';\nimport { Stringified } from './common';\nimport { KoliBriAllIcon, KoliBriIconProp } from './icon';\nimport { Align } from './props/align';\nimport { PropAriaControls } from './props/aria-controls';\nimport { PropAriaCurrent, PropListenAriaCurrent } from './props/aria-current';\nimport { PropAriaExpanded } from './props/aria-expanded';\nimport { PropAriaLabel } from './props/aria-label';\nimport { PropAriaSelected } from './props/aria-selected';\nimport { PropDisabled } from './props/disabled';\nimport { PropDownload } from './props/download';\nimport { PropHideLabel } from './props/hide-label';\nimport { PropHref } from './props/href';\nimport { PropId } from './props/id';\nimport { PropLabelWithExpertSlot } from './props/label';\nimport { PropName } from './props/name';\nimport { PropStealth } from './props/stealth';\nimport { StencilUnknown } from './unknown';\n\nexport type AlternativButtonLinkRole = 'button' | 'link' | 'tab';\n\n/**\n * https://twitter.com/housecor/status/1541037184622403584?t=HoUiOAZEcXFeuDl-VWAEZg\n * https://mui.com/material-ui/react-link/#accessibility\n * https://mui.com/material-ui/react-button/#text-button\n */\ntype OptionalButtonAndLinkProps = {\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaControls: string;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaExpanded: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tdisabled: boolean;\n\ticon: Stringified<KoliBriIconProp>;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Align;\n\t/**\n\t * @deprecated\n\t */\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Align;\n} & PropAriaCurrent &\n\tPropAriaLabel &\n\tPropHideLabel;\n\ntype RequiredButtonAndLinkStates = {\n\ticon: KoliBriAllIcon;\n};\ntype OptionalButtonAndLinkStates = {\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaControls: string;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaExpanded: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tdisabled: boolean;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Align;\n\t/**\n\t * @deprecated\n\t */\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Align;\n} & PropAriaCurrent &\n\tPropHideLabel;\n\n/**\n * Button\n * TODO: 'tertiary' instead of 'normal'\n */\nexport type KoliBriButtonType = 'button' | 'reset' | 'submit';\nexport type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'tertiary' | 'danger' | 'ghost' | 'custom';\n\nexport type KoliBriButtonCallbacks<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\nexport type KoliBriButtonVariantPropState = {\n\tvariant: KoliBriButtonVariant;\n};\nexport type KoliBriButtonCustomClassPropState = {\n\tcustomClass: string;\n};\n\n/**\n * API ButtonLink\n */\nexport type RequiredButtonLinkProps = unknown;\nexport type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated Zweck?!\n\t */\n\taccessKey: string;\n\ton: KoliBriButtonCallbacks<StencilUnknown>;\n\tsyncValueBySelector: string;\n\ttype: KoliBriButtonType;\n\tvalue: Stringified<StencilUnknown>;\n} & PropDisabled &\n\tPropId &\n\tPropLabelWithExpertSlot &\n\tPropName;\n// type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\ntype RequiredButtonLinkStates = RequiredButtonAndLinkStates &\n\tPropLabelWithExpertSlot &\n\tKoliBriButtonVariantPropState & {\n\t\ttype: KoliBriButtonType;\n\t};\ntype OptionalButtonLinkStates = OptionalButtonAndLinkStates &\n\tKoliBriButtonCustomClassPropState & {\n\t\t/**\n\t\t * @deprecated Zweck?!\n\t\t */\n\t\taccessKey: string;\n\t\ton: KoliBriButtonCallbacks<StencilUnknown>;\n\t\tsyncValueBySelector: string;\n\t\tvalue: StencilUnknown;\n\t} & PropDisabled &\n\tPropId &\n\tPropName;\n// type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/**\n * API Button\n */\nexport type RequiredButtonProps = RequiredButtonLinkProps & PropLabelWithExpertSlot;\nexport type OptionalButtonProps = OptionalButtonLinkProps &\n\tPropAriaControls &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled &\n\tKoliBriButtonVariantPropState &\n\tKoliBriButtonCustomClassPropState;\nexport type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\nexport type RequiredButtonStates = RequiredButtonLinkStates & KoliBriButtonVariantPropState & PropLabelWithExpertSlot;\nexport type OptionalButtonStates = OptionalButtonLinkStates &\n\tPropAriaControls &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled &\n\tKoliBriButtonCustomClassPropState;\nexport type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/* LINK */\n\n/**\n * @deprecated Link should not use the on-click event. Use a button instead.\n */\nexport type LinkOnCallbacks = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n// https://www.w3schools.com/tags/att_a_target.asp\nexport type LinkTarget = '_blank' | '_parent' | '_self' | '_top' | string;\n\n/**\n * @deprecated Will be removed in next major release.\n */\nexport type LinkUseCase = 'text' | 'image' | 'nav';\n\n/**\n * API Link\n */\ntype RequiredLinkProps = PropHref;\ntype OptionalLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropDownload &\n\tPropLabelWithExpertSlot &\n\tPropListenAriaCurrent &\n\tPropStealth;\nexport type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;\n\ntype RequiredLinkStates = RequiredButtonAndLinkStates & PropHref & PropLabelWithExpertSlot;\ntype OptionalLinkStates = OptionalButtonAndLinkStates & {\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropDownload &\n\tPropListenAriaCurrent &\n\tPropStealth;\nexport type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;\nexport type KoliBriLinkAPI = Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates>;\n\n/**\n * API LinkButton\n */\n// type RequiredLinkButtonProps = RequiredLinkProps;\n// type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\n// type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;\n\n// type RequiredLinkButtonStates = KoliBriButtonVariantPropState;\n// type OptionalLinkButtonStates = KoliBriButtonCustomClassPropState;\n// type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n\nexport const watchTooltipAlignment = (component: Generic.Element.Component, propName: string, value?: Align): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'top' || value === 'right' || value === 'bottom' || value === 'left',\n\t\tnew Set(['Alignment {top, right, buttom, left}']),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'top',\n\t\t}\n\t);\n};\n"],"version":3}