@public-ui/components 2.2.0 → 3.0.0-alpha.0

package/dist/kolibri/kolibri.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wMAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,0vmCAAuCJ,EAAA","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.20.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wMAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,mulCAAuCJ,EAAA","ignoreList":[]}

package/dist/kolibri/{label-ec7596fe.js → label-d70e7c34.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as t,a as o,u as a}from"./prop.validators-447b6d6f.js";const e=[0,1,2,3,4,5,6],n=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(t){var a;return"string"==typeof t&&(null===(a=t.match(n))||void 0===a?void 0:a.length)||0}function i(t,a=1){return r(t)>=a}function l(t){return s.test(t)}function c(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,s,r)=>{var c,h;"function"==typeof(null===(c=t.hooks)||void 0===c?void 0:c.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,n,s,r)),"string"==typeof e&&!1===i(e,3)&&!1===l(e)&&o(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&a("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}const f=new Set(["string"]),d=(a,o,e={})=>{t(a,"_label",(t=>"string"==typeof t),f,o,c(e))},u=d;export{u as a,i as b,l as c,e as h,d as v};
+import{w as t,a as o,u as a}from"./prop.validators-c5e6ad2d.js";const e=[0,1,2,3,4,5,6],n=/[a-zA-Z0-9äöüÄÖÜß]/g,s=/^\d+$/;function r(t){var a;return"string"==typeof t&&(null===(a=t.match(n))||void 0===a?void 0:a.length)||0}function i(t,a=1){return r(t)>=a}function l(t){return s.test(t)}function c(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,s,r)=>{var c,h;"function"==typeof(null===(c=t.hooks)||void 0===c?void 0:c.afterPatch)&&(null===(h=t.hooks)||void 0===h||h.afterPatch(e,n,s,r)),"string"==typeof e&&!1===i(e,3)&&!1===l(e)&&o(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&a("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}const f=new Set(["string"]),d=(a,e,o={})=>{t(a,"_label",(t=>"string"==typeof t),f,e,c(o))},u=d;export{u as a,i as b,l as c,e as h,d as v};

package/dist/kolibri/open-f7031548.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as o}from"./prop.validators-c5e6ad2d.js";const a=(a,p,r)=>{o(a,"_open",p,r)};export{a as v};

package/dist/kolibri/{prop.validators-447b6d6f.js → prop.validators-c5e6ad2d.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{y as e,P as t,k as n}from"./index-b8f228e7.js";import{L as r,g as o,a as i}from"./dev.utils-fab45cbc.js";const a=new Set,s=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #09f"}))},l=new Set,f=(e,t)=>{(!1===l.has(e)||(null==t?void 0:t.force))&&(l.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f00"}))},u=new Set,c=(e,t)=>{(!1===u.has(e)||(null==t?void 0:t.force))&&(u.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},d=(e,t)=>{(!1===u.has(e)||(null==t?void 0:t.force))&&(u.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},v=new Set,b=(e,t=!1,o)=>{(!1===v.has(e)||(null==o?void 0:o.force))&&(v.add(e),e+=!0===t?" ✅":"",r.debug([e].concat((null==o?void 0:o.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==o?void 0:o.force),overwriteStyle:"; background-color: #309"}))};c("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const p=new Set,y=(e,t)=>{(!1===p.has(e)||(null==t?void 0:t.force))&&(p.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #060;"}))},h=()=>{s('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},g=e=>{"string"==typeof e&&""!==e||s("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},m=(e,t=8)=>{t>7&&y(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var w=.2126,S=.7152,N=.0722,k=1/12.92;function M(e){return Math.pow((e+.055)/1.055,2.4)}function A(e){var t=e[0]/255,o=e[1]/255,r=e[2]/255,n=t<=.03928?t*k:M(t),a=o<=.03928?o*k:M(o),s=r<=.03928?r*k:M(r);return n*w+a*S+s*N}function T(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function O(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function j(e,t){return O(A(e),A(t))}function L(e,t){return j(T(e),T(t))}function E(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}var $={exports:{}};function C(e){var t=R(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function _(e){var t=R(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function x(e){var t=R(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 J(e){3==(t=R(e)).length&&t.push(255);var t,o=255==t[3],r=D(t[0]),n=D(t[1]),a=D(t[2]),s=H(r,n,a,t=D(Math.round(t[3])));return o?s?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+r+n+a:s?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0)+t.charAt(0):"#"+r+n+a+t}function I(e){var t=R(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 R(e){return"string"==typeof e?B(e=e.toLowerCase())||K(e)||P(e)||Y(e)||G(e)||[0,0,0,255]:U(e)||W(e)||z(e)||[0,0,0,255]}function D(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function H(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 B(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 q(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=q(t[0]),n=q(t[1]),a=q(t[2]),s=3==o?255:q(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(s))return;return[r,n,a,s]}}function P(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=q(t.slice(0,2)),n=q(t.slice(2,4)),a=q(t.slice(4,6)),s=6==o?255:q(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(s))return;return[r,n,a,s]}}function F(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function U(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=F(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=F(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=F(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=F(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 W(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=F(e[0],!0),o=F(e[1],!0),r=F(e[2],!0),n=F(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function z(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 Y(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=F(t[0],!0),r=F(t[1],!0),n=F(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}function G(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=F(t[0],!0),r=F(t[1],!0),n=F(t[2],!0),a=F(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}$.exports=C,$.exports.arr=C,$.exports.obj=_,$.exports.css=x,$.exports.hex=J,$.exports.num=I;const Q=$.exports,V=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},X=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;V(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;V(o,X(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.")},Z=(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=Z(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.")},ee=/\[object Object\]/,te=(e,t)=>{"string"==typeof e&&ee.test(e)||t()},ne=(e,t)=>{"string"==typeof e&&""===e||t()},re=(e,t)=>{i()&&(r.debug([e,t]),r.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},oe=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},ie=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);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),oe(e)},ae=(e,t,o,r)=>{c(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function se(e,t,o,r,n,a={}){o(n)?ie(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?ie(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),ae(e,t,n,r))}const le=(e,t,o,r)=>{se(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},fe=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;se(e,t,(e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength)),new Set(["String"]),o,r)},ue=(e,t,o,r)=>{se(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)},ce=(e,t,o,n,a=e=>e==e,s={})=>{ne(n,(()=>{te(n,(()=>{void 0===n&&(n=[]);try{try{n=ge(n)}catch(e){}if(Array.isArray(n)){const l=n.find((e=>!o(e)));void 0===l&&a(n)?ie(e,t,n,s.hooks):te(l,(()=>{throw r.debug(l),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else te(n,(()=>{throw r.debug(n),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){r.debug(e)}}))}))},de=/^(true|false)$/,ve=/^-?(0|[1-9]\d*)$/,be=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,pe=e=>{const t=typeof e,o=`${e}`;if("string"==typeof e)if(de.test(e))e="true"===e;else if(ve.test(e))e=parseInt(e);else if(be.test(e))e=parseFloat(e);else if(he.test(e))try{e=ge(e)}catch(e){}return t!==typeof e&&c(`You have used a stringified property value (${o} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},ye=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},he=/^[{[]/,ge=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(he.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},me=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,we=e=>"string"==typeof e?e:me(e),Se=(e,t)=>Z(e,t||o()),Ne=(e,t)=>X(e,t||o());let ke=null;const Me=()=>(ke=ke||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},ke),Ae=/(\d+, ){3}0\)/,Te=(e,t=Me())=>{const o=getComputedStyle(e),n=Ae.test(o.backgroundColor)?t.backgroundColor:Q.hex(o.backgroundColor),a=Ae.test(o.color)?t.color:Q.hex(o.color),s=L(n,a),l={backgroundColor:n,color:a,domNode:e,level:E(s),score:s};return s<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:l.backgroundColor,color:l.color,level:l.level,score:l.score},l.domNode]),l},Oe=(e,t=Me())=>{t.domNode instanceof HTMLElement&&(t=Te(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=Oe(e,t)).domNode);r++);return t}return Te(o,t)};class je{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===je.executionLock)if(!1===o&&(je.cache.clear(),je.cache.set(t.domNode,t),je.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 s=Array.from(o);for(let o=0;o<s.length;o++){let r=je.cache.get(s[o]);void 0===r&&(r=Te(s[o],t)),je.cache.set(s[o],r);const n=je.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 (${je.cache.size} DOM elements are analysed).`),je.executionLock=!1,je.cache.clear()),a}}je.executionLock=!1,je.cache=new Map;class Le{}Le.getCssStyle=e,Le.patchTheme=t,Le.patchThemeTag=n,Le.querySelector=Se,Le.querySelectorAll=Ne,Le.stringifyJson=ye;export{Ne as A,Oe as B,je as C,ye as D,Le as K,s as a,le as b,h as c,L as d,g as e,b as f,ce as g,m as h,fe as i,c as j,ue as k,d as l,pe as m,f as n,te as o,ge as p,re as q,Q as r,ie as s,ne as t,y as u,Se as v,se as w,me as x,we as y,Te as z};
+import{l as e,k as t,$ as n}from"./index-541b643a.js";import{L as r,g as o,a as i}from"./dev.utils-fab45cbc.js";const a=new Set,s=(e,t)=>{(!1===a.has(e)||(null==t?void 0:t.force))&&(a.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #09f"}))},l=new Set,f=(e,t)=>{(!1===l.has(e)||(null==t?void 0:t.force))&&(l.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f00"}))},u=new Set,c=(e,t)=>{(!1===u.has(e)||(null==t?void 0:t.force))&&(u.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},d=(e,t)=>{(!1===u.has(e)||(null==t?void 0:t.force))&&(u.add(e),r.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},v=new Set,b=(e,t=!1,o)=>{(!1===v.has(e)||(null==o?void 0:o.force))&&(v.add(e),e+=!0===t?" ✅":"",r.debug([e].concat((null==o?void 0:o.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==o?void 0:o.force),overwriteStyle:"; background-color: #309"}))};c("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const p=new Set,y=(e,t)=>{(!1===p.has(e)||(null==t?void 0:t.force))&&(p.add(e),r.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #060;"}))},h=()=>{s('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},g=e=>{"string"==typeof e&&""!==e||s("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},m=(e,t=8)=>{t>7&&y(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var w=.2126,S=.7152,N=.0722,k=1/12.92;function M(e){return Math.pow((e+.055)/1.055,2.4)}function A(e){var t=e[0]/255,o=e[1]/255,r=e[2]/255,n=t<=.03928?t*k:M(t),a=o<=.03928?o*k:M(o),s=r<=.03928?r*k:M(r);return n*w+a*S+s*N}function T(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var o=parseInt(e,16);return[o>>16,o>>8&255,255&o,t]}function O(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function j(e,t){return O(A(e),A(t))}function L(e,t){return j(T(e),T(t))}function E(e){return e>=7?"AAA":e>=4.5?"AA":e>=3?"AA Large":"Fail"}var $={exports:{}};function C(e){var t=R(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function _(e){var t=R(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}}function x(e){var t=R(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 J(e){3==(t=R(e)).length&&t.push(255);var t,o=255==t[3],r=D(t[0]),n=D(t[1]),a=D(t[2]),s=H(r,n,a,t=D(Math.round(t[3])));return o?s?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+r+n+a:s?"#"+r.charAt(0)+n.charAt(0)+a.charAt(0)+t.charAt(0):"#"+r+n+a+t}function I(e){var t=R(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 R(e){return"string"==typeof e?B(e=e.toLowerCase())||K(e)||P(e)||Y(e)||G(e)||[0,0,0,255]:U(e)||W(e)||z(e)||[0,0,0,255]}function D(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function H(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 B(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 q(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=q(t[0]),n=q(t[1]),a=q(t[2]),s=3==o?255:q(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(s))return;return[r,n,a,s]}}function P(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=q(t.slice(0,2)),n=q(t.slice(2,4)),a=q(t.slice(4,6)),s=6==o?255:q(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(s))return;return[r,n,a,s]}}function F(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}function U(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=F(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=F(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=F(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=F(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 W(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=F(e[0],!0),o=F(e[1],!0),r=F(e[2],!0),n=F(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}function z(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 Y(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=F(t[0],!0),r=F(t[1],!0),n=F(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}function G(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=F(t[0],!0),r=F(t[1],!0),n=F(t[2],!0),a=F(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}$.exports=C,$.exports.arr=C,$.exports.obj=_,$.exports.css=x,$.exports.hex=J,$.exports.num=I;const Q=$.exports,V=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},X=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;V(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;V(o,X(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.")},Z=(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=Z(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.")},ee=/\[object Object\]/,te=(e,t)=>{"string"==typeof e&&ee.test(e)||t()},ne=(e,t)=>{"string"==typeof e&&""===e||t()},re=(e,t)=>{i()&&(r.debug([e,t]),r.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},oe=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},ie=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map);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),oe(e)},ae=(e,t,o,r)=>{c(`[${e.constructor.name}] The property value: (${o}) for '${t}' is not valid. Allowed values are: ${Array.from(r).join(", ")}`)};function se(e,t,o,r,n,a={}){o(n)?ie(e,t,n,a.hooks):void 0===n&&!0!==a.required&&o(a.defaultValue)?ie(e,t,a.defaultValue,a.hooks):(a.required||r.add(null),ae(e,t,n,r))}const le=(e,t,o,r)=>{se(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},fe=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;se(e,t,(e=>"string"==typeof e&&e.length>=n&&(void 0===(null==r?void 0:r.maxLength)||e.length<=r.maxLength)),new Set(["String"]),o,r)},ue=(e,t,o,r)=>{se(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)},ce=(e,t,o,n,a=e=>e==e,s={})=>{ne(n,(()=>{te(n,(()=>{void 0===n&&(n=[]);try{try{n=ge(n)}catch(e){}if(Array.isArray(n)){const l=n.find((e=>!o(e)));void 0===l&&a(n)?ie(e,t,n,s.hooks):te(l,(()=>{throw r.debug(l),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else te(n,(()=>{throw r.debug(n),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){r.debug(e)}}))}))},de=/^(true|false)$/,ve=/^-?(0|[1-9]\d*)$/,be=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,pe=e=>{const t=typeof e,o=`${e}`;if("string"==typeof e)if(de.test(e))e="true"===e;else if(ve.test(e))e=parseInt(e);else if(be.test(e))e=parseFloat(e);else if(he.test(e))try{e=ge(e)}catch(e){}return t!==typeof e&&c(`You have used a stringified property value (${o} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},ye=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},he=/^[{[]/,ge=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(he.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},me=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,we=e=>"string"==typeof e?e:me(e),Se=(e,t)=>Z(e,t||o()),Ne=(e,t)=>X(e,t||o());let ke=null;const Me=()=>(ke=ke||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},ke),Ae=/(\d+, ){3}0\)/,Te=(e,t=Me())=>{const o=getComputedStyle(e),n=Ae.test(o.backgroundColor)?t.backgroundColor:Q.hex(o.backgroundColor),a=Ae.test(o.color)?t.color:Q.hex(o.color),s=L(n,a),l={backgroundColor:n,color:a,domNode:e,level:E(s),score:s};return s<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:l.backgroundColor,color:l.color,level:l.level,score:l.score},l.domNode]),l},Oe=(e,t=Me())=>{t.domNode instanceof HTMLElement&&(t=Te(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=Oe(e,t)).domNode);r++);return t}return Te(o,t)};class je{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===je.executionLock)if(!1===o&&(je.cache.clear(),je.cache.set(t.domNode,t),je.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 s=Array.from(o);for(let o=0;o<s.length;o++){let r=je.cache.get(s[o]);void 0===r&&(r=Te(s[o],t)),je.cache.set(s[o],r);const n=je.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 (${je.cache.size} DOM elements are analysed).`),je.executionLock=!1,je.cache.clear()),a}}je.executionLock=!1,je.cache=new Map;class Le{}Le.getCssStyle=e,Le.patchTheme=t,Le.patchThemeTag=n,Le.querySelector=Se,Le.querySelectorAll=Ne,Le.stringifyJson=ye;export{Ne as A,Oe as B,je as C,ye as D,Le as K,s as a,le as b,h as c,L as d,g as e,b as f,ce as g,m as h,fe as i,c as j,ue as k,d as l,pe as m,f as n,te as o,ge as p,re as q,Q as r,ie as s,ne as t,y as u,Se as v,se as w,me as x,we as y,Te as z};

package/dist/kolibri/rows-64f9b5cb.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{k as o}from"./prop.validators-c5e6ad2d.js";const r=(r,s)=>{o(r,"_rows",s,{min:1})};export{r as v};

package/dist/kolibri/show-5d826542.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as o}from"./prop.validators-c5e6ad2d.js";const s=(s,a,r)=>{o(s,"_show",a,r)};export{s as v};

package/dist/kolibri/{suggestions-7c4f1360.js → suggestions-33f55ec2.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{g as s,a as e}from"./prop.validators-447b6d6f.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};
+import{g as s,a as e}from"./prop.validators-c5e6ad2d.js";const o=(o,t)=>{s(o,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&e("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{o as v};

package/dist/kolibri/test-component.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s}from"./index-4e3a1dc7.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-a0b4dca2.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};

package/dist/kolibri/tooltip-align-c001aae2.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./align-3f029493.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

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

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{g as o,h as t}from"./prop.validators-c5e6ad2d.js";const s=(s,e,a)=>{o(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),a),t(s,e.state._links.length)};export{s as w};

package/dist/kolibri/validation-e83461ea.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as e}from"./label-d70e7c34.js";import{w as r}from"./prop.validators-c5e6ad2d.js";const a=(a,o)=>{r(a,"_level",(r=>"number"==typeof r&&e.includes(r)),new Set([`Number {${e.join(", ")}`]),o,{defaultValue:1,required:!0})};export{a as w};

package/dist/types/components/abbr/shadow.d.ts

@@ -1,12 +1,9 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AbbrAPI, AbbrStates, LabelPropType, TooltipAlignPropType } from '../../schema';
+import type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';
 export declare class KolAbbr implements AbbrAPI {
-    private readonly nonce;
     render(): JSX.Element;
-    _label: LabelPropType;
-    _tooltipAlign?: TooltipAlignPropType;
+    _label?: LabelPropType;
     state: AbbrStates;
     validateLabel(value?: LabelPropType): void;
-    validateTooltipAlign(value?: TooltipAlignPropType): void;
     componentWillLoad(): void;
 }

package/dist/types/components/badge/shadow.d.ts

@@ -12,6 +12,7 @@ export declare class KolBadge implements BadgeAPI {
     _smartButton?: Stringified<ButtonProps>;
     state: BadgeStates;
     private handleColorChange;
+    validateIcons(value?: KoliBriIconsProp): void;
     validateColor(value?: Stringified<PropColor>): void;
     validateSmartButton(value?: ButtonProps | string): void;
     componentWillLoad(): void;

package/dist/types/components/card/shadow.d.ts

@@ -1,5 +1,5 @@
-import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { CardAPI, CardStates, HasCloserPropType, HeadingLevel, KoliBriCardEventCallbacks, LabelPropType } from '../../schema';
 export declare class KolCard implements CardAPI {
     private readonly close;
     private readonly on;

package/dist/types/components/heading/shadow.d.ts

@@ -1,9 +1,15 @@
-import type { HeadingLevel, HeadingProps, HeadingVariantPropType, LabelWithExpertSlotPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-export declare class KolHeading implements HeadingProps {
-    render(): JSX.Element;
+import type { HeadingAPI, HeadingLevel, HeadingStates, HeadingVariantPropType, LabelWithExpertSlotPropType } from '../../schema';
+export declare class KolHeading implements HeadingAPI {
     _label: LabelWithExpertSlotPropType;
     _level?: HeadingLevel;
     _secondaryHeadline?: string;
     _variant?: HeadingVariantPropType;
+    state: HeadingStates;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    validateSecondaryHeadline(value?: string): void;
+    validateVariant(value?: HeadingVariantPropType): void;
+    componentWillLoad(): void;
+    render(): JSX.Element;
 }

package/dist/types/components.d.ts

@@ -16,11 +16,7 @@ export namespace Components {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
-        /**
-          * Defines where to show the Tooltip preferably: top, right, bottom or left.
-         */
-        "_tooltipAlign"?: TooltipAlignPropType;
+        "_label"?: LabelPropType;
     }
     interface KolAccordion {
         /**
@@ -633,24 +629,6 @@ export namespace Components {
          */
         "_variant"?: HeadingVariantPropType;
     }
-    interface KolHeadingWc {
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-        /**
-          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
-         */
-        "_level"?: HeadingLevel;
-        /**
-          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
-         */
-        "_secondaryHeadline"?: string;
-        /**
-          * Defines which variant should be used for presentation.
-         */
-        "_variant"?: HeadingVariantPropType;
-    }
     interface KolIcon {
         /**
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
@@ -2595,29 +2573,6 @@ export namespace Components {
          */
         "_links": Stringified<LinkProps[]>;
     }
-    interface KolSpanWc {
-        /**
-          * Allows to use markdown in the label. Defaults to `false`.
-         */
-        "_allowMarkdown"?: boolean;
-        /**
-          * Defines the elements badge text.
-         */
-        "_badgeText"?: BadgeTextPropType;
-        /**
-          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
-          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideLabel"?: boolean;
-        /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
-         */
-        "_icons"?: Stringified<KoliBriIconsProp>;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-    }
     interface KolSpin {
         /**
           * Makes the element show up.
@@ -3230,12 +3185,6 @@ declare global {
         prototype: HTMLKolHeadingElement;
         new (): HTMLKolHeadingElement;
     };
-    interface HTMLKolHeadingWcElement extends Components.KolHeadingWc, HTMLStencilElement {
-    }
-    var HTMLKolHeadingWcElement: {
-        prototype: HTMLKolHeadingWcElement;
-        new (): HTMLKolHeadingWcElement;
-    };
     interface HTMLKolIconElement extends Components.KolIcon, HTMLStencilElement {
     }
     var HTMLKolIconElement: {
@@ -3428,12 +3377,6 @@ declare global {
         prototype: HTMLKolSkipNavElement;
         new (): HTMLKolSkipNavElement;
     };
-    interface HTMLKolSpanWcElement extends Components.KolSpanWc, HTMLStencilElement {
-    }
-    var HTMLKolSpanWcElement: {
-        prototype: HTMLKolSpanWcElement;
-        new (): HTMLKolSpanWcElement;
-    };
     interface HTMLKolSpinElement extends Components.KolSpin, HTMLStencilElement {
     }
     var HTMLKolSpinElement: {
@@ -3565,7 +3508,6 @@ declare global {
         "kol-drawer": HTMLKolDrawerElement;
         "kol-form": HTMLKolFormElement;
         "kol-heading": HTMLKolHeadingElement;
-        "kol-heading-wc": HTMLKolHeadingWcElement;
         "kol-icon": HTMLKolIconElement;
         "kol-image": HTMLKolImageElement;
         "kol-indented-text": HTMLKolIndentedTextElement;
@@ -3596,7 +3538,6 @@ declare global {
         "kol-select": HTMLKolSelectElement;
         "kol-single-select": HTMLKolSingleSelectElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
-        "kol-span-wc": HTMLKolSpanWcElement;
         "kol-spin": HTMLKolSpinElement;
         "kol-split-button": HTMLKolSplitButtonElement;
         "kol-symbol": HTMLKolSymbolElement;
@@ -3622,11 +3563,7 @@ declare namespace LocalJSX {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
-        /**
-          * Defines where to show the Tooltip preferably: top, right, bottom or left.
-         */
-        "_tooltipAlign"?: TooltipAlignPropType;
+        "_label"?: LabelPropType;
     }
     interface KolAccordion {
         /**
@@ -4195,24 +4132,6 @@ declare namespace LocalJSX {
          */
         "_variant"?: HeadingVariantPropType;
     }
-    interface KolHeadingWc {
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-        /**
-          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
-         */
-        "_level"?: HeadingLevel;
-        /**
-          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
-         */
-        "_secondaryHeadline"?: string;
-        /**
-          * Defines which variant should be used for presentation.
-         */
-        "_variant"?: HeadingVariantPropType;
-    }
     interface KolIcon {
         /**
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
@@ -6022,29 +5941,6 @@ declare namespace LocalJSX {
          */
         "_links": Stringified<LinkProps[]>;
     }
-    interface KolSpanWc {
-        /**
-          * Allows to use markdown in the label. Defaults to `false`.
-         */
-        "_allowMarkdown"?: boolean;
-        /**
-          * Defines the elements badge text.
-         */
-        "_badgeText"?: BadgeTextPropType;
-        /**
-          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
-          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideLabel"?: boolean;
-        /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
-         */
-        "_icons"?: Stringified<KoliBriIconsProp>;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-    }
     interface KolSpin {
         /**
           * Makes the element show up.
@@ -6532,7 +6428,6 @@ declare namespace LocalJSX {
         "kol-drawer": KolDrawer;
         "kol-form": KolForm;
         "kol-heading": KolHeading;
-        "kol-heading-wc": KolHeadingWc;
         "kol-icon": KolIcon;
         "kol-image": KolImage;
         "kol-indented-text": KolIndentedText;
@@ -6563,7 +6458,6 @@ declare namespace LocalJSX {
         "kol-select": KolSelect;
         "kol-single-select": KolSingleSelect;
         "kol-skip-nav": KolSkipNav;
-        "kol-span-wc": KolSpanWc;
         "kol-spin": KolSpin;
         "kol-split-button": KolSplitButton;
         "kol-symbol": KolSymbol;
@@ -6610,7 +6504,6 @@ declare module "@stencil/core" {
             "kol-drawer": LocalJSX.KolDrawer & JSXBase.HTMLAttributes<HTMLKolDrawerElement>;
             "kol-form": LocalJSX.KolForm & JSXBase.HTMLAttributes<HTMLKolFormElement>;
             "kol-heading": LocalJSX.KolHeading & JSXBase.HTMLAttributes<HTMLKolHeadingElement>;
-            "kol-heading-wc": LocalJSX.KolHeadingWc & JSXBase.HTMLAttributes<HTMLKolHeadingWcElement>;
             "kol-icon": LocalJSX.KolIcon & JSXBase.HTMLAttributes<HTMLKolIconElement>;
             "kol-image": LocalJSX.KolImage & JSXBase.HTMLAttributes<HTMLKolImageElement>;
             /**
@@ -6653,7 +6546,6 @@ declare module "@stencil/core" {
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
             "kol-single-select": LocalJSX.KolSingleSelect & JSXBase.HTMLAttributes<HTMLKolSingleSelectElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
-            "kol-span-wc": LocalJSX.KolSpanWc & JSXBase.HTMLAttributes<HTMLKolSpanWcElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             "kol-split-button": LocalJSX.KolSplitButton & JSXBase.HTMLAttributes<HTMLKolSplitButtonElement>;
             "kol-symbol": LocalJSX.KolSymbol & JSXBase.HTMLAttributes<HTMLKolSymbolElement>;

package/dist/types/core/component-names.d.ts

@@ -17,7 +17,6 @@ export declare let KolDetailsTag: "kol-details";
 export declare let KolDrawerTag: "kol-drawer";
 export declare let KolFormTag: "kol-form";
 export declare let KolHeadingTag: "kol-heading";
-export declare let KolHeadingWcTag: "kol-heading-wc";
 export declare let KolIconTag: "kol-icon";
 export declare let KolImageTag: "kol-image";
 export declare let KolIndentedTextTag: "kol-indented-text";
@@ -48,7 +47,6 @@ export declare let KolQuoteTag: "kol-quote";
 export declare let KolSelectTag: "kol-select";
 export declare let KolSingleSelectTag: "kol-single-select";
 export declare let KolSkipNavTag: "kol-skip-nav";
-export declare let KolSpanWcTag: "kol-span-wc";
 export declare let KolSpinTag: "kol-spin";
 export declare let KolSplitButtonTag: "kol-split-button";
 export declare let KolSymbolTag: "kol-symbol";

package/dist/types/functional-components/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
-import type { InternalAlertProps } from '../../schema';
+import { type InternalAlertProps } from '../../schema';
 export type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> & Partial<Omit<InternalAlertProps, 'on'>> & {
     onCloserClick?: () => void;
     onAlertTimeout?: () => void;

package/dist/types/functional-components/Collapsible/Collapsible.d.ts

@@ -11,7 +11,7 @@ export type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> &
     level?: HeadingLevel;
     label: string;
     HeadingProps?: {
-        ref?: ((elm?: HTMLKolHeadingWcElement | undefined) => void) | undefined;
+        ref?: ((elm?: HTMLElement | undefined) => void) | undefined;
         class?: ClassType;
     };
     HeadingButtonProps?: {

package/dist/types/functional-components/Heading/Heading.d.ts

@@ -0,0 +1,21 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import type { HeadingLevel, HeadingVariantPropType } from '../../schema';
+type HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;
+type BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {
+    level?: HeadingLevel;
+};
+type HeadlineProps = BaseProps & {
+    variant?: HeadingVariantPropType;
+};
+export type HeadingProps = HeadlineProps & {
+    secondaryHeadline?: string;
+    HeadingGroupProps?: HGroupProps;
+    SecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;
+};
+type HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';
+type SubHeadlineTag = 'span' | HeadlineTag;
+export declare function getHeadlineTag(level: HeadingLevel | number): HeadlineTag;
+export declare function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag;
+declare const KolHeadingFc: FC<HeadingProps>;
+export default KolHeadingFc;

package/dist/types/functional-components/Heading/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./Heading";export*from"./Heading";

package/dist/types/functional-components/Heading/test/Heading.test.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/functional-components/Heading/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/functional-components/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { InternalIconProps } from '../../schema';
+export type IconProps = InternalIconProps & {
+    class?: string;
+    style?: {
+        [key: string]: string;
+    };
+    onClick?: (event: MouseEvent) => void;
+};
+declare const KolIconFc: FC<IconProps>;
+export default KolIconFc;

package/dist/types/functional-components/Icon/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./Icon";export*from"./Icon";

package/dist/types/functional-components/InternalUnderlinedBadgeText/InternalUnderlinedBadgeText.d.ts

@@ -0,0 +1,8 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { BadgeTextPropType } from '../../schema';
+type InternalUnderlinedBadgeTextProps = {
+    badgeText: BadgeTextPropType;
+    label: string;
+};
+declare const KolInternalUnderlinedBadgeTextFc: FC<InternalUnderlinedBadgeTextProps>;
+export default KolInternalUnderlinedBadgeTextFc;

package/dist/types/functional-components/InternalUnderlinedBadgeText/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./InternalUnderlinedBadgeText";export*from"./InternalUnderlinedBadgeText";

package/dist/types/functional-components/Span/IconHelper.d.ts

@@ -0,0 +1,6 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { KoliBriCustomIcon } from '../../schema';
+declare const IconHelper: FC<KoliBriCustomIcon & {
+    class?: string;
+}>;
+export default IconHelper;

package/dist/types/functional-components/Span/LabelHelper.d.ts

@@ -0,0 +1,9 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+declare const LabelHelper: FC<{
+    label: string;
+    hideLabel?: boolean;
+    badgeText?: string;
+    hideExpertSlot?: boolean;
+    allowMarkdown?: boolean;
+}>;
+export default LabelHelper;

package/dist/types/functional-components/Span/Span.d.ts

@@ -0,0 +1,12 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import { type BadgeTextPropType, type HideLabelPropType, type KoliBriIconsProp, type LabelWithExpertSlotPropType } from '../../schema';
+export type SpanProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {
+    label: LabelWithExpertSlotPropType;
+    badgeText?: BadgeTextPropType;
+    allowMarkdown?: boolean;
+    icons?: KoliBriIconsProp;
+    hideLabel?: HideLabelPropType;
+};
+declare const KolSpanFc: FC<SpanProps>;
+export default KolSpanFc;

package/dist/types/functional-components/Span/SpanCoreHelper.d.ts

@@ -0,0 +1,9 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+declare const KolSpanCoreHelperFc: FC<{
+    label: string;
+    hideLabel?: boolean;
+    badgeText?: string;
+    hideExpertSlot?: boolean;
+    allowMarkdown?: boolean;
+}>;
+export default KolSpanCoreHelperFc;

package/dist/types/functional-components/Span/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./Span";export*from"./Span";

package/dist/types/functional-components/Span/test/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/functional-components/ToastItem/ToastItem.d.ts

@@ -0,0 +1,10 @@
+import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
+import type { JSXBase } from '../../stencil-public-runtime';
+import { type Toast } from '../../schema';
+type ToastItemProps = JSXBase.HTMLAttributes<HTMLDivElement> & {
+    status: 'adding' | 'settled' | 'removing';
+    toast: Toast;
+    onClose: () => void;
+};
+declare const ToastItemFc: FC<ToastItemProps>;
+export default ToastItemFc;

package/dist/types/functional-components/ToastItem/index.d.ts

@@ -0,0 +1 @@
+export{default}from"./ToastItem";

package/dist/types/functional-components/ToastItem/tests/snapshot.test.d.ts

@@ -0,0 +1 @@
+export{};

package/dist/types/functional-components/index.d.ts

@@ -1 +1 @@
-export{default as KolAlertFc}from"./Alert";export{default as KolCollapsibleFc}from"./Collapsible";export{default as KolFormFieldMsgFc}from"./FormFieldMsg";
+export{default as KolAlertFc}from"./Alert";export{default as KolCollapsibleFc}from"./Collapsible";export{default as KolFormFieldMsgFc}from"./FormFieldMsg";export{default as KolHeadingFc}from"./Heading";export{default as KolIconFc}from"./Icon";export{default as KolSpanFc}from"./Span";export{default as InternalUnderlinedBadgeText}from"./InternalUnderlinedBadgeText";export{default as KolToastItemFc}from"./ToastItem";

package/dist/types/schema/components/abbr.d.ts

@@ -1,7 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, PropTooltipAlign } from '../props';
-type RequiredProps = PropLabel;
-type OptionalProps = PropTooltipAlign;
+import type { PropLabel } from '../props';
+type RequiredProps = NonNullable<unknown>;
+type OptionalProps = PropLabel;
 type RequiredStates = RequiredProps & OptionalProps;
 type OptionalStates = NonNullable<unknown>;
 export type AbbrProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/schema/components/badge.d.ts

@@ -1,16 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ColorPair, PropColor, PropIcons, PropLabel } from '../props';
-import type { Stringified } from '../types';
+import type { ColorPair, PropColor, PropLabel } from '../props';
+import type { KoliBriIconsProp, Stringified } from '../types';
 import type { ButtonProps } from './button';
 type RequiredProps = PropLabel;
 type OptionalProps = {
+    icons: Stringified<KoliBriIconsProp>;
     color: Stringified<PropColor>;
     smartButton: Stringified<ButtonProps>;
-} & PropIcons;
+};
 type RequiredStates = {
     color: ColorPair;
 };
 type OptionalStates = {
+    icons: KoliBriIconsProp;
     smartButton: ButtonProps;
 };
 type RequiredWatchers = RequiredStates;