@public-ui/components 3.0.0-alpha.0 → 3.0.0-ec88c9a9f00b83411c02bb7c1e982732e1259613.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,mulCAAuCJ,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,6riCAAuCJ,EAAA","ignoreList":[]}

package/dist/kolibri/label-d0315384.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as t,a as o,u as e}from"./prop.validators-9feb1d92.js";const a=[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 a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(a,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(a,n,s,r)),"string"==typeof a&&!1===i(a,3)&&!1===l(a)&&o(`The heading or label ("${a}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof a&&a.length>80&&e("A heading or label should not be longer than 80 characters.")},beforePatch:null===(a=t.hooks)||void 0===a?void 0:a.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,a as h,d as v};

package/dist/kolibri/label-d0315384.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["headingLevelOptions","READABLE_CHARS","ONLY_NUMBERS","countReadableChars","str","_a","match","length","hasEnoughReadableChars","min","containsOnlyNumbers","test","getValidationOptions","options","Object","assign","hooks","afterPatch","value","state","component","key","_b","a11yHint","uiUxHint","beforePatch","LABEL_VALUES","Set","validateLabel","watchValidator","validateLabelWithExpertSlot"],"sources":["src/schema/props/label.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchStringOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { a11yHint, uiUxHint } from '../utils/a11y.tipps';\n\n/**\n * Defines the heading level options.\n */\nexport const headingLevelOptions = [0, 1, 2, 3, 4, 5, 6] as const;\nexport type HeadingLevel = (typeof headingLevelOptions)[number];\n\n/**\n * This is a regular expression that matches all readable characters.\n *\n * Interesting: https://stackoverflow.com/questions/150033/regular-expression-to-match-non-english-characters\n */\nconst READABLE_CHARS = /[a-zA-Z0-9äöüÄÖÜß]/g;\n\n/**\n * This is a regular expression that matches only numbers.\n */\nconst ONLY_NUMBERS = /^\\d+$/;\n\n/**\n * This function counts the number of readable characters in a string.\n * @param str The string to count.\n * @returns The number of readable characters in the string.\n */\nfunction countReadableChars(str: string): number {\n\treturn typeof str === 'string' ? str.match(READABLE_CHARS)?.length || 0 : 0;\n}\n\n/**\n * This function checks if a string has at least a certain number of readable characters.\n * @param str The string to check.\n * @param min The minimum number of readable characters.\n * @returns True if the string has at least the minimum number of readable characters, false otherwise.\n */\nexport function hasEnoughReadableChars(str: string, min = 1): boolean {\n\treturn countReadableChars(str) >= min;\n}\n\n/**\n * This function checks if a string contains only numbers.\n * @param str The string to check.\n * @returns True if the string contains only numbers, false otherwise.\n */\nexport function containsOnlyNumbers(str: string): boolean {\n\treturn ONLY_NUMBERS.test(str);\n}\n\n/**\n * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n */\nexport type LabelPropType = string;\n\n/**\n * 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.\n */\nexport type LabelWithExpertSlotPropType = LabelPropType | '';\n\n/**\n * The label property is used to label different elements:\n * - abbr -> title text\n * - button -> label text\n * - heading -> headline text\n * - input, select and textarea -> label text\n * - summary -> summary text\n * - quote, table -> caption text\n * - version -> version text\n * - etc.\n *\n * The label is often a mandatory attribute. If the value of the label is false,\n * the expert-slot will be used. Otherwise, the value of the label must be a string\n * and the expert-slot will be ignored.\n */\nexport type PropLabel = {\n\tlabel: LabelPropType;\n};\nexport type PropLabelWithExpertSlot = {\n\tlabel: LabelWithExpertSlotPropType;\n};\n\nexport type LabelProp = Generic.Element.Members<PropLabel, unknown>;\n// type LabelWithExpertSlotProp = Generic.Element.Members<PropLabelWithExpertSlot, unknown>;\n\nfunction getValidationOptions(options: WatchStringOptions): WatchStringOptions {\n\treturn {\n\t\t...options,\n\t\thooks: {\n\t\t\tafterPatch: (value, state, component, key) => {\n\t\t\t\tif (typeof options.hooks?.afterPatch === 'function') {\n\t\t\t\t\toptions.hooks?.afterPatch(value, state, component, key);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && hasEnoughReadableChars(value, 3) === false && containsOnlyNumbers(value) === false) {\n\t\t\t\t\ta11yHint(`The heading or label (\"${value}\") is not accessible. A label should consist of at least three readable characters.`);\n\t\t\t\t}\n\t\t\t\tif (typeof value === 'string' && value.length > 80) {\n\t\t\t\t\tuiUxHint(`A heading or label should not be longer than 80 characters.`);\n\t\t\t\t}\n\t\t\t},\n\t\t\tbeforePatch: options.hooks?.beforePatch,\n\t\t},\n\t};\n}\n\nconst LABEL_VALUES = new Set(['string']);\nexport const validateLabel = (component: Generic.Element.Component, value?: LabelPropType, options: WatchStringOptions = {}): void => {\n\twatchValidator(component, '_label', (value) => typeof value === 'string', LABEL_VALUES, value, getValidationOptions(options));\n};\n\n/**\n * This method name helps to differentiate between the label\n * and the label with expert slot usage.\n */\nexport const validateLabelWithExpertSlot = validateLabel;\n"],"mappings":";;;sEASaA,EAAsB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAQtD,MAAMC,EAAiB,sBAKvB,MAAMC,EAAe,QAOrB,SAASC,EAAmBC,G,MAC3B,cAAcA,IAAQ,WAAWC,EAAAD,EAAIE,MAAML,MAAe,MAAAI,SAAA,SAAAA,EAAEE,SAAU,EAAI,CAC3E,C,SAQgBC,EAAuBJ,EAAaK,EAAM,GACzD,OAAON,EAAmBC,IAAQK,CACnC,C,SAOgBC,EAAoBN,GACnC,OAAOF,EAAaS,KAAKP,EAC1B,CAqCA,SAASQ,EAAqBC,G,MAC7B,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,GACIF,GAAO,CACVG,MAAO,CACNC,WAAY,CAACC,EAAOC,EAAOC,EAAWC,K,QACrC,WAAWhB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEY,cAAe,WAAY,EACpDK,EAAAT,EAAQG,SAAK,MAAAM,SAAA,SAAAA,EAAEL,WAAWC,EAAOC,EAAOC,EAAWC,E,CAEpD,UAAWH,IAAU,UAAYV,EAAuBU,EAAO,KAAO,OAASR,EAAoBQ,KAAW,MAAO,CACpHK,EAAS,0BAA0BL,uF,CAEpC,UAAWA,IAAU,UAAYA,EAAMX,OAAS,GAAI,CACnDiB,EAAS,8D,GAGXC,aAAapB,EAAAQ,EAAQG,SAAK,MAAAX,SAAA,SAAAA,EAAEoB,cAG/B,CAEA,MAAMC,EAAe,IAAIC,IAAI,CAAC,W,MACjBC,EAAgB,CAACR,EAAsCF,EAAuBL,EAA8B,MACxHgB,EAAeT,EAAW,UAAWF,UAAiBA,IAAU,UAAUQ,EAAcR,EAAON,EAAqBC,GAAS,E,MAOjHiB,EAA8BF,S","ignoreList":[]}

package/dist/kolibri/open-20d08415.js

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

package/dist/kolibri/open-20d08415.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateOpen","component","value","options","watchBoolean"],"sources":["src/schema/props/open.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchBooleanOptions } from '../utils';\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type OpenPropType = boolean;\n\n/**\n * Opens/expands the element when truthy, closes/collapses when falsy.\n */\nexport type PropOpen = {\n\topen: OpenPropType;\n};\n\n/* validator */\nexport const validateOpen = (component: Generic.Element.Component, value: OpenPropType | undefined, options?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_open', value, options);\n};\n"],"mappings":";;;wDAgBaA,EAAe,CAACC,EAAsCC,EAAiCC,KACnGC,EAAaH,EAAW,QAASC,EAAOC,EAAQ,S","ignoreList":[]}

package/dist/kolibri/prop.validators-9feb1d92.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{f as e,P as t,k as n}from"./index-da3e0c00.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,p=(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 y=new Set,b=(e,t)=>{(!1===y.has(e)||(null==t?void 0:t.force))&&(y.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&&b(`[${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*)$/,pe=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,ye=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(pe.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},be=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=be;export{Ne as A,Oe as B,je as C,be as D,Le as K,s as a,le as b,h as c,L as d,g as e,p as f,ce as g,m as h,fe as i,c as j,ue as k,d as l,ye as m,f as n,te as o,ge as p,re as q,Q as r,ie as s,ne as t,b as u,Se as v,se as w,me as x,we as y,Te as z};

package/dist/kolibri/rows-26af6558.js

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

package/dist/kolibri/show-484b637e.js

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

package/dist/kolibri/spell-check-60fa0b9f.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{b as e}from"./prop.validators-9feb1d92.js";const a=(a,o)=>{e(a,"_spellCheck",o,{defaultValue:void 0})};export{a as v};

package/dist/kolibri/spell-check-60fa0b9f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateSpellCheck","component","value","watchBoolean","defaultValue","undefined"],"sources":["src/schema/props/spell-check.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\nexport type SpellCheckPropType = boolean;\n\n/**\n * Defines whether the browser should check the spelling and grammar.\n */\nexport type PropSpellCheck = {\n\tspellCheck: SpellCheckPropType;\n};\n\n/* validator */\nexport const validateSpellCheck = (component: Generic.Element.Component, value?: SpellCheckPropType): void => {\n\twatchBoolean(component, '_spellCheck', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"mappings":";;;wDAeaA,EAAqB,CAACC,EAAsCC,KACxEC,EAAaF,EAAW,cAAeC,EAAO,CAC7CE,aAAcC,WACb,S","ignoreList":[]}

package/dist/kolibri/suggestions-f139f5ec.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{g as s,a as e}from"./prop.validators-9feb1d92.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-a0b4dca2.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-2153bd8a.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};

package/dist/kolibri/tooltip-align-8e0fa436.js

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

package/dist/kolibri/tslib.es6-1173d062.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","SuppressedError","error","suppressed","message","Error","name"],"sources":["../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n    return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n    ownKeys = Object.getOwnPropertyNames || function (o) {\r\n        var ar = [];\r\n        for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n        return ar;\r\n    };\r\n    return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n    if (value !== null && value !== void 0) {\r\n        if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n        var dispose, inner;\r\n        if (async) {\r\n            if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n            dispose = value[Symbol.asyncDispose];\r\n        }\r\n        if (dispose === void 0) {\r\n            if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n            dispose = value[Symbol.dispose];\r\n            if (async) inner = dispose;\r\n        }\r\n        if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n        if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n        env.stack.push({ value: value, dispose: dispose, async: async });\r\n    }\r\n    else if (async) {\r\n        env.stack.push({ async: true });\r\n    }\r\n    return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n    var e = new Error(message);\r\n    return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n    function fail(e) {\r\n        env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n        env.hasError = true;\r\n    }\r\n    var r, s = 0;\r\n    function next() {\r\n        while (r = env.stack.pop()) {\r\n            try {\r\n                if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n                if (r.dispose) {\r\n                    var result = r.dispose.call(r.value);\r\n                    if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n                }\r\n                else s |= 1;\r\n            }\r\n            catch (e) {\r\n                fail(e);\r\n            }\r\n        }\r\n        if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n        if (env.hasError) throw env.error;\r\n    }\r\n    return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n    if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n        return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n            return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n        });\r\n    }\r\n    return path;\r\n}\r\n\r\nexport default {\r\n    __extends: __extends,\r\n    __assign: __assign,\r\n    __rest: __rest,\r\n    __decorate: __decorate,\r\n    __param: __param,\r\n    __esDecorate: __esDecorate,\r\n    __runInitializers: __runInitializers,\r\n    __propKey: __propKey,\r\n    __setFunctionName: __setFunctionName,\r\n    __metadata: __metadata,\r\n    __awaiter: __awaiter,\r\n    __generator: __generator,\r\n    __createBinding: __createBinding,\r\n    __exportStar: __exportStar,\r\n    __values: __values,\r\n    __read: __read,\r\n    __spread: __spread,\r\n    __spreadArrays: __spreadArrays,\r\n    __spreadArray: __spreadArray,\r\n    __await: __await,\r\n    __asyncGenerator: __asyncGenerator,\r\n    __asyncDelegator: __asyncDelegator,\r\n    __asyncValues: __asyncValues,\r\n    __makeTemplateObject: __makeTemplateObject,\r\n    __importStar: __importStar,\r\n    __importDefault: __importDefault,\r\n    __classPrivateFieldGet: __classPrivateFieldGet,\r\n    __classPrivateFieldSet: __classPrivateFieldSet,\r\n    __classPrivateFieldIn: __classPrivateFieldIn,\r\n    __addDisposableResource: __addDisposableResource,\r\n    __disposeResources: __disposeResources,\r\n    __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n"],"mappings":";;;AA0CO,SAASA,EAAOC,EAAGC,GACtB,IAAIC,EAAI,GACR,IAAK,IAAIC,KAAKH,EAAG,GAAII,OAAOC,UAAUC,eAAeC,KAAKP,EAAGG,IAAMF,EAAEO,QAAQL,GAAK,EAC9ED,EAAEC,GAAKH,EAAEG,GACb,GAAIH,GAAK,aAAeI,OAAOK,wBAA0B,WACrD,IAAK,IAAIC,EAAI,EAAGP,EAAIC,OAAOK,sBAAsBT,GAAIU,EAAIP,EAAEQ,OAAQD,IAAK,CACpE,GAAIT,EAAEO,QAAQL,EAAEO,IAAM,GAAKN,OAAOC,UAAUO,qBAAqBL,KAAKP,EAAGG,EAAEO,IACvER,EAAEC,EAAEO,IAAMV,EAAEG,EAAEO,GAC9B,CACI,OAAOR,CACX,QAoR8BW,kBAAoB,WAAaA,gBAAkB,SAAUC,EAAOC,EAAYC,GAC1G,IAAIf,EAAI,IAAIgB,MAAMD,GAClB,OAAOf,EAAEiB,KAAO,kBAAmBjB,EAAEa,MAAQA,EAAOb,EAAEc,WAAaA,EAAYd,CACnF,S","ignoreList":[]}

package/dist/kolibri/validation-0c197148.js

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

package/dist/kolibri/validation-14b61e5a.js

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

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideErrorPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
+import type { AccessKeyPropType, AdjustHeightPropType, ButtonProps, HideMsgPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, ShortKeyPropType, StencilUnknown, Stringified, TooltipAlignPropType } from '../../../schema';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import type { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import type { Props, Watches } from './types';
@@ -12,8 +12,7 @@ export declare class InputController extends ControlledInputController implement
     validateAdjustHeight(value?: AdjustHeightPropType): void;
     validateDisabled(value?: boolean): void;
     validateTooltipAlign(value?: TooltipAlignPropType): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateId(value?: string): void;
@@ -24,6 +23,7 @@ export declare class InputController extends ControlledInputController implement
     validateSmartButton(value?: ButtonProps | string): void;
     validateTabIndex(value?: number): void;
     componentWillLoad(): void;
+    private emitEvent;
     protected onBlur(event: Event): void;
     protected onChange(event: Event, value?: StencilUnknown): void;
     protected onInput(event: Event, shouldSetFormAssociatedValue?: boolean, value?: StencilUnknown): void;

package/dist/types/components/@deprecated/input/types.d.ts

@@ -5,8 +5,7 @@ type OptionalProps = PropLabelWithExpertSlot & {
     accessKey: AccessKeyPropType;
     adjustHeight: boolean;
     disabled: boolean;
-    error: string;
-    hideError: boolean;
+    hideMsg: boolean;
     hideLabel: boolean;
     hint: string;
     id: string;

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

@@ -1,10 +1,10 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AccordionAPI, AccordionStates, AccordionCallbacksPropType, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType, OpenPropType } from '../../schema';
 export declare class KolAccordion implements AccordionAPI, FocusableElement {
+    private readonly host?;
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private handleOnClick;
     render(): JSX.Element;

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

@@ -1,6 +1,7 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { AlertAPI, AlertStates, AlertType, AlertVariant, HasCloserPropType, HeadingLevel, KoliBriAlertEventCallbacks, LabelPropType } from '../../schema';
 export declare class KolAlertWc implements AlertAPI {
+    private readonly host?;
     private readonly close;
     private readonly handleAlertTimeout;
     render(): JSX.Element;

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

@@ -7,6 +7,7 @@ export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     private readonly catchRef;
     kolFocus(): Promise<void>;
     private readonly onClick;
+    private readonly onMouseDown;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: AccessKeyPropType;

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

@@ -4,7 +4,6 @@ export declare class KolButton implements ButtonProps, FocusableElement {
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<Stringified<StencilUnknown> | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;

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

@@ -4,7 +4,6 @@ export declare class KolButtonLink implements ButtonLinkProps, FocusableElement
     private buttonWcRef?;
     private readonly catchRef;
     getValue(): Promise<Stringified<StencilUnknown> | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     render(): JSX.Element;
     _accessKey?: AccessKeyPropType;

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

@@ -1,6 +1,7 @@
 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 host?;
     private readonly close;
     private readonly on;
     render(): JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { ComboboxAPI, ComboboxStates, HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ComboboxAPI, ComboboxStates, HideMsgPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolCombobox implements ComboboxAPI {
     private readonly host?;
@@ -16,6 +16,8 @@ export declare class KolCombobox implements ComboboxAPI {
     private moveFocus;
     private focusOption;
     private focusSuggestionStartingWith;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly controller;
@@ -25,9 +27,8 @@ export declare class KolCombobox implements ComboboxAPI {
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;
-    _alert?: boolean;
     _disabled?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -50,9 +51,8 @@ export declare class KolCombobox implements ComboboxAPI {
     private showAsAlert;
     validatePlaceholder(value?: string): void;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateDisabled(value?: boolean): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/component-list.d.ts

@@ -1,2 +1,16 @@
-import { KolButtonGroup } from './button-group/shadow';
-export declare const COMPONENTS: (typeof KolButtonGroup)[];
+import { KolAbbr } from './abbr/shadow';
+import { KolAlert } from './alert/shadow';
+import { KolForm } from './form/shadow';
+import { KolImage } from './image/shadow';
+import { KolKolibri } from './kolibri/shadow';
+import { KolLink } from './link/shadow';
+import { KolLinkButton } from './link-button/shadow';
+import { KolLinkWc } from './link/component';
+import { KolPagination } from './pagination/shadow';
+import { KolPopover } from './popover/component';
+import { KolProcess } from './progress/shadow';
+import { KolQuote } from './quote/shadow';
+import { KolSpin } from './spin/shadow';
+import { KolToastContainer } from './toaster/shadow';
+import { KolTree } from './tree/shadow';
+export declare const COMPONENTS: (typeof KolAbbr | typeof KolAlert | typeof KolForm | typeof KolImage | typeof KolKolibri | typeof KolLink | typeof KolLinkButton | typeof KolLinkWc | typeof KolPagination | typeof KolPopover | typeof KolProcess | typeof KolQuote | typeof KolSpin | typeof KolToastContainer | typeof KolTree)[];

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

@@ -1,11 +1,10 @@
 import { type JSX } from '../../stencil-public-runtime';
-import type { DetailsCallbacksPropType, DetailsAPI, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';
+import type { DetailsAPI, DetailsCallbacksPropType, DetailsStates, DisabledPropType, FocusableElement, HeadingLevel, LabelPropType } from '../../schema';
 export declare class KolDetails implements DetailsAPI, FocusableElement {
     private readonly host?;
     private readonly nonce;
     private buttonWcRef?;
     private readonly catchRef;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private toggleTimeout?;
     private handleOnClick;

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

@@ -1,7 +1,7 @@
-import type { KoliBriModalEventCallbacks, LabelPropType, DrawerAPI, AlignPropType, OpenPropType, ModalPropType, DrawerStates } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolDrawer implements DrawerAPI {
-    hostElement?: HTMLElement;
+    private readonly host?;
     private dialogElement?;
     private dialogWrapperElement?;
     open(): Promise<void>;
@@ -13,18 +13,17 @@ export declare class KolDrawer implements DrawerAPI {
     _open?: OpenPropType;
     _align?: AlignPropType;
     _label: LabelPropType;
-    _modal?: ModalPropType;
     _on?: KoliBriModalEventCallbacks;
     state: DrawerStates;
     validateLabel(value?: LabelPropType): void;
     validateAlign(value?: AlignPropType): void;
-    validateModal(value?: ModalPropType): void;
-    validateOpen(value?: OpenPropType): Promise<void>;
+    validateOpen(value?: OpenPropType): void;
+    private openOrCloseBasedOnState;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     private handleCloseDialog;
     private handleClose;
     private handleAnimationEnd;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    componentWillLoad(): Promise<void>;
+    componentWillLoad(): void;
 }

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

@@ -1,13 +1,18 @@
 import type { JSX } from '../../stencil-public-runtime';
 import type { ErrorListPropType, FormAPI, FormStates, KoliBriFormCallbacks, Stringified } from '../../schema';
 export declare class KolForm implements FormAPI {
-    errorListElement?: HTMLElement;
+    private readonly host?;
+    errorListBlock?: HTMLElement;
+    errorListFirstLink?: HTMLElement;
     private readonly onSubmit;
     private readonly onReset;
     private readonly handleLinkClick;
+    private readonly setBlockElement;
+    private readonly setFirstLinkElement;
     private renderErrorList;
     private renderFormElement;
     render(): JSX.Element;
+    private scrollToErrorList;
     focusErrorList(): Promise<void>;
     _on?: KoliBriFormCallbacks;
     _requiredText?: Stringified<boolean>;

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

@@ -14,7 +14,7 @@ export declare class KolInputWc implements Props {
     _currentLength?: number;
     _disabled?: boolean;
     _hasCounter?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: KoliBriHorizontalIcons;

package/dist/types/components/input/types.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropAlert, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
+import type { ButtonProps, KoliBriHorizontalIcons, MsgPropType, PropAccessKey, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropReadOnly, PropRequired, PropShortKey, PropSuggestions, PropSyncValueBySelector, PropTooltipAlign, PropTouched, Stringified } from '../../schema';
 type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
     currentLength: number;
@@ -9,6 +9,6 @@ type OptionalProps = {
     msg: MsgPropType;
     slotName: string;
     smartButton: Stringified<ButtonProps>;
-} & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropReadOnly & PropRequired & PropShortKey & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/input-adapter-leanup/controller.d.ts

@@ -4,7 +4,6 @@ import type { Props, Watches } from './types';
 export declare class ControlledInputController extends AssociatedInputController implements Watches {
     protected readonly component: Generic.Element.Component & Props;
     constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-    validateAlert(value?: boolean): void;
     validateTouched(value?: boolean): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -1,7 +1,6 @@
 import type { Generic } from 'adopted-style-sheets';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-    alert: boolean;
     touched: boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/components/input-checkbox/shadow.d.ts

@@ -1,22 +1,22 @@
-import type { CheckedPropType, HideErrorPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
-import type { FocusableElement } from '../../schema/interfaces/FocusableElement';
+import type { CheckedPropType, FocusableElement, HideMsgPropType, IdPropType, IndeterminatePropType, InputCheckboxAPI, InputCheckboxIconsProp, InputCheckboxStates, InputCheckboxVariant, InputTypeOnDefault, LabelAlignPropType, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     private getModelValue;
     getValue(): Promise<StencilUnknown>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getFieldControlProps;
+    private getInputProps;
+    private getIcon;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _checked?: boolean;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _disabled?: boolean;
-    _error?: string;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<InputCheckboxIconsProp>;
@@ -40,11 +40,9 @@ export declare class KolInputCheckbox implements InputCheckboxAPI, FocusableElem
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateChecked(value?: CheckedPropType): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;

package/dist/types/components/input-color/shadow.d.ts

@@ -1,20 +1,22 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputColorAPI, InputColorStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputColor implements InputColorAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
+    private readonly onBlur;
+    private readonly onFocus;
+    private readonly onInput;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -36,11 +38,9 @@ export declare class KolInputColor implements InputColorAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;

package/dist/types/components/input-date/shadow.d.ts

@@ -1,27 +1,28 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { ButtonProps, FocusableElement, HideMsgPropType, IdPropType, InputDateAPI, InputDateStates, InputDateType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ReadOnlyPropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputDate implements InputDateAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private _initialValueType;
     private readonly catchRef;
     getValue(): Promise<string | Date | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     reset(): Promise<void>;
     private setInitialValueType;
     private remapValue;
+    private readonly onBlur;
+    private readonly onFocus;
     private readonly onChange;
     private readonly onInput;
     private readonly onKeyDown;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
-    _hideError?: boolean;
+    _hideMsg?: boolean;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<KoliBriHorizontalIcons>;
@@ -49,11 +50,9 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
-    validateHideError(value?: HideErrorPropType): void;
+    validateHideMsg(value?: HideMsgPropType): void;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;
     validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;