@public-ui/components 3.0.0-rc.1 → 3.0.0-rc.3

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,u+lCAAuCJ,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,uthCAAuCJ,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/msg-0c13cf1c.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{o as r,p as o,w as t}from"./prop.validators-9feb1d92.js";import{b as n}from"./common-54bf85ba.js";function e(r){return Object.entries(r).reduce(((r,[t,e])=>{const n=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},r),{[n]:e})}),{})}const i=(e,i)=>{r(i,(()=>{try{i=o(i)}catch(r){}t(e,"_msg",(r=>n(r)&&"string"==typeof(null==r?void 0:r._description)),new Set(["MsgPropType"]),i,{defaultValue:{_description:"",_type:"error"}})}))};function u(r){return!r||"error"===r._type&&!r._description}function s(r){if(r&&!u(r))return e(r)}function c(r,t){return Boolean((null==r?void 0:r.description)&&(null==r?void 0:r.description.length)>0)&&(!0===t||"error"!==(null==r?void 0:r.type))}export{s as a,c,i as v};

package/dist/kolibri/msg-0c13cf1c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["transformObjectProperties","obj","Object","entries","reduce","acc","key","value","newKey","startsWith","slice","assign","validateMsg","component","objectObjectHandler","parseJson","e","watchValidator","isObject","_description","Set","defaultValue","_type","isMsgEmpty","msg","convertMsgToInternMsg","undefined","checkHasError","touched","hasValidMsg","Boolean","description","length","showMsg","type"],"sources":["src/utils/transformObjectProperties.ts","src/schema/props/msg.ts"],"sourcesContent":["/**\n * Transforms keys with leading underscores, keeping non-underscore keys unchanged.\n *\n * @template K The original key type\n * @returns Transformed key type\n */\ntype TransformKeys<K> = K extends `_${infer Rest}` ? Rest : K;\n\n/**\n * Transforms object properties by removing leading underscores from key names.\n *\n * This method is useful for converting objects from a naming convention with leading underscores\n * (often used for private or internal properties) to a standard naming format.\n *\n * @param obj The input object with potential underscore prefixes\n * @returns A new object with underscores removed from key names\n *\n * @example\n * // Converts object with underscore-prefixed keys\n * const input = { _name: 'John', _age: 30 };\n * const result = transformObjectProperties(input);\n * // result is { name: 'John', age: 30 }\n */\nexport function transformObjectProperties<T extends Record<string, unknown>>(\n\tobj: T,\n): {\n\t[K in keyof T as TransformKeys<K>]: T[K];\n} {\n\treturn Object.entries(obj).reduce(\n\t\t(acc, [key, value]) => {\n\t\t\tconst newKey = key.startsWith('_') ? key.slice(1) : key;\n\t\t\treturn {\n\t\t\t\t...acc,\n\t\t\t\t[newKey]: value,\n\t\t\t};\n\t\t},\n\t\t{} as {\n\t\t\t[K in keyof T as TransformKeys<K>]: T[K];\n\t\t},\n\t);\n}\n","import type { Generic } from 'adopted-style-sheets';\nimport type { AlertProps, InternalAlertProps } from '../components';\nimport type { Stringified } from '../types';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject } from '../validators';\nimport { transformObjectProperties } from '../../utils/transformObjectProperties';\n\n/* types */\nexport type MsgPropType = AlertProps & {\n\t_description: string;\n};\n\nexport type InternMsgPropType = Partial<\n\tInternalAlertProps & {\n\t\tdescription: string;\n\t}\n>;\n\n/**\n * Defines the properties for a message rendered as Alert component.\n */\nexport type PropMsg = {\n\tmsg: MsgPropType;\n};\n\n/* validator */\nexport const validateMsg = (component: Generic.Element.Component, value?: Stringified<MsgPropType>): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<MsgPropType>(value);\n\t\t\t// eslint-disable-next-line no-empty\n\t\t} catch (e) {\n\t\t\t// value keeps original value\n\t\t}\n\t\twatchValidator<MsgPropType>(\n\t\t\tcomponent,\n\t\t\t`_msg`,\n\t\t\t(value) => isObject(value) && typeof value?._description === 'string',\n\t\t\tnew Set(['MsgPropType']),\n\t\t\tvalue as MsgPropType,\n\t\t\t{\n\t\t\t\tdefaultValue: {\n\t\t\t\t\t_description: '',\n\t\t\t\t\t_type: 'error',\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t});\n};\n\nexport function isMsgEmpty(msg?: MsgPropType): boolean {\n\tif (!msg) {\n\t\treturn true;\n\t}\n\n\treturn msg._type === 'error' && !msg._description;\n}\n\nexport function convertMsgToInternMsg(msg?: MsgPropType): InternMsgPropType | undefined {\n\tif (!msg || isMsgEmpty(msg)) {\n\t\treturn undefined;\n\t}\n\n\treturn transformObjectProperties(msg);\n}\n\nexport function checkHasError(msg?: InternMsgPropType, touched?: boolean): boolean {\n\t/**\n\t * We support 5 types of messages:\n\t * - default\n\t * - info\n\t * - success\n\t * - warning\n\t * - error\n\t *\n\t * The message is shown if:\n\t * - the message text is not an empty string\n\t * - we show only one message at a time\n\t * - by error messages the input must be touched\n\t */\n\tconst hasValidMsg = Boolean(msg?.description && msg?.description.length > 0);\n\tconst showMsg = hasValidMsg && (touched === true || msg?.type !== 'error');\n\n\treturn showMsg;\n}\n"],"mappings":";;;kHAuBgBA,EACfC,GAIA,OAAOC,OAAOC,QAAQF,GAAKG,QAC1B,CAACC,GAAMC,EAAKC,MACX,MAAMC,EAASF,EAAIG,WAAW,KAAOH,EAAII,MAAM,GAAKJ,EACpD,OAAAJ,OAAAS,OAAAT,OAAAS,OAAA,GACIN,GAAG,CACNG,CAACA,GAASD,GAAK,GAGjB,GAIF,C,MCdaK,EAAc,CAACC,EAAsCN,KACjEO,EAAoBP,GAAO,KAC1B,IACCA,EAAQQ,EAAuBR,E,CAE9B,MAAOS,G,CAGTC,EACCJ,EACA,QACCN,GAAUW,EAASX,WAAiBA,IAAK,MAALA,SAAK,SAALA,EAAOY,gBAAiB,UAC7D,IAAIC,IAAI,CAAC,gBACTb,EACA,CACCc,aAAc,CACbF,aAAc,GACdG,MAAO,UAGT,GACA,E,SAGaC,EAAWC,GAC1B,IAAKA,EAAK,CACT,OAAO,I,CAGR,OAAOA,EAAIF,QAAU,UAAYE,EAAIL,YACtC,C,SAEgBM,EAAsBD,GACrC,IAAKA,GAAOD,EAAWC,GAAM,CAC5B,OAAOE,S,CAGR,OAAO1B,EAA0BwB,EAClC,C,SAEgBG,EAAcH,EAAyBI,GActD,MAAMC,EAAcC,SAAQN,IAAG,MAAHA,SAAG,SAAHA,EAAKO,eAAeP,IAAG,MAAHA,SAAG,SAAHA,EAAKO,YAAYC,QAAS,GAC1E,MAAMC,EAAUJ,IAAgBD,IAAY,OAAQJ,IAAG,MAAHA,SAAG,SAAHA,EAAKU,QAAS,SAElE,OAAOD,CACR,Q","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-c5e6ad2d.js → prop.validators-9feb1d92.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-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};
+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/{suggestions-33f55ec2.js → suggestions-f139f5ec.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-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};
+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-336d0fea.js";const t=class{constructor(t){s(this,t)}};export{t as test_component};
+import{r as s}from"./index-095473f8.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/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

