@public-ui/components 1.1.16-rc.2 → 1.1.16-rc.4

package/dist/kolibri/label-59d375aa.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as a}from"./a11y.tipps-ff5a1a99.js";import{w as e}from"./prop.validators-4cac744a.js";import{c as r}from"./validator-8ee8737c.js";const i=(e,i,s,t)=>{const l=i.has("_ariaLabel")?i.get("_ariaLabel"):s.state._ariaLabel;if("string"==typeof l){const e=i.has("_label")?i.get("_label"):s.state._label;!1===r(e,l)&&("_ariaLabel"===t?i.set("_label",l):i.set("_ariaLabel",e),a("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Gründern der Barrierefreiheit für die Sprachsteuerung mit dem Label-Text beginnen."))}},s=(a,r)=>{e(a,"_ariaLabel",r,{hooks:{beforePatch:i}})},t=(a,r)=>{e(a,"_label",r,{hooks:{beforePatch:i},required:!0})};export{t as a,s as v};

package/dist/kolibri/{label-4e702e1f.js.map → label-59d375aa.js.map}

@@ -1 +1 @@
-{"version":3,"names":["syncAriaLabelBeforePatch","_nextValue","nextState","component","key","ariaLabel","has","get","state","_ariaLabel","label","_label","isEmptyOrPrefixOf","set","a11yHint","validateAriaLabel","value","watchString","hooks","beforePatch","validateLabel","required"],"sources":["./src/utils/validators/label.ts"],"sourcesContent":["import { Generic } from '@public-ui/core';\nimport { a11yHint } from '../a11y.tipps';\nimport { watchString } from '../prop.validators';\nimport { isEmptyOrPrefixOf } from '../validator';\n\n/**\n * Ein abweichendes Aria-Label muss aus Gründern der Barrierefreiheit für\n * die Sprachsteuerung mit dem Label-Text beginnen.\n */\nconst syncAriaLabelBeforePatch: Generic.Element.NextStateHooksCallback = (_nextValue, nextState, component: Generic.Element.Component, key): void => {\n\tconst ariaLabel: string | undefined = nextState.has('_ariaLabel') ? (nextState.get('_ariaLabel') as string) : (component.state._ariaLabel as string);\n\tif (typeof ariaLabel === 'string') {\n\t\tconst label: string | undefined = nextState.has('_label') ? (nextState.get('_label') as string) : (component.state._label as string);\n\t\tif (isEmptyOrPrefixOf(label, ariaLabel) === false) {\n\t\t\tif (key === '_ariaLabel') {\n\t\t\t\tnextState.set('_label', ariaLabel);\n\t\t\t\t// smartSetTimeout(() => ((component as Generic.Element.Component & { _label: string })._label = ariaLabel), 50);\n\t\t\t} else {\n\t\t\t\tnextState.set('_ariaLabel', label);\n\t\t\t\t// smartSetTimeout(() => ((component as Generic.Element.Component & { _ariaLabel: string })._ariaLabel = label), 50);\n\t\t\t}\n\t\t\ta11yHint(\n\t\t\t\t`Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Gründern der Barrierefreiheit für die Sprachsteuerung mit dem Label-Text beginnen.`\n\t\t\t);\n\t\t}\n\t}\n};\n\nexport const validateAriaLabel = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_ariaLabel', value, {\n\t\thooks: {\n\t\t\tbeforePatch: syncAriaLabelBeforePatch,\n\t\t},\n\t});\n};\n\nexport const validateLabel = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_label', value, {\n\t\thooks: {\n\t\t\tbeforePatch: syncAriaLabelBeforePatch,\n\t\t},\n\t\trequired: true,\n\t});\n};\n"],"mappings":";;;sIASA,MAAMA,EAAmE,CAACC,EAAYC,EAAWC,EAAsCC,KACtI,MAAMC,EAAgCH,EAAUI,IAAI,cAAiBJ,EAAUK,IAAI,cAA4BJ,EAAUK,MAAMC,WAC/H,UAAWJ,IAAc,SAAU,CAClC,MAAMK,EAA4BR,EAAUI,IAAI,UAAaJ,EAAUK,IAAI,UAAwBJ,EAAUK,MAAMG,OACnH,GAAIC,EAAkBF,EAAOL,KAAe,MAAO,CAClD,GAAID,IAAQ,aAAc,CACzBF,EAAUW,IAAI,SAAUR,E,KAElB,CACNH,EAAUW,IAAI,aAAcH,E,CAG7BI,EACC,yL,UAMSC,EAAoB,CAACZ,EAAsCa,KACvEC,EAAYd,EAAW,aAAca,EAAO,CAC3CE,MAAO,CACNC,YAAanB,IAEb,E,MAGUoB,EAAgB,CAACjB,EAAsCa,KACnEC,EAAYd,EAAW,SAAUa,EAAO,CACvCE,MAAO,CACNC,YAAanB,GAEdqB,SAAU,MACT,S"}
+{"version":3,"names":["syncAriaLabelBeforePatch","_nextValue","nextState","component","key","ariaLabel","has","get","state","_ariaLabel","label","_label","isEmptyOrPrefixOf","set","a11yHint","validateAriaLabel","value","watchString","hooks","beforePatch","validateLabel","required"],"sources":["./src/utils/validators/label.ts"],"sourcesContent":["import { Generic } from '@public-ui/core';\nimport { a11yHint } from '../a11y.tipps';\nimport { watchString } from '../prop.validators';\nimport { isEmptyOrPrefixOf } from '../validator';\n\n/**\n * Ein abweichendes Aria-Label muss aus Gründern der Barrierefreiheit für\n * die Sprachsteuerung mit dem Label-Text beginnen.\n */\nconst syncAriaLabelBeforePatch: Generic.Element.NextStateHooksCallback = (_nextValue, nextState, component: Generic.Element.Component, key): void => {\n\tconst ariaLabel: string | undefined = nextState.has('_ariaLabel') ? (nextState.get('_ariaLabel') as string) : (component.state._ariaLabel as string);\n\tif (typeof ariaLabel === 'string') {\n\t\tconst label: string | undefined = nextState.has('_label') ? (nextState.get('_label') as string) : (component.state._label as string);\n\t\tif (isEmptyOrPrefixOf(label, ariaLabel) === false) {\n\t\t\tif (key === '_ariaLabel') {\n\t\t\t\tnextState.set('_label', ariaLabel);\n\t\t\t\t// smartSetTimeout(() => ((component as Generic.Element.Component & { _label: string })._label = ariaLabel), 50);\n\t\t\t} else {\n\t\t\t\tnextState.set('_ariaLabel', label);\n\t\t\t\t// smartSetTimeout(() => ((component as Generic.Element.Component & { _ariaLabel: string })._ariaLabel = label), 50);\n\t\t\t}\n\t\t\ta11yHint(\n\t\t\t\t`Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Gründern der Barrierefreiheit für die Sprachsteuerung mit dem Label-Text beginnen.`\n\t\t\t);\n\t\t}\n\t}\n};\n\nexport const validateAriaLabel = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_ariaLabel', value, {\n\t\thooks: {\n\t\t\tbeforePatch: syncAriaLabelBeforePatch,\n\t\t},\n\t});\n};\n\nexport const validateLabel = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_label', value, {\n\t\thooks: {\n\t\t\tbeforePatch: syncAriaLabelBeforePatch,\n\t\t},\n\t\trequired: true,\n\t});\n};\n"],"mappings":";;;2IASA,MAAMA,EAAmE,CAACC,EAAYC,EAAWC,EAAsCC,KACtI,MAAMC,EAAgCH,EAAUI,IAAI,cAAiBJ,EAAUK,IAAI,cAA4BJ,EAAUK,MAAMC,WAC/H,UAAWJ,IAAc,SAAU,CAClC,MAAMK,EAA4BR,EAAUI,IAAI,UAAaJ,EAAUK,IAAI,UAAwBJ,EAAUK,MAAMG,OACnH,GAAIC,EAAkBF,EAAOL,KAAe,MAAO,CAClD,GAAID,IAAQ,aAAc,CACzBF,EAAUW,IAAI,SAAUR,E,KAElB,CACNH,EAAUW,IAAI,aAAcH,E,CAG7BI,EACC,yL,UAMSC,EAAoB,CAACZ,EAAsCa,KACvEC,EAAYd,EAAW,aAAca,EAAO,CAC3CE,MAAO,CACNC,YAAanB,IAEb,E,MAGUoB,EAAgB,CAACjB,EAAsCa,KACnEC,EAAYd,EAAW,SAAUa,EAAO,CACvCE,MAAO,CACNC,YAAanB,GAEdqB,SAAU,MACT,S"}

