@public-ui/components 1.3.0 → 1.3.3-rc.0

package/dist/kolibri/{prop.validators-ceeab1fe.js → prop.validators-59bc26b2.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{p as e,a as t}from"./index-eb735af6.js";import{s as r,f as n}from"./index.m-86dc8c44.js";import{d as o}from"./a11y.tipps-ff5a1a99.js";import{L as i,g as a,a as s,b as f}from"./dev.utils-daaf2f39.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())||k(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 $(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function k(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=$(t[0]),n=$(t[1]),a=$(t[2]),l=3==o?255:$(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=$(t.slice(0,2)),n=$(t.slice(2,4)),a=$(t.slice(4,6)),l=6==o?255:$(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)=>{f()&&(i.debug([e,t]),i.debug("↑ 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},R=(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)}},W=(e,t,r,n)=>{o(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(n).join(", ")}`)},K=(e,t,o,r,n,a={})=>{o(n)?R(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))?R(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),W(e,t,n,r))},F=(e,t,o,r)=>{K(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;K(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},U=(e,t,o,r)=>{K(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,n=(e=>e==e),a={})=>{x(r,(()=>{q(r,(()=>{void 0===r&&(r=[]);try{try{r=ee(r)}catch(e){}if(Array.isArray(r)){const l=r.find((e=>!o(e)));void 0===l&&n(r)?R(e,t,r,a.hooks):q(l,(()=>{throw i.debug(l),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else q(r,(()=>{throw i.debug(r),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){i.debug(e)}}))}))},Y=/^(true|false)$/,G=/^-?(0|[1-9]\d*)$/,Q=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,V=e=>{const t=typeof e,r=`${e}`;if("string"==typeof e)if(Y.test(e))e="true"===e;else if(G.test(e))e=parseInt(e);else if(Q.test(e))e=parseFloat(e);else if(Z.test(e))try{e=ee(e)}catch(e){}return t!==typeof e&&o(`You have used a stringified property value (${r} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},X=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw i.warn(["stringifyJson",e]),i.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},Z=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(Z.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){i.warn(["parseJson",e]),i.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,re=e=>"string"==typeof e?e:te(e),ne=(e,t)=>u(e,t||a()),oe=(e,t)=>c(e,t||a());let ie=null;const ae=()=>(ie=ie||{backgroundColor:"#00000000",color:"#00000000",domNode:a().body,level:"Fail",score:1},ie),se=/(\d+, ){3}0\)/,fe=(e,t=ae())=>{const o=getComputedStyle(e),a=se.test(o.backgroundColor)?t.backgroundColor:d.hex(o.backgroundColor),l=se.test(o.color)?t.color:d.hex(o.color),s=r(a,l),c={backgroundColor:a,color:l,domNode:e,level:n(s),score:s};return s<4.5&&i.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+s().pageYOffset-50}),e.focus()):o("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){o("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 r=`${t}`;t=e,e=r}if("string"==typeof e){const r=ne(e,t);r instanceof HTMLElement?ce(r):o(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else o("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class de{static queryHtmlElementColors(e,t,o=!1,r=!0){let n=null;if(!0===o||!1===de.executionLock)if(!1===o&&(de.cache.clear(),de.cache.set(t.domNode,t),de.executionLock=!0,!0===r&&i.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=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 a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[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 a=de.queryHtmlElementColors(e,r,!0,!1);if(null!==a){n=a;break}}}else i.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&i.debug(`[KoliBriUtils] Color contrast analysis finished (${de.cache.size} DOM elements are analysed).`),de.executionLock=!1,de.cache.clear()),n}}de.executionLock=!1,de.cache=new Map;class ve{}ve.patchTheme=e,ve.patchThemeTag=t,ve.querySelector=ne,ve.querySelectorAll=oe,ve.scrollByHTMLElement=ce,ve.scrollBySelector=ue,ve.stringifyJson=X;export{ve as K,K as a,F as b,_ as c,U as d,z as e,x as f,te as g,ue as h,re as i,de as j,ne as k,fe as l,V as m,oe as n,q as o,ee as p,le as q,d as r,R as s,X as t,I as w};
+import{p as e,a as t}from"./index-b76497e7.js";import{s as r,f as n}from"./index.m-86dc8c44.js";import{d as o}from"./a11y.tipps-ff5a1a99.js";import{L as i,g as a,a as s,b as f}from"./dev.utils-daaf2f39.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())||k(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 $(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function k(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=$(t[0]),n=$(t[1]),a=$(t[2]),l=3==o?255:$(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=$(t.slice(0,2)),n=$(t.slice(2,4)),a=$(t.slice(4,6)),l=6==o?255:$(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)=>{f()&&(i.debug([e,t]),i.debug("↑ 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},R=(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)}},W=(e,t,r,n)=>{o(`[${e.constructor.name}] Der Property-Wert (${r}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(n).join(", ")}`)},K=(e,t,o,r,n,a={})=>{o(n)?R(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))?R(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),W(e,t,n,r))},F=(e,t,o,r)=>{K(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;K(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},U=(e,t,o,r)=>{K(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,n=(e=>e==e),a={})=>{x(r,(()=>{q(r,(()=>{void 0===r&&(r=[]);try{try{r=ee(r)}catch(e){}if(Array.isArray(r)){const l=r.find((e=>!o(e)));void 0===l&&n(r)?R(e,t,r,a.hooks):q(l,(()=>{throw i.debug(l),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else q(r,(()=>{throw i.debug(r),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){i.debug(e)}}))}))},Y=/^(true|false)$/,G=/^-?(0|[1-9]\d*)$/,Q=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,V=e=>{const t=typeof e,r=`${e}`;if("string"==typeof e)if(Y.test(e))e="true"===e;else if(G.test(e))e=parseInt(e);else if(Q.test(e))e=parseFloat(e);else if(Z.test(e))try{e=ee(e)}catch(e){}return t!==typeof e&&o(`You have used a stringified property value (${r} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},X=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw i.warn(["stringifyJson",e]),i.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},Z=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(Z.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){i.warn(["parseJson",e]),i.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,re=e=>"string"==typeof e?e:te(e),ne=(e,t)=>u(e,t||a()),oe=(e,t)=>c(e,t||a());let ie=null;const ae=()=>(ie=ie||{backgroundColor:"#00000000",color:"#00000000",domNode:a().body,level:"Fail",score:1},ie),se=/(\d+, ){3}0\)/,fe=(e,t=ae())=>{const o=getComputedStyle(e),a=se.test(o.backgroundColor)?t.backgroundColor:d.hex(o.backgroundColor),l=se.test(o.color)?t.color:d.hex(o.color),s=r(a,l),c={backgroundColor:a,color:l,domNode:e,level:n(s),score:s};return s<4.5&&i.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+s().pageYOffset-50}),e.focus()):o("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){o("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 r=`${t}`;t=e,e=r}if("string"==typeof e){const r=ne(e,t);r instanceof HTMLElement?ce(r):o(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else o("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class de{static queryHtmlElementColors(e,t,o=!1,r=!0){let n=null;if(!0===o||!1===de.executionLock)if(!1===o&&(de.cache.clear(),de.cache.set(t.domNode,t),de.executionLock=!0,!0===r&&i.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)n=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 a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[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 a=de.queryHtmlElementColors(e,r,!0,!1);if(null!==a){n=a;break}}}else i.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===r&&i.debug(`[KoliBriUtils] Color contrast analysis finished (${de.cache.size} DOM elements are analysed).`),de.executionLock=!1,de.cache.clear()),n}}de.executionLock=!1,de.cache=new Map;class ve{}ve.patchTheme=e,ve.patchThemeTag=t,ve.querySelector=ne,ve.querySelectorAll=oe,ve.scrollByHTMLElement=ce,ve.scrollBySelector=ue,ve.stringifyJson=X;export{ve as K,K as a,F as b,_ as c,U as d,z as e,x as f,te as g,ue as h,re as i,de as j,ne as k,fe as l,V as m,oe as n,q as o,ee as p,le as q,d as r,R as s,X as t,I as w};

package/dist/kolibri/reuse-2f7da8fc.js

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

package/dist/kolibri/reuse-2f7da8fc.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["propergateFocus","host","ref","isObject","focus","ops","smartSetTimeout","cb","delay","timeout","setTimeout","clearTimeout"],"sources":["./src/utils/reuse.ts"],"sourcesContent":["import { isObject } from './validator';\n\nexport const propergateFocus = <H extends HTMLElement, R extends HTMLElement>(host?: H, ref?: R) => {\n\tif (isObject(host) && host) {\n\t\thost.focus = (ops: FocusOptions) => ref?.focus(ops);\n\t}\n};\n\n/**\n * If you need a tiny setTimeout with clearTimeout, you can\n * use this compact implementation.\n *\n * @param cb Callback with the code to run\n * @param delay Timeout delay\n */\n// ts-prune-ignore-next\nexport const smartSetTimeout = (cb: () => void, delay?: number) => {\n\tconst timeout = setTimeout(() => {\n\t\tclearTimeout(timeout);\n\t\tcb();\n\t}, delay);\n};\n"],"mappings":";;;kDAEaA,EAAkB,CAA+CC,EAAUC,KACvF,GAAIC,EAASF,IAASA,EAAM,CAC3BA,EAAKG,MAASC,GAAsBH,IAAG,MAAHA,SAAG,SAAHA,EAAKE,MAAMC,E,SAYpCC,EAAkB,CAACC,EAAgBC,KAC/C,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbF,GAAI,GACFC,EAAM,S"}

package/dist/kolibri/{tab-index-4314d33e.js → tab-index-818b2a80.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-ceeab1fe.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 t}from"./a11y.tipps-ff5a1a99.js";import{o as i,p as n,a as e,d as a}from"./prop.validators-59bc26b2.js";import{a as l,b as s,i as c}from"./validator-2e4f8df6.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")}}},b=(t,o)=>{a(t,"_tabIndex",o,v)};export{h as a,u as i,b as v,p as w};

package/dist/kolibri/{validation-819f310a.js → validation-51e063b4.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as e}from"./prop.validators-ceeab1fe.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-59bc26b2.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};

package/dist/kolibri/validation-55aa40e0.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{u as o}from"./a11y.tipps-ff5a1a99.js";import{c as s}from"./prop.validators-59bc26b2.js";const t=(t,a,p)=>{s(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,a.state._links.length)};export{t as w};

package/dist/kolibri/{validator-8ee8737c.js → validator-2e4f8df6.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 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)=>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};

package/dist/kolibri/validator-2e4f8df6.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isObject","value","isString","minLength","length","isStyle","style","property","isPrefixOf","prefix","text","RegExp","test","isEmptyOrPrefixOf","STATE_CHANGE_EVENT","Event"],"sources":["./src/utils/validator.ts"],"sourcesContent":["export const isObject = (value: unknown): boolean => typeof value === 'object' && value !== null;\n\nexport const isString = (value: unknown, minLength = 0): boolean => typeof value === 'string' && value.length >= minLength;\n\nexport const isStyle = (style?: Record<string, string>): boolean => {\n\tif (typeof style === 'object' && style !== null) {\n\t\tfor (const property in style) {\n\t\t\tif (isString(property, 1) === false) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\treturn isString(style, 1);\n\t}\n\treturn true;\n};\n\n/**\n * Validate, if a text contains a prefix.\n */\nconst isPrefixOf = (prefix: string, text: string) => new RegExp(`^${prefix}`).test(text);\n\n/**\n * Validate, if a text is empty or contains a prefix.\n */\nexport const isEmptyOrPrefixOf = (prefix: string, text: string) => text.length === 0 || isPrefixOf(prefix, text);\n\n/**\n * Fix event instance for state changes.\n */\nexport const STATE_CHANGE_EVENT = new Event('StateChange');\n"],"mappings":";;;MAAaA,EAAYC,UAAmCA,IAAU,UAAYA,IAAU,K,MAE/EC,EAAW,CAACD,EAAgBE,EAAY,WAAsBF,IAAU,UAAYA,EAAMG,QAAUD,E,MAEpGE,EAAWC,IACvB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChD,IAAK,MAAMC,KAAYD,EAAO,CAC7B,GAAIJ,EAASK,EAAU,KAAO,MAAO,CACpC,OAAO,K,OAGH,CACN,OAAOL,EAASI,EAAO,E,CAExB,OAAO,IAAI,EAMZ,MAAME,EAAa,CAACC,EAAgBC,IAAiB,IAAIC,OAAO,IAAIF,KAAUG,KAAKF,G,MAKtEG,EAAoB,CAACJ,EAAgBC,IAAiBA,EAAKN,SAAW,GAAKI,EAAWC,EAAQC,G,MAK9FI,EAAqB,IAAIC,MAAM,sB"}

package/dist/types/components/tooltip/component.d.ts

@@ -2,35 +2,42 @@ import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
 import { Alignment } from '../../types/props/alignment';
 type RequiredProps = {
+  id: string;
   label: string;
 };
 type OptionalProps = {
   align: Alignment;
-  id: string;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps & OptionalProps;
 type OptionalStates = unknown;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolTooltip implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
-  hydrated: boolean;
-  private hostElement?;
-  private readonly childElements;
+  private previousSibling?;
   private tooltipElement?;
   private alignTooltip;
   private showTooltip;
   private hideTooltip;
   private hideTooltipByEscape;
+  private addListeners;
+  private removeListeners;
+  private resyncListeners;
   private catchHostElement;
   private catchTooltipElement;
   render(): JSX.Element;
   _align?: Alignment;
-  _id?: string;
+  _id: string;
   _label: string;
   state: States;
   validateAlign(value?: Alignment): void;
   validateId(value?: string): void;
   validateLabel(value?: string): void;
+  private overFocusCount;
+  private overFocusTimeout?;
+  private incrementOverFocusCount;
+  private decrementOverFocusCount;
+  private showOrHideTooltip;
   componentWillLoad(): void;
+  disconnectedCallback(): void;
 }
 export {};

package/dist/types/components.d.ts

@@ -2160,7 +2160,7 @@ export namespace Components {
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
-        "_id"?: string;
+        "_id": string;
         /**
           * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */
@@ -4674,7 +4674,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.
          */
-        "_id"?: string;
+        "_id": string;
         /**
           * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */

package/doc/tooltip.md

@@ -28,7 +28,7 @@ Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange
 | Property              | Attribute | Description                                                                                            | Type                                                  | Default     |
 | --------------------- | --------- | ------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- | ----------- |
 | `_align`              | `_align`  | Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.                          | `"bottom" \| "left" \| "right" \| "top" \| undefined` | `'top'`     |
-| `_id`                 | `_id`     | Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.                                       | `string \| undefined`                                 | `undefined` |
+| `_id` _(required)_    | `_id`     | Gibt die ID an, wenn z.B. Aria-Labelledby (Link) verwendet wird.                                       | `string`                                              | `undefined` |
 | `_label` _(required)_ | `_label`  | Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird. | `string`                                              | `undefined` |