@@ -12,7 +12,6 @@ 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;
     validateHideLabel(value?: boolean): void;
     validateHint(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,7 +5,6 @@ type OptionalProps = PropLabelWithExpertSlot & {
     accessKey: AccessKeyPropType;
     adjustHeight: boolean;
     disabled: boolean;
-    error: string;
     hideError: boolean;
     hideLabel: boolean;
     hint: 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

@@ -25,7 +25,6 @@ export declare class KolCombobox implements ComboboxAPI {
     handleWindowClick(event: MouseEvent): void;
     _accessKey?: string;
     _placeholder?: string;
-    _alert?: boolean;
     _disabled?: boolean;
     _hideError?: boolean;
     _hideLabel?: boolean;
@@ -50,7 +49,6 @@ 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;
     validateHideLabel(value?: boolean): 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 { KolLinkButton } from './link-button/shadow';
+import { KolLinkWc } from './link/component';
+import { KolLink } from './link/shadow';
+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 KolLinkButton | typeof KolLinkWc | typeof KolLink | 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,16 @@
 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 renderErrorList;
     private renderFormElement;
     render(): JSX.Element;
+    private scrollToErrorList;
     focusErrorList(): Promise<void>;
     _on?: KoliBriFormCallbacks;
     _requiredText?: Stringified<boolean>;

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, PropHideError, 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 & PropHideError & 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, HideErrorPropType, 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;
     _disabled?: boolean;
-    _error?: string;
     _hideLabel?: boolean;
     _hint?: string;
     _icons?: Stringified<InputCheckboxIconsProp>;
@@ -40,10 +40,8 @@ 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;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;

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

@@ -4,16 +4,18 @@ 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;
     _hideLabel?: boolean;
     _hint?: string;
@@ -36,10 +38,8 @@ 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;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;

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

@@ -6,21 +6,22 @@ export declare class KolInputDate implements InputDateAPI, FocusableElement {
     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;
     _hideLabel?: boolean;
     _hint?: string;
@@ -49,10 +50,8 @@ 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;
     validateHideLabel(value?: boolean): void;
     validateHint(value?: string): void;

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

@@ -1,21 +1,20 @@
-import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { ButtonProps, FocusableElement, HideErrorPropType, IdPropType, InputEmailAPI, InputEmailStates, InputTypeOnDefault, InputTypeOnOff, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, MultiplePropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     private readonly host?;
     private inputRef?;
     private readonly catchRef;
     getValue(): Promise<string | undefined>;
-    focus(): Promise<void>;
     kolFocus(): Promise<void>;
     private readonly onKeyDown;
     private readonly onInput;
+    private getFormFieldProps;
+    private getInputProps;
     render(): JSX.Element;
     private readonly controller;
     _accessKey?: string;
-    _alert?: boolean;
     _autoComplete?: InputTypeOnOff;
     _disabled?: boolean;
-    _error?: string;
     _hasCounter?: boolean;
     _hideError?: boolean;
     _hideLabel?: boolean;
@@ -45,10 +44,8 @@ export declare class KolInputEmail implements InputEmailAPI, FocusableElement {
     constructor();
     private showAsAlert;
     validateAccessKey(value?: string): void;
-    validateAlert(value?: boolean): void;
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateDisabled(value?: boolean): void;
-    validateError(value?: string): void;
     validateHasCounter(value?: boolean): void;
     validateHideError(value?: HideErrorPropType): void;
     validateHideLabel(value?: boolean): void;

package/dist/types/components/input-file/controller.d.ts

@@ -7,6 +7,5 @@ export declare class InputFileController extends InputIconController implements
     validateAccept(value?: string): void;
     validateMultiple(value?: boolean): void;
     validateRequired(value?: boolean): void;
-    validateValue(value?: string): void;
     componentWillLoad(): void;
 }