package/dist/kolibri/{prop.validators-82b345aa.js → 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-d591ee77.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,z as d,te as e,U as f,Q as g,ue as h,x as i,de as j,re as k,fe as l,ne 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 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};

package/dist/kolibri/{tab-index-f5bd7bba.js → tab-index-0b0ee76b.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as o,e as t}from"./a11y.tipps-d591ee77.js";import{o as i,p as n,a as e,f as a}from"./prop.validators-82b345aa.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{g as a,u as i,h 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-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};

package/dist/kolibri/validation-1b0ac934.js

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

package/dist/kolibri/{validation-50c2f4e0.js → validation-b0cccd61.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as e}from"./prop.validators-82b345aa.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 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/types/components/button-link/component.d.ts

@@ -1,15 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, OptionalButtonLinkStates, RequiredButtonLinkProps, RequiredButtonLinkStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { Alignment, KoliBriIconProp } from '../../types/icon';
+import { KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
-export declare class KolButtonLink implements Generic.Element.ComponentApi<RequiredButtonLinkProps, OptionalButtonLinkProps, RequiredButtonLinkStates, OptionalButtonLinkStates> {
+export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
-  private readonly nonce;
   private ref?;
   private readonly catchRef;
-  private readonly onClick;
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
@@ -19,7 +17,6 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _id?: string;
   _label: string;
@@ -28,23 +25,4 @@ export declare class KolButtonLink implements Generic.Element.ComponentApi<Requi
   _tabIndex?: number;
   _tooltipAlign?: TooltipAlignment;
   _type?: KoliBriButtonType;
-  state: ButtonStates;
-  validateAccessKey(value?: string): void;
-  validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
-  validateAriaExpanded(value?: boolean): void;
-  validateAriaLabel(value?: string): void;
-  validateAriaSelected(value?: boolean): void;
-  validateDisabled(value?: boolean): void;
-  validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Alignment): void;
-  validateIconOnly(value?: boolean): void;
-  validateId(value?: string): void;
-  validateLabel(value?: string): void;
-  validateOn(value?: KoliBriButtonCallbacks): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
-  validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: TooltipAlignment): void;
-  validateType(value?: KoliBriButtonType): void;
-  componentWillLoad(): void;
 }

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

