@public-ui/components 1.1.16-rc.6 → 1.1.16-rc.8

package/dist/kolibri/prop.validators-4cac744a.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{s as e,f as t}from"./index.m-86dc8c44.js";import{d as n}from"./a11y.tipps-ff5a1a99.js";import{L as r,g as o,a as i,b as a}from"./dev.utils-daaf2f39.js";import{p as s,a as f}from"./index-d870d3e1.js";const l=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},c=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;l(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;l(o,c(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},u=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=u(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var d=b,v=b,m=g,p=w,y=S,h=N;function b(e){var t=M(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function g(e){var t=M(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function w(e){var t=M(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"}function S(e){3==(t=M(e)).length&&t.push(255);var t,o=255==t[3],r=E(t[0]),n=E(t[1]),a=E(t[2]),l=j(r,n,a,t=E(Math.round(t[3])));return o?l?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+r+n+a:l?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0)+t.charAt(0):"#"+r+n+a+t}function N(e){var t=M(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0}function M(e){return"string"==typeof e?O(e=e.toLowerCase())||$(e)||D(e)||P(e)||A(e)||[0,0,0,255]:H(e)||L(e)||C(e)||[0,0,0,255]}function E(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function j(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}function O(e){return"red"==e?[255,0,0]:"green"==e?[0,255,0]:"blue"==e?[0,0,255]:"black"==e?[0,0,0]:"white"==e?[255,255,255]:"cyan"==e?[0,255,255]:"gray"==e||"grey"==e?[128,128,128]:"magenta"==e||"pink"==e?[255,0,255]:"yellow"==e?[255,255,0]:void 0}function k(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function $(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=k(t[0]),n=k(t[1]),a=k(t[2]),l=3==o?255:k(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}function D(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=k(t.slice(0,2)),n=k(t.slice(2,4)),a=k(t.slice(4,6)),l=6==o?255:k(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}function T(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function H(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=T(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=T(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=T(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=T(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function L(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=T(e[0],!0),o=T(e[1],!0),r=T(e[2],!0),n=T(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function C(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}function P(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=T(t[0],!0),r=T(t[1],!0),n=T(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}function A(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=T(t[0],!0),r=T(t[1],!0),n=T(t[2],!0),a=T(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}d.arr=v,d.obj=m,d.css=p,d.hex=y,d.num=h;const J=/\[object Object\]/,q=(e,t)=>{"string"==typeof e&&J.test(e)||t()},x=(e,t)=>{"string"==typeof e&&""===e||t()},z=(e,t)=>{a()&&(console.log(e,t),n("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},B=e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks},K=(e,t,o,r={})=>{var n,a;if(void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==o){e.nextHooks.get(t)instanceof Map==!1&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),B(e)}},R=(e,t,o,r)=>{n(`[${e.constructor.name}] Der Property-Wert (${o}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(r).join(", ")}`)},W=(e,t,o,r,n,a={})=>{o(n)?K(e,t,n,null==a?void 0:a.hooks):void 0===n||null===n&&(void 0===(null==a?void 0:a.required)||!1===(null==a?void 0:a.required))?K(e,t,null==a?void 0:a.defaultValue,null==a?void 0:a.hooks):(void 0!==(null==a?void 0:a.required)&&!1!==(null==a?void 0:a.required)||r.add(null),R(e,t,n,r))},F=(e,t,o,r)=>{W(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},I=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;W(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},U=(e,t,o,r)=>{W(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},_=(e,t,o,r,a=(e=>e==e),l={})=>{x(r,(()=>{q(r,(()=>{void 0===r&&(r=[]);try{try{r=ee(r)}catch(e){}if(Array.isArray(r)){const n=r.find((e=>!o(e)));void 0===n&&a(r)?K(e,t,r,l.hooks):q(n,(()=>{throw console.log(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else q(r,(()=>{throw console.log(r),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n("Known bug: Zeichenkettenliste (string[])")}}))}))},Y=/^(true|false)$/,Z=/^-?(0|[1-9]\d*)$/,G=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,Q=e=>{const t=typeof e,o=`${e}`;if("string"==typeof e)if(Y.test(e))e="true"===e;else if(Z.test(e))e=parseInt(e);else if(G.test(e))e=parseFloat(e);else if(X.test(e))try{e=ee(e)}catch(e){}return t!==typeof e&&n(`You have used a stringified property value (${o} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},V=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},X=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(X.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}throw new Error},te=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,ne=e=>"string"==typeof e?e:te(e),re=(e,t)=>u(e,t||o()),oe=(e,t)=>c(e,t||o());let ie=null;const ae=()=>(ie=ie||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},ie),se=/(\d+, ){3}0\)/,fe=(o,n=ae())=>{const a=getComputedStyle(o),l=se.test(a.backgroundColor)?n.backgroundColor:d.hex(a.backgroundColor),s=se.test(a.color)?n.color:d.hex(a.color),i=e(l,s),c={backgroundColor:l,color:s,domNode:o,level:t(i),score:i};return i<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},le=(e,t=ae())=>{t.domNode instanceof HTMLElement&&(t=fe(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=le(e,t)).domNode);r++);return t}return fe(o,t)},ce=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+i().pageYOffset-50}),e.focus()):n("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},ue=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){n("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const o=`${t}`;t=e,e=o}if("string"==typeof e){const o=re(e,t);o instanceof HTMLElement?ce(o):n(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else n("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class de{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===de.executionLock)if(!1===o&&(de.cache.clear(),de.cache.set(t.domNode,t),de.executionLock=!0,!0===n&&r.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=de.cache.get(l[o]);void 0===r&&(r=fe(l[o],t)),de.cache.set(l[o],r);const n=de.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else r.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&r.debug(`[KoliBriUtils] Color contrast analysis finished (${de.cache.size} DOM elements are analysed).`),de.executionLock=!1,de.cache.clear()),a}}de.executionLock=!1,de.cache=new Map;class ve{}ve.patchTheme=s,ve.patchThemeTag=f,ve.querySelector=re,ve.querySelectorAll=oe,ve.scrollByHTMLElement=ce,ve.scrollBySelector=ue,ve.stringifyJson=V;export{ve as K,W as a,F as b,_ as c,U as d,z as e,x as f,te as g,ue as h,ne as i,de as j,re as k,fe as l,Q as m,oe as n,q as o,ee as p,le as q,d as r,K as s,V as t,I as w};
+import{s as e,f as t}from"./index.m-86dc8c44.js";import{d as n}from"./a11y.tipps-ff5a1a99.js";import{L as r,g as o,a,b as i}from"./dev.utils-daaf2f39.js";import{p as l,a as s}from"./index-d870d3e1.js";const c=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},u=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;c(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;c(o,u(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},f=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=f(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var d=m;function m(e){var t=h(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function h(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=p(t[0]),n=p(t[1]),a=p(t[2]),l=3==o?255:p(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=p(t.slice(0,2)),n=p(t.slice(2,4)),a=p(t.slice(4,6)),l=6==o?255:p(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0),a=y(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=y(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=y(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=y(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=y(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=y(e[0],!0),o=y(e[1],!0),r=y(e[2],!0),n=y(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function v(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function p(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function y(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}d.arr=m,d.obj=function(e){var t=h(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},d.css=function(e){var t=h(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},d.hex=function(e){3==(a=h(e)).length&&a.push(255);var t=255==a[3],o=v(a[0]),r=v(a[1]),n=v(a[2]),a=v(Math.round(a[3])),l=function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(o,r,n,a);return t?l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0):"#"+o+r+n:l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+o+r+n+a},d.num=function(e){var t=h(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const g=/\[object Object\]/,b=(e,t)=>{"string"==typeof e&&g.test(e)||t()},w=(e,t)=>{"string"==typeof e&&""===e||t()},S=(e,t)=>{i()&&(console.log(e,t),n("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},N=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==o&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),(e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e))},M=(e,t,o,r,a,l={})=>{o(a)?N(e,t,a,null==l?void 0:l.hooks):void 0===a||null===a&&(void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required))?N(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(void 0!==(null==l?void 0:l.required)&&!1!==(null==l?void 0:l.required)||r.add(null),((e,t,o,r)=>{n(`[${e.constructor.name}] Der Property-Wert (${o}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(r).join(", ")}`)})(e,t,a,r))},E=(e,t,o,r)=>{M(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},j=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;M(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},O=(e,t,o,r)=>{M(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},$=(e,t,o,r,a=(e=>e==e),l={})=>{w(r,(()=>{b(r,(()=>{void 0===r&&(r=[]);try{try{r=P(r)}catch(e){}if(Array.isArray(r)){const n=r.find((e=>!o(e)));void 0===n&&a(r)?N(e,t,r,l.hooks):b(n,(()=>{throw console.log(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else b(r,(()=>{throw console.log(r),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n("Known bug: Zeichenkettenliste (string[])")}}))}))},k=/^(true|false)$/,D=/^-?(0|[1-9]\d*)$/,T=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,H=e=>{const t=typeof e,o=`${e}`;if("string"==typeof e)if(k.test(e))e="true"===e;else if(D.test(e))e=parseInt(e);else if(T.test(e))e=parseFloat(e);else if(C.test(e))try{e=P(e)}catch(e){}return t!==typeof e&&n(`You have used a stringified property value (${o} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},L=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},C=/^[{[]/,P=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(C.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}throw new Error},A=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,J=e=>"string"==typeof e?e:A(e),q=(e,t)=>f(e,t||o()),x=(e,t)=>u(e,t||o());let z=null;const B=()=>(z=z||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},z),K=/(\d+, ){3}0\)/,R=(o,n=B())=>{const a=getComputedStyle(o),l=K.test(a.backgroundColor)?n.backgroundColor:d.hex(a.backgroundColor),s=K.test(a.color)?n.color:d.hex(a.color),i=e(l,s),c={backgroundColor:l,color:s,domNode:o,level:t(i),score:i};return i<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},W=(e,t=B())=>{t.domNode instanceof HTMLElement&&(t=R(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=W(e,t)).domNode);r++);return t}return R(o,t)},F=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+a().pageYOffset-50}),e.focus()):n("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},I=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){n("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const o=`${t}`;t=e,e=o}if("string"==typeof e){const o=q(e,t);o instanceof HTMLElement?F(o):n(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else n("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class U{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===U.executionLock)if(!1===o&&(U.cache.clear(),U.cache.set(t.domNode,t),U.executionLock=!0,!0===n&&r.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=U.cache.get(l[o]);void 0===r&&(r=R(l[o],t)),U.cache.set(l[o],r);const n=U.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else r.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&r.debug(`[KoliBriUtils] Color contrast analysis finished (${U.cache.size} DOM elements are analysed).`),U.executionLock=!1,U.cache.clear()),a}}U.executionLock=!1,U.cache=new Map;class _{}_.patchTheme=l,_.patchThemeTag=s,_.querySelector=q,_.querySelectorAll=x,_.scrollByHTMLElement=F,_.scrollBySelector=I,_.stringifyJson=L;export{_ as K,M as a,E as b,$ as c,O as d,S as e,w as f,A as g,I as h,J as i,U as j,q as k,R as l,H as m,x as n,b as o,P as p,W as q,d as r,N as s,L as t,j as w};

package/dist/kolibri/reuse-f9be4952.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{i as o}from"./validator-8ee8737c.js";const i=(i,s)=>{o(i)&&i&&(i.focus=o=>null==s?void 0:s.focus(o))};export{i as p};
+import{i as o}from"./validator-8ee8737c.js";const a=(a,s)=>{o(a)&&a&&(a.focus=o=>null==s?void 0:s.focus(o))};export{a as p};

package/dist/kolibri/tab-index-0b0ee76b.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{b as o,e as t}from"./a11y.tipps-ff5a1a99.js";import{o as i,p as n,a as e,d as a}from"./prop.validators-4cac744a.js";import{a as l,b as s,i as c}from"./validator-8ee8737c.js";const r=(t,o,e)=>{c(e)?t[o]=e:l(e,1)&&(t[o]={icon:e})},d=(t,o)=>{let e={};if(l(t,1))if("right"===o)e={right:{icon:t}};else e={left:{icon:t}};else"object"==typeof t&&null!==t&&(r(e,"top",t.top),r(e,"right",t.right),r(e,"bottom",t.bottom),r(e,"left",t.left));return e},f=t=>{var o,e,i,n,l,a,r;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"),l=(null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign;null===(n=t.nextState)||void 0===n||n.set("_icon",d(o,l))}else if(null===(l=t.nextState)||void 0===l?void 0:l.has("_iconAlign")){const o=t.state._iconAlign;null===(a=t.nextState)||void 0===a||a.set("_icon",{[o]:void 0,[null===(r=t.nextState)||void 0===r?void 0:r.get("_iconAlign")]:t.state._icon[o]})}},u=t=>"object"==typeof t&&null!==t&&(void 0===t.style||s(t.style))&&l(t.icon,1),h=(t,o)=>{i(o,(()=>{try{o=n(o)}catch(t){}e(t,"_icon",(t=>null===t||l(t,1)||"object"==typeof t&&null!==t&&(l(t.left,1)||u(t.left)||l(t.right,1)||u(t.right)||l(t.top,1)||u(t.top)||l(t.bottom,1)||u(t.bottom))),new Set(["KoliBriIcon"]),o,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),f(t)}},required:!0})}))},p=(t,i)=>{o("Das Property _icon-align bzw. _iconAlign ist veraltet. Die Ausrichtung der Icon's kann jetzt direkt über das _icon-Property vorgenommen werden. (v1.1.10: https://public-ui.github.io/?path=/story/backlog-und-changelog--page)"),e(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),i,{hooks:{beforePatch:()=>{f(t)}}})},v={hooks:{afterPatch:o=>{-1!==o&&0!==o&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},g=(t,o)=>{a(t,"_tabIndex",o,v)};export{h as a,u as i,g as v,p as w};
+import{b as o,e as i}from"./a11y.tipps-ff5a1a99.js";import{o as t,p as n,a as e,d as a}from"./prop.validators-4cac744a.js";import{a as l,b as r,i as c}from"./validator-8ee8737c.js";const s=(t,o,e)=>{c(e)?t[o]=e:l(e,1)&&(t[o]={icon:e})},d=t=>{var o,e,i,n,a,r,c;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"),a=(null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign;null===(n=t.nextState)||void 0===n||n.set("_icon",((t,o)=>{let e={};return l(t,1)?e="right"===o?{right:{icon:t}}:{left:{icon:t}}:"object"==typeof t&&null!==t&&(s(e,"top",t.top),s(e,"right",t.right),s(e,"bottom",t.bottom),s(e,"left",t.left)),e})(o,a))}else if(null===(a=t.nextState)||void 0===a?void 0:a.has("_iconAlign")){const o=t.state._iconAlign;null===(r=t.nextState)||void 0===r||r.set("_icon",{[o]:void 0,[null===(c=t.nextState)||void 0===c?void 0:c.get("_iconAlign")]:t.state._icon[o]})}},h=t=>"object"==typeof t&&null!==t&&(void 0===t.style||r(t.style))&&l(t.icon,1),p=(o,i)=>{t(i,(()=>{try{i=n(i)}catch(t){}e(o,"_icon",(t=>null===t||l(t,1)||"object"==typeof t&&null!==t&&(l(t.left,1)||h(t.left)||l(t.right,1)||h(t.right)||l(t.top,1)||h(t.top)||l(t.bottom,1)||h(t.bottom))),new Set(["KoliBriIcon"]),i,{hooks:{beforePatch:(t,e)=>{null===t&&e.set("_icon",{}),d(o)}},required:!0})}))},u=(t,i)=>{o("Das Property _icon-align bzw. _iconAlign ist veraltet. Die Ausrichtung der Icon's kann jetzt direkt über das _icon-Property vorgenommen werden. (v1.1.10: https://public-ui.github.io/?path=/story/backlog-und-changelog--page)"),e(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),i,{hooks:{beforePatch:()=>{d(t)}}})},v={hooks:{afterPatch:t=>{-1!==t&&0!==t&&i("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},g=(t,o)=>{a(t,"_tabIndex",o,v)};export{p as a,h as i,g as v,u as w};

package/dist/kolibri/validation-b0cccd61.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as e}from"./prop.validators-4cac744a.js";const r=(r,a)=>{e(r,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{r as w};
+import{a as e}from"./prop.validators-4cac744a.js";const a=(a,r)=>{e(a,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),r,{defaultValue:1,required:!0})};export{a as w};

package/dist/kolibri/validator-8ee8737c.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-const t=e=>"object"==typeof e&&null!==e,e=(e,t=0)=>"string"==typeof e&&e.length>=t,n=t=>{if("object"!=typeof t||null===t)return e(t,1);for(const n in t)if(!1===e(n,1))return!1;return!0},s=(e,t)=>0===t.length&&new RegExp(`^${e}`).test(t),o=(e,t)=>0===t.length||s(e,t),a=new Event("StateChange");export{a as S,e as a,n as b,o as c,t as i};
+const e=t=>"object"==typeof t&&null!==t,t=(t,e=0)=>"string"==typeof t&&t.length>=e,n=e=>{if("object"!=typeof e||null===e)return t(e,1);for(const n in e)if(!1===t(n,1))return!1;return!0},o=(t,e)=>0===e.length||((t,e)=>0===e.length&&new RegExp(`^${t}`).test(e))(t,e),r=new Event("StateChange");export{r as S,t as a,n as b,o as c,e as i};

package/dist/types/components/link-button/component.d.ts

@@ -1,6 +1,6 @@
 import { JSX, State } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkTarget, LinkUseCase, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkTarget, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
@@ -19,21 +19,15 @@ export declare class KolLinkButton implements Generic.Element.Members<RequiredLi
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
-  _fill?: boolean;
   _href?: string;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: string;
-  _part?: string;
   _role?: AlternativButtonLinkRole;
-  _selector?: string;
-  _stealth?: boolean;
   _tabIndex?: number;
   _target?: LinkTarget;
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignment;
-  _underline?: boolean;
-  _useCase?: LinkUseCase;
   _variant?: KoliBriButtonVariant;
   state: LinkButtonStates;
   validateCustomClass(value?: string): void;

package/dist/types/components/tooltip/test/html.mock.d.ts

@@ -1,2 +1,2 @@
 import { Props } from '../component';
-export declare const getTooltipHtml: (props: Props) => string;
+export declare const getTooltipHtml: (props: Props, additionalAttrs?: string) => string;

package/dist/types/components.d.ts

@@ -37,38 +37,6 @@ import { Alignment as Alignment1 } from "./types/props/alignment";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
 import { TooltipAlignment as TooltipAlignment1 } from "./components/tooltip/component";
-export { TooltipAlignment } from "./components/tooltip/component";
-export { HeadingLevel } from "./types/heading-level";
-export { KoliBriAccordionCallbacks } from "./components/accordion/component";
-export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
-export { KoliBriColor } from "./components/badge/component";
-export { Stringified } from "./types/common";
-export { Alignment, KoliBriIconProp } from "./types/icon";
-export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-export { NavLinkProps } from "./components/link/component";
-export { KoliBriFormCallbacks } from "./components/form/component";
-export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
-export { Icofont } from "./types/icofont";
-export { KoliBriInputIcon } from "./components/input-text/types";
-export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
-export { InputCheckboxVariant } from "./components/input-checkbox/types";
-export { Iso8601 } from "./types/input/iso8601";
-export { InputDateType, InputNumberType } from "./types/input/control/number";
-export { Orientation } from "./types/orientation";
-export { InputTextType } from "./types/input/control/text";
-export { ListStyleType } from "./components/link-group/component";
-export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { KoliBriModalEventCallbacks } from "./types/modal";
-export { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
-export { PaginationHasButton } from "./components/pagination/component";
-export { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
-export { KoliBriProgressType } from "./types/progress";
-export { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./types/table";
-export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
-export { Alignment as Alignment1 } from "./types/props/alignment";
-export { CSSResize } from "./components/textarea/types";
-export { KoliBriToastEventCallbacks } from "./types/toast";
-export { TooltipAlignment as TooltipAlignment1 } from "./components/tooltip/component";
 export namespace Components {
     interface KolAbbr {
         /**
@@ -458,7 +426,8 @@ export namespace Components {
          */
         "_icon": string;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
     }
@@ -475,7 +444,8 @@ export namespace Components {
          */
         "_icon": FontAwesome;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -496,7 +466,8 @@ export namespace Components {
          */
         "_icon": Icofont;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
     }
@@ -1469,6 +1440,7 @@ export namespace Components {
         "_disabled"?: boolean;
         /**
           * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_fill"?: boolean;
         /**
@@ -1498,7 +1470,8 @@ export namespace Components {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -1507,10 +1480,12 @@ export namespace Components {
         "_role"?: AlternativButtonLinkRole;
         /**
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_stealth"?: boolean;
         /**
@@ -1531,10 +1506,12 @@ export namespace Components {
         "_tooltipAlign"?: TooltipAlignment;
         /**
           * Gibt an, ob die Links unterstrichen dargestellt werden.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_underline"?: boolean;
         /**
           * Gibt den Verwendungsfall des Links an.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_useCase"?: LinkUseCase;
     }
@@ -1567,10 +1544,6 @@ export namespace Components {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
-        /**
-          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
-         */
-        "_fill"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -1587,22 +1560,10 @@ export namespace Components {
           * Gibt einen beschreibenden Text für das Text-Element an.
          */
         "_label": string;
-        /**
-          * 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/)
-         */
-        "_part"?: string;
         /**
           * Gibt an, welche Role der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
-        /**
-          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
-         */
-        "_selector"?: string;
-        /**
-          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
-         */
-        "_stealth"?: boolean;
         /**
           * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
          */
@@ -1619,14 +1580,6 @@ export namespace Components {
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
         "_tooltipAlign"?: TooltipAlignment;
-        /**
-          * Gibt an, ob die Links unterstrichen dargestellt werden.
-         */
-        "_underline"?: boolean;
-        /**
-          * Gibt den Verwendungsfall des Links an.
-         */
-        "_useCase"?: LinkUseCase;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -1689,6 +1642,7 @@ export namespace Components {
         "_disabled"?: boolean;
         /**
           * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_fill"?: boolean;
         /**
@@ -1719,6 +1673,7 @@ export namespace Components {
         "_on"?: LinkOnCallbacks;
         /**
           * 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/)
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -1727,10 +1682,12 @@ export namespace Components {
         "_role"?: AlternativButtonLinkRole;
         /**
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_stealth"?: boolean;
         /**
@@ -1751,10 +1708,12 @@ export namespace Components {
         "_tooltipAlign"?: TooltipAlignment;
         /**
           * Gibt an, ob die Links unterstrichen dargestellt werden.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_underline"?: boolean;
         /**
           * Gibt den Verwendungsfall des Links an.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_useCase"?: LinkUseCase;
     }
@@ -2181,7 +2140,7 @@ export namespace Components {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: TooltipAlignment1;
+        "_align"?: TooltipAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
@@ -2995,7 +2954,8 @@ declare namespace LocalJSX {
          */
         "_icon": string;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
     }
@@ -3012,7 +2972,8 @@ declare namespace LocalJSX {
          */
         "_icon": FontAwesome;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -3033,7 +2994,8 @@ declare namespace LocalJSX {
          */
         "_icon": Icofont;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
     }
@@ -4006,6 +3968,7 @@ declare namespace LocalJSX {
         "_disabled"?: boolean;
         /**
           * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_fill"?: boolean;
         /**
@@ -4035,7 +3998,8 @@ declare namespace LocalJSX {
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * 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/)
+          * 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/) /**
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -4044,10 +4008,12 @@ declare namespace LocalJSX {
         "_role"?: AlternativButtonLinkRole;
         /**
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_stealth"?: boolean;
         /**
@@ -4068,10 +4034,12 @@ declare namespace LocalJSX {
         "_tooltipAlign"?: TooltipAlignment;
         /**
           * Gibt an, ob die Links unterstrichen dargestellt werden.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_underline"?: boolean;
         /**
           * Gibt den Verwendungsfall des Links an.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_useCase"?: LinkUseCase;
     }
@@ -4104,10 +4072,6 @@ declare namespace LocalJSX {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
-        /**
-          * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
-         */
-        "_fill"?: boolean;
         /**
           * Gibt die Ziel-Url des Links an.
          */
@@ -4124,22 +4088,10 @@ declare namespace LocalJSX {
           * Gibt einen beschreibenden Text für das Text-Element an.
          */
         "_label": string;
-        /**
-          * 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/)
-         */
-        "_part"?: string;
         /**
           * Gibt an, welche Role der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
-        /**
-          * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
-         */
-        "_selector"?: string;
-        /**
-          * Gibt an, ob der Link nur beim Fokus sichtbar ist.
-         */
-        "_stealth"?: boolean;
         /**
           * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
          */
@@ -4156,14 +4108,6 @@ declare namespace LocalJSX {
           * Gibt an, ob der Tooltip entweder oben, rechts, unten oder links angezeigt werden soll.
          */
         "_tooltipAlign"?: TooltipAlignment;
-        /**
-          * Gibt an, ob die Links unterstrichen dargestellt werden.
-         */
-        "_underline"?: boolean;
-        /**
-          * Gibt den Verwendungsfall des Links an.
-         */
-        "_useCase"?: LinkUseCase;
         /**
           * Gibt an, welche Ausprägung der Button hat.
          */
@@ -4226,6 +4170,7 @@ declare namespace LocalJSX {
         "_disabled"?: boolean;
         /**
           * Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_fill"?: boolean;
         /**
@@ -4256,6 +4201,7 @@ declare namespace LocalJSX {
         "_on"?: LinkOnCallbacks;
         /**
           * 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/)
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
         /**
@@ -4264,10 +4210,12 @@ declare namespace LocalJSX {
         "_role"?: AlternativButtonLinkRole;
         /**
           * Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_selector"?: string;
         /**
           * Gibt an, ob der Link nur beim Fokus sichtbar ist.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_stealth"?: boolean;
         /**
@@ -4288,10 +4236,12 @@ declare namespace LocalJSX {
         "_tooltipAlign"?: TooltipAlignment;
         /**
           * Gibt an, ob die Links unterstrichen dargestellt werden.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_underline"?: boolean;
         /**
           * Gibt den Verwendungsfall des Links an.
+          * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_useCase"?: LinkUseCase;
     }
@@ -4718,7 +4668,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
          */
-        "_align"?: TooltipAlignment1;
+        "_align"?: TooltipAlignment;
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -433,8 +433,44 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
@@ -836,8 +872,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: string;
-        autocapitalize?: string;
+        autoCapitalize?: any;
+        autocapitalize?: any;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1161,8 +1197,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
-        autocapitalize?: string;
+        autoCapitalize?: any;
+        autocapitalize?: any;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1453,12 +1489,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionend?: (event: CompositionEvent) => void;
-        onCompositionendCapture?: (event: CompositionEvent) => void;
-        onCompositionstart?: (event: CompositionEvent) => void;
-        onCompositionstartCapture?: (event: CompositionEvent) => void;
-        onCompositionupdate?: (event: CompositionEvent) => void;
-        onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onCompositionEnd?: (event: CompositionEvent) => void;
+        onCompositionEndCapture?: (event: CompositionEvent) => void;
+        onCompositionStart?: (event: CompositionEvent) => void;
+        onCompositionStartCapture?: (event: CompositionEvent) => void;
+        onCompositionUpdate?: (event: CompositionEvent) => void;
+        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1469,8 +1505,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: InputEvent) => void;
-        onInputCapture?: (event: InputEvent) => void;
+        onInput?: (event: Event) => void;
+        onInputCapture?: (event: Event) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

package/dist/types/types/button-link.d.ts

@@ -62,10 +62,10 @@ export type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {
   on: KoliBriButtonCallbacks;
   type: KoliBriButtonType;
 };
-export type RequiredButtonLinkStates = RequiredButtonAndLinkStates & {
+type RequiredButtonLinkStates = RequiredButtonAndLinkStates & {
   type: KoliBriButtonType;
 };
-export type OptionalButtonLinkStates = OptionalButtonAndLinkStates & KoliBriButtonVariantCustomClass & {
+type OptionalButtonLinkStates = OptionalButtonAndLinkStates & KoliBriButtonVariantCustomClass & {
   accessKey: string;
   id: string;
   on: KoliBriButtonCallbacks;