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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.6.0-rc.22",
+  "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-e1ae85d7.js.map

@@ -1 +0,0 @@
-{"file":"align-e1ae85d7.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-23e7f209.js.map

@@ -1 +0,0 @@
-{"file":"aria-current-23e7f209.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-373eb055.js

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

package/dist/cjs/aria-selected-373eb055.js.map

@@ -1 +0,0 @@
-{"file":"aria-selected-373eb055.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-97ca9eca.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),a11y_tipps=require("./a11y.tipps-29f0cafa.js"),dev_utils=require("./dev.utils-321ffc6a.js");function preventEvent(t){t.preventDefault(),t.stopPropagation()}function createKoliBriEvent(t,e){const i=new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e});return console.log("createKoliBriEvent",t,e,"=>",i),i}function dispatchKoliBriEvent(t,e,i){const o=t.dispatchEvent(createKoliBriEvent(e,i));return console.log("dispatchKoliBriEvent",t,e,i,"=>",o),o}function tryToDispatchKoliBriEvent(t,e,i){e&&dispatchKoliBriEvent(e,t,i)}const validateName=(t,e,i)=>{prop_validators.watchString(t,"_name",e,i)},EXPERIMENTAL_MODE=dev_utils.getExperimentalMode();class AssociatedInputController{constructor(t,e,i){var o,s;if(this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||a11y_tipps.devHint(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const o=this.tryToStringifyValue(t);this.syncValue(t,o,this.formAssociated),this.syncValue(t,o,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.name=e,EXPERIMENTAL_MODE){switch(null===(o=this.host)||void 0===o||o.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(EXPERIMENTAL_MODE)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return a11y_tipps.devWarning(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){if(i)if("select"===this.name)i.querySelectorAll("option").forEach((t=>{i.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}}));else"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value="")}validateName(t){validateName(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&a11y_tipps.devHint("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.")}validateSyncValueBySelector(t){if(EXPERIMENTAL_MODE&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}exports.AssociatedInputController=AssociatedInputController,exports.preventEvent=preventEvent,exports.tryToDispatchKoliBriEvent=tryToDispatchKoliBriEvent;

package/dist/cjs/associated.controller-97ca9eca.js.map

@@ -1 +0,0 @@
-{"file":"associated.controller-97ca9eca.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 preventEvent(event: Event): void {\n\tevent.preventDefault();\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\tconsole.log('createKoliBriEvent', type, detail, '=>', event);\n\treturn event;\n}\n\nfunction dispatchKoliBriEvent<T>(target: EventTarget, type: string, detail?: T): boolean {\n\tconst dispatch = target.dispatchEvent(createKoliBriEvent(type, detail));\n\tconsole.log('dispatchKoliBriEvent', target, type, detail, '=>', dispatch);\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-e2d7ef9a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-e30f7e43.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;