@@ -1,15 +1,16 @@
-import { JSX } from '../../stencil-public-runtime';
+import { JSX, State } from '../../stencil-public-runtime';
 import { Generic } from '@public-ui/core';
-import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
+import { AlternativButtonLinkRole, AriaCurrent, KoliBriButtonVariant, LinkButtonStates, LinkTarget, LinkUseCase, OptionalLinkButtonProps, OptionalLinkButtonStates, RequiredLinkButtonProps, RequiredLinkButtonStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { Alignment, KoliBriIconProp } from '../../types/icon';
+import { KoliBriIconProp } from '../../types/icon';
 import { TooltipAlignment } from '../tooltip/component';
-export declare class KolLinkButton implements Generic.Element.ComponentApi<RequiredLinkButtonProps, OptionalLinkButtonProps, RequiredLinkButtonStates, OptionalLinkButtonStates> {
+type State = {
+  state: Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;
+};
+export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>, Generic.Element.Watchers<RequiredLinkButtonStates, OptionalLinkButtonStates>, State {
   private readonly host?;
-  private readonly nonce;
   private ref?;
   private readonly catchRef;
-  private readonly getRenderValues;
   render(): JSX.Element;
   _ariaControls?: string;
   _ariaCurrent?: AriaCurrent;
@@ -21,10 +22,8 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   _fill?: boolean;
   _href?: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Alignment;
   _iconOnly?: boolean;
   _label: string;
-  _on?: LinkOnCallbacks;
   _part?: string;
   _role?: AlternativButtonLinkRole;
   _selector?: string;
@@ -37,30 +36,8 @@ export declare class KolLinkButton implements Generic.Element.ComponentApi<Requi
   _useCase?: LinkUseCase;
   _variant?: KoliBriButtonVariant;
   state: LinkButtonStates;
-  validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
-  validateAriaExpanded(value?: boolean): void;
-  validateAriaLabel(value?: string): void;
-  validateAriaSelected(value?: boolean): void;
   validateCustomClass(value?: string): void;
-  validateDisabled(value?: boolean): void;
-  validateFill(value?: boolean): void;
-  validateHref(value?: string): void;
-  validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Alignment): void;
-  validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
-  validateOn(value?: LinkOnCallbacks): void;
-  validatePart(value?: string): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
-  validateSelector(value?: string): void;
-  validateStealth(value?: boolean): void;
-  validateTabIndex(value?: number): void;
-  validateTarget(value?: LinkTarget): void;
-  validateTargetDescription(value?: string): void;
-  validateTooltipAlign(value?: TooltipAlignment): void;
-  validateUnderline(value?: boolean): void;
-  validateUseCase(value?: LinkUseCase): void;
   validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }
+export {};

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

@@ -20,7 +20,6 @@ type OptionalTabButtonProps = {
   disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-  on: KoliBriTabsCallbacks;
   tooltipAlign: Alignment;
 };
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;

package/dist/types/components.d.ts

@@ -281,11 +281,6 @@ export namespace Components {
           * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
          */
         "_icon"?: Stringified<KoliBriIconProp>;
-        /**
-          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
-          * @deprecated
-         */
-        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1584,11 +1579,6 @@ export namespace Components {
           * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
          */
         "_icon"?: Stringified<KoliBriIconProp>;
-        /**
-          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
-         */
-        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -1597,11 +1587,6 @@ export namespace Components {
           * Gibt einen beschreibenden Text für das Text-Element an.
          */
         "_label": string;
-        /**
-          * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated
-         */
-        "_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/)
          */
@@ -2833,11 +2818,6 @@ declare namespace LocalJSX {
           * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
          */
         "_icon"?: Stringified<KoliBriIconProp>;
-        /**
-          * Gibt an, ob das Icon links oder rechts dargestellt werden soll.
-          * @deprecated
-         */
-        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4136,11 +4116,6 @@ declare namespace LocalJSX {
           * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
          */
         "_icon"?: Stringified<KoliBriIconProp>;
-        /**
-          * Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.
-          * @deprecated
-         */
-        "_iconAlign"?: Alignment;
         /**
           * Gibt an, ob nur das Icon angezeigt wird.
          */
@@ -4149,11 +4124,6 @@ declare namespace LocalJSX {
           * Gibt einen beschreibenden Text für das Text-Element an.
          */
         "_label": string;
-        /**
-          * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated
-         */
-        "_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/)
          */

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

@@ -112,8 +112,8 @@ export type OptionalLinkStates = OptionalButtonAndLinkStates & {
 export type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;
 export type RequiredLinkButtonProps = RequiredLinkProps;
 export type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantCustomClass;
-export type RequiredLinkButtonStates = RequiredLinkStates;
-export type OptionalLinkButtonStates = OptionalLinkStates & KoliBriButtonVariantCustomClass;
+export type RequiredLinkButtonStates = unknown;
+export type OptionalLinkButtonStates = KoliBriButtonVariantCustomClass;
 export type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;
 export declare const watchTooltipAlignment: (component: Generic.Element.Component, propName: string, value?: TooltipAlignment) => void;
 export {};

package/doc/breadcrumb.md

@@ -128,6 +128,7 @@ graph TD;
   kol-breadcrumb --> kol-link
   kol-link --> kol-link-wc
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge

package/doc/button-link.md

@@ -39,7 +39,6 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 | `_ariaSelected`       | `_aria-selected` | Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                                                                                                             | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_disabled`           | `_disabled`      | Gibt an, ob der Button deaktiviert ist.                                                                                                                                                                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
 | `_icon`               | `_icon`          | Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)                                                                                                                                                                                        | `string \| undefined \| { top: string \| KoliBriCustomIcon; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right: string \| KoliBriCustomIcon; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined` |
-| `_iconAlign`          | `_icon-align`    | <span class="text-red-500">**[DEPRECATED]**</span> <br/><br/>Gibt an, ob das Icon links oder rechts dargestellt werden soll.                                                                                                                                                             | `"left" \| "right" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `'left'`    |
 | `_iconOnly`           | `_icon-only`     | Gibt an, ob nur das Icon angezeigt wird.                                                                                                                                                                                                                                              | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
 | `_id`                 | `_id`            | Gibt die ID der Schaltfläche an. (Selection, Testing)                                                                                                                                                                                                                                 | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_label` _(required)_ | `_label`         | Gibt einen beschreibenden Text für das Text-Element an.                                                                                                                                                                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
@@ -54,20 +53,18 @@ Da der Link, nicht wie der Button, in mehrere Varianten (`primary` oder `seconda
 
 ### Depends on
 
-- kol-span-wc
-- [kol-tooltip](../tooltip)
+- kol-button-wc
 
 ### Graph
 ```mermaid
 graph TD;
-  kol-button-link --> kol-span-wc
-  kol-button-link --> kol-tooltip
+  kol-button-link --> kol-button-wc
+  kol-button-wc --> kol-span-wc
+  kol-button-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge
   kol-badge --> kol-span-wc
   kol-badge --> kol-button-wc
-  kol-button-wc --> kol-span-wc
-  kol-button-wc --> kol-tooltip
   style kol-button-link fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/doc/icon.md

@@ -57,6 +57,7 @@ Referenz: <https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden>
  - [kol-icon-font-awesome](../icon-font-awesome)
  - [kol-icon-icofont](../icon-icofont)
  - kol-input
+ - kol-link-wc
  - kol-span-wc
 
 ### Graph
@@ -69,6 +70,7 @@ graph TD;
   kol-icon-font-awesome --> kol-icon
   kol-icon-icofont --> kol-icon
   kol-input --> kol-icon
+  kol-link-wc --> kol-icon
   kol-span-wc --> kol-icon
   style kol-icon fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/doc/input-adapter-leanup.md

@@ -135,6 +135,7 @@ graph TD;
   kol-badge --> kol-button-wc
   kol-link --> kol-link-wc
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   style kol-input-adapter-leanup fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/doc/link-button.md

@@ -47,10 +47,8 @@ Ein Button hat aus UX-Sicht mehrere Varianten (`primary` oder `secondary` usw.).
 | `_fill`               | `_fill`               | Gibt an, ob der Link die gesamte zur Verfügung stehende Breite ausfüllt.                                                                                                                                                                                                              | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`                                        |
 | `_href`               | `_href`               | Gibt die Ziel-Url des Links an.                                                                                                                                                                                                                                                       | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `''`                                           |
 | `_icon`               | `_icon`               | Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)                                                                                                                                                                                        | `string \| undefined \| { top: string \| KoliBriCustomIcon; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right: string \| KoliBriCustomIcon; bottom?: string \| KoliBriCustomIcon \| undefined; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom: string \| KoliBriCustomIcon; left?: string \| KoliBriCustomIcon \| undefined; } \| { top?: string \| KoliBriCustomIcon \| undefined; right?: string \| KoliBriCustomIcon \| undefined; bottom?: string \| KoliBriCustomIcon \| undefined; left: string \| KoliBriCustomIcon; }` | `undefined`                                    |
-| `_iconAlign`          | `_icon-align`         | <span class="text-red-500">**[DEPRECATED]**</span> <br/><br/>Gibt an, ob das Icon entweder links oder rechts dargestellt werden soll.                                                                                                                                                    | `"left" \| "right" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `'left'`                                       |
 | `_iconOnly`           | `_icon-only`          | Gibt an, ob nur das Icon angezeigt wird.                                                                                                                                                                                                                                              | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`                                        |
 | `_label` _(required)_ | `_label`              | Gibt einen beschreibenden Text für das Text-Element an.                                                                                                                                                                                                                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined`                                    |
-| `_on`                 | --                    | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>Gibt die EventCallback-Funktionen für den Link an.                                                                                                                                                                          | `undefined \| { onClick?: EventCallback<Event> \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `undefined`                                    |
 | `_part`               | `_part`               | 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/)                                                                                                                                                      | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined`                                    |
 | `_role`               | `_role`               | Gibt an, welche Role der Schalter hat.                                                                                                                                                                                                                                                | `"tab" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined`                                    |
 | `_selector`           | `_selector`           | Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus.                                                                                                                                                                                                                   | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined`                                    |
@@ -68,14 +66,15 @@ Ein Button hat aus UX-Sicht mehrere Varianten (`primary` oder `secondary` usw.).
 
 ### Depends on
 
-- kol-span-wc
-- [kol-tooltip](../tooltip)
+- kol-link-wc
 
 ### Graph
 ```mermaid
 graph TD;
-  kol-link-button --> kol-span-wc
-  kol-link-button --> kol-tooltip
+  kol-link-button --> kol-link-wc
+  kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
+  kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge
   kol-badge --> kol-span-wc

package/doc/link-group.md

@@ -111,6 +111,7 @@ graph TD;
   kol-link-group --> kol-link
   kol-link --> kol-link-wc
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge

package/doc/link.md

@@ -147,6 +147,7 @@ Eingabe von Leerzeichen eingefügt werden. Zusätzliche Leerzeichen vergrößern
 graph TD;
   kol-link --> kol-link-wc
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge

package/doc/nav.md

@@ -140,6 +140,7 @@ graph TD;
   kol-nav --> kol-link-wc
   kol-nav --> kol-button
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge

package/doc/skip-nav.md

@@ -83,6 +83,7 @@ graph TD;
   kol-skip-nav --> kol-link
   kol-link --> kol-link-wc
   kol-link-wc --> kol-span-wc
+  kol-link-wc --> kol-icon
   kol-link-wc --> kol-tooltip
   kol-span-wc --> kol-icon
   kol-tooltip --> kol-badge

package/doc/tooltip.md

@@ -37,9 +37,7 @@ Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange
 ### Used by
 
  - [kol-abbr](../abbr)
- - [kol-button-link](../button-link)
  - kol-button-wc
- - [kol-link-button](../link-button)
  - kol-link-wc
 
 ### Depends on
@@ -55,8 +53,6 @@ graph TD;
   kol-span-wc --> kol-icon
   kol-button-wc --> kol-tooltip
   kol-abbr --> kol-tooltip
-  kol-button-link --> kol-tooltip
-  kol-link-button --> kol-tooltip
   kol-link-wc --> kol-tooltip
   style kol-tooltip fill:#f9f,stroke:#333,stroke-width:4px
 ```