@public-ui/components 3.0.0-rc.9 → 3.0.1-3b313a0f2df6c512e868df86f443d016defc56fa.0

package/dist/kolibri/color-1228dab7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorName","aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkgrey","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkslategrey","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dimgrey","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","grey","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightslategrey","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","slategrey","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen","names","require$$0","colorParse","parse","baseHues","cstr","m","parts","alpha","space","toLowerCase","slice","test","base","size","length","isShort","parseInt","exec","name","isRGB","replace","trim","split","map","x","i","parseFloat","undefined","push","match","value","join","isNaN","Array","isArray","Object","r","R","g","G","b","B","h","hue","H","s","saturation","S","l","lightness","L","brightness","a","opacity","values","colorRgba","rgba","color","raw","String","apply","arguments","parsed","min","max","Math","hsl2rgb","hsl","t1","t2","t3","rgb","val","getContrastYIQ","yiq","calcColorContrast","baseColor","contrastColor","ratio","dir","round","contrast","hex","rgbaConvert","summe","background","foreground","cache","Map","getColorContrast","has","get","set","createContrastColorPair","contrastRatio","colorContrast","HEX_REGEX","isHexString","isColorObjectString","startsWith","JSON","isValidColorPair","type","error","typeOfColor","valid","colorObject","asColorPair","backgroundColor","foregroundColor","primary","secondary","neutral","validatorFunction","valueType","validateColor","component","options","watchValidator","Set","handleColorChange","_a","Log","warn","stringify","a11yHint"],"sources":["../../node_modules/.pnpm/color-name@1.1.4/node_modules/color-name/index.js","../../node_modules/.pnpm/color-parse@1.4.3/node_modules/color-parse/index.js","../../node_modules/.pnpm/color-rgba@2.4.0/node_modules/color-rgba/index.js","src/schema/utils/contrast/contrast.ts","src/schema/props/color.ts"],"sourcesContent":["'use strict'\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 112, 147],\r\n\t\"papayawhip\": [255, 239, 213],\r\n\t\"peachpuff\": [255, 218, 185],\r\n\t\"peru\": [205, 133, 63],\r\n\t\"pink\": [255, 192, 203],\r\n\t\"plum\": [221, 160, 221],\r\n\t\"powderblue\": [176, 224, 230],\r\n\t\"purple\": [128, 0, 128],\r\n\t\"rebeccapurple\": [102, 51, 153],\r\n\t\"red\": [255, 0, 0],\r\n\t\"rosybrown\": [188, 143, 143],\r\n\t\"royalblue\": [65, 105, 225],\r\n\t\"saddlebrown\": [139, 69, 19],\r\n\t\"salmon\": [250, 128, 114],\r\n\t\"sandybrown\": [244, 164, 96],\r\n\t\"seagreen\": [46, 139, 87],\r\n\t\"seashell\": [255, 245, 238],\r\n\t\"sienna\": [160, 82, 45],\r\n\t\"silver\": [192, 192, 192],\r\n\t\"skyblue\": [135, 206, 235],\r\n\t\"slateblue\": [106, 90, 205],\r\n\t\"slategray\": [112, 128, 144],\r\n\t\"slategrey\": [112, 128, 144],\r\n\t\"snow\": [255, 250, 250],\r\n\t\"springgreen\": [0, 255, 127],\r\n\t\"steelblue\": [70, 130, 180],\r\n\t\"tan\": [210, 180, 140],\r\n\t\"teal\": [0, 128, 128],\r\n\t\"thistle\": [216, 191, 216],\r\n\t\"tomato\": [255, 99, 71],\r\n\t\"turquoise\": [64, 224, 208],\r\n\t\"violet\": [238, 130, 238],\r\n\t\"wheat\": [245, 222, 179],\r\n\t\"white\": [255, 255, 255],\r\n\t\"whitesmoke\": [245, 245, 245],\r\n\t\"yellow\": [255, 255, 0],\r\n\t\"yellowgreen\": [154, 205, 50]\r\n};\r\n","/**\n * @module color-parse\n */\n\n'use strict'\n\nvar names = require('color-name')\n\nmodule.exports = parse\n\n/**\n * Base hues\n * http://dev.w3.org/csswg/css-color/#typedef-named-hue\n */\n//FIXME: use external hue detector\nvar baseHues = {\n\tred: 0,\n\torange: 60,\n\tyellow: 120,\n\tgreen: 180,\n\tblue: 240,\n\tpurple: 300\n}\n\n/**\n * Parse color from the string passed\n *\n * @return {Object} A space indicator `space`, an array `values` and `alpha`\n */\nfunction parse(cstr) {\n\tvar m, parts = [], alpha = 1, space\n\n\tif (typeof cstr === 'string') {\n\t\tcstr = cstr.toLowerCase();\n\n\t\t//keyword\n\t\tif (names[cstr]) {\n\t\t\tparts = names[cstr].slice()\n\t\t\tspace = 'rgb'\n\t\t}\n\n\t\t//reserved words\n\t\telse if (cstr === 'transparent') {\n\t\t\talpha = 0\n\t\t\tspace = 'rgb'\n\t\t\tparts = [0, 0, 0]\n\t\t}\n\n\t\t//hex\n\t\telse if (/^#[A-Fa-f0-9]+$/.test(cstr)) {\n\t\t\tvar base = cstr.slice(1)\n\t\t\tvar size = base.length\n\t\t\tvar isShort = size <= 4\n\t\t\talpha = 1\n\n\t\t\tif (isShort) {\n\t\t\t\tparts = [\n\t\t\t\t\tparseInt(base[0] + base[0], 16),\n\t\t\t\t\tparseInt(base[1] + base[1], 16),\n\t\t\t\t\tparseInt(base[2] + base[2], 16)\n\t\t\t\t]\n\t\t\t\tif (size === 4) {\n\t\t\t\t\talpha = parseInt(base[3] + base[3], 16) / 255\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tparts = [\n\t\t\t\t\tparseInt(base[0] + base[1], 16),\n\t\t\t\t\tparseInt(base[2] + base[3], 16),\n\t\t\t\t\tparseInt(base[4] + base[5], 16)\n\t\t\t\t]\n\t\t\t\tif (size === 8) {\n\t\t\t\t\talpha = parseInt(base[6] + base[7], 16) / 255\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (!parts[0]) parts[0] = 0\n\t\t\tif (!parts[1]) parts[1] = 0\n\t\t\tif (!parts[2]) parts[2] = 0\n\n\t\t\tspace = 'rgb'\n\t\t}\n\n\t\t//color space\n\t\telse if (m = /^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\\s*\\(([^\\)]*)\\)/.exec(cstr)) {\n\t\t\tvar name = m[1]\n\t\t\tvar isRGB = name === 'rgb'\n\t\t\tvar base = name.replace(/a$/, '')\n\t\t\tspace = base\n\t\t\tvar size = base === 'cmyk' ? 4 : base === 'gray' ? 1 : 3\n\t\t\tparts = m[2].trim()\n\t\t\t\t.split(/\\s*[,\\/]\\s*|\\s+/)\n\t\t\t\t.map(function (x, i) {\n\t\t\t\t\t//<percentage>\n\t\t\t\t\tif (/%$/.test(x)) {\n\t\t\t\t\t\t//alpha\n\t\t\t\t\t\tif (i === size) return parseFloat(x) / 100\n\t\t\t\t\t\t//rgb\n\t\t\t\t\t\tif (base === 'rgb') return parseFloat(x) * 255 / 100\n\t\t\t\t\t\treturn parseFloat(x)\n\t\t\t\t\t}\n\t\t\t\t\t//hue\n\t\t\t\t\telse if (base[i] === 'h') {\n\t\t\t\t\t\t//<deg>\n\t\t\t\t\t\tif (/deg$/.test(x)) {\n\t\t\t\t\t\t\treturn parseFloat(x)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//<base-hue>\n\t\t\t\t\t\telse if (baseHues[x] !== undefined) {\n\t\t\t\t\t\t\treturn baseHues[x]\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn parseFloat(x)\n\t\t\t\t})\n\n\t\t\tif (name === base) parts.push(1)\n\t\t\talpha = (isRGB) ? 1 : (parts[size] === undefined) ? 1 : parts[size]\n\t\t\tparts = parts.slice(0, size)\n\t\t}\n\n\t\t//named channels case\n\t\telse if (cstr.length > 10 && /[0-9](?:\\s|\\/)/.test(cstr)) {\n\t\t\tparts = cstr.match(/([0-9]+)/g).map(function (value) {\n\t\t\t\treturn parseFloat(value)\n\t\t\t})\n\n\t\t\tspace = cstr.match(/([a-z])/ig).join('').toLowerCase()\n\t\t}\n\t}\n\n\t//numeric case\n\telse if (!isNaN(cstr)) {\n\t\tspace = 'rgb'\n\t\tparts = [cstr >>> 16, (cstr & 0x00ff00) >>> 8, cstr & 0x0000ff]\n\t}\n\n\t//array-like\n\telse if (Array.isArray(cstr) || cstr.length) {\n\t\tparts = [cstr[0], cstr[1], cstr[2]]\n\t\tspace = 'rgb'\n\t\talpha = cstr.length === 4 ? cstr[3] : 1\n\t}\n\n\t//object case - detects css cases of rgb and hsl\n\telse if (cstr instanceof Object) {\n\t\tif (cstr.r != null || cstr.red != null || cstr.R != null) {\n\t\t\tspace = 'rgb'\n\t\t\tparts = [\n\t\t\t\tcstr.r || cstr.red || cstr.R || 0,\n\t\t\t\tcstr.g || cstr.green || cstr.G || 0,\n\t\t\t\tcstr.b || cstr.blue || cstr.B || 0\n\t\t\t]\n\t\t}\n\t\telse {\n\t\t\tspace = 'hsl'\n\t\t\tparts = [\n\t\t\t\tcstr.h || cstr.hue || cstr.H || 0,\n\t\t\t\tcstr.s || cstr.saturation || cstr.S || 0,\n\t\t\t\tcstr.l || cstr.lightness || cstr.L || cstr.b || cstr.brightness\n\t\t\t]\n\t\t}\n\n\t\talpha = cstr.a || cstr.alpha || cstr.opacity || 1\n\n\t\tif (cstr.opacity != null) alpha /= 100\n\t}\n\n\treturn {\n\t\tspace: space,\n\t\tvalues: parts,\n\t\talpha: alpha\n\t}\n}\n","/** @module  color-rgba */\r\n\r\n'use strict'\r\n\r\nvar parse = require('color-parse')\r\n\r\nmodule.exports = function rgba (color) {\r\n\t// template literals\r\n\tif (Array.isArray(color) && color.raw) color = String.raw.apply(null, arguments)\r\n\r\n\tvar values, i, l\r\n\r\n\t//attempt to parse non-array arguments\r\n\tvar parsed = parse(color)\r\n\r\n\tif (!parsed.space) return []\r\n\r\n\tvar min = [0,0,0], max = parsed.space[0] === 'h' ? [360,100,100] : [255,255,255]\r\n\r\n\tvalues = Array(3)\r\n\tvalues[0] = Math.min(Math.max(parsed.values[0], min[0]), max[0])\r\n\tvalues[1] = Math.min(Math.max(parsed.values[1], min[1]), max[1])\r\n\tvalues[2] = Math.min(Math.max(parsed.values[2], min[2]), max[2])\r\n\r\n\tif (parsed.space[0] === 'h') values = hsl2rgb(values)\r\n\r\n\tvalues.push(Math.min(Math.max(parsed.alpha, 0), 1))\r\n\r\n\treturn values\r\n}\r\n\r\n\r\n// excerpt from color-space/hsl\r\nfunction hsl2rgb(hsl) {\r\n\tvar h = hsl[0]/360, s = hsl[1]/100, l = hsl[2]/100, t1, t2, t3, rgb, val, i=0;\r\n\r\n\tif (s === 0) return val = l * 255, [val, val, val];\r\n\r\n\tt2 = l < 0.5 ? l * (1 + s) : l + s - l * s;\r\n\tt1 = 2 * l - t2;\r\n\r\n\trgb = [0, 0, 0];\r\n\tfor (;i<3;) {\r\n\t\tt3 = h + 1 / 3 * - (i - 1);\r\n\t\tt3 < 0 ? t3++ : t3 > 1 && t3--;\r\n\t\tval = 6 * t3 < 1 ? t1 + (t2 - t1) * 6 * t3 :\r\n\t\t2 * t3 < 1 ? t2 :\r\n\t\t3 * t3 < 2 ?  t1 + (t2 - t1) * (2 / 3 - t3) * 6 :\r\n\t\tt1;\r\n\t\trgb[i++] = val * 255;\r\n\t}\r\n\r\n\treturn rgb;\r\n}\r\n","import type { RGB } from 'color-convert/conversions';\nimport { hex } from 'wcag-contrast';\n\nimport { colorRgba } from './color-rgba';\nimport { rgbaConvert } from './rgba-convert';\n\ntype RGBA = [number, number, number, number];\n\n// const calcColor = (color: RGBA, diff: number): RGBA => [\n//   Math.max(Math.min(Math.round(color[0] + (color[0] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[1] + (color[1] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[2] + (color[2] / 100 + 1) * diff), 255), 0),\n//   color[3],\n// ];\n\n// const relativeLuminanceFormel = (c: number): number => {\n//   if (c <= 0.03928) {\n//     return c / 12.92;\n//   } else {\n//     return ((c + 0.055) / 1.055) ** 2.4;\n//   }\n// };\n// // https://www.w3.org/TR/WCAG20/#contrast-ratiodef\n// const relativeLuminance = (r: number, g: number, b: number): number => {\n//   return (\n//     0.2126 * relativeLuminanceFormel(r) + 0.7152 * relativeLuminanceFormel(g) + 0.0722 * relativeLuminanceFormel(b)\n//   );\n// };\n\n// https://css-tricks.com/snippets/javascript/random-hex-color/\n// const randomColor = () => Math.floor(Math.random() * 16777215).toString(16);\n\n// https://24ways.org/2010/calculating-color-contrast/\nexport const getContrastYIQ = (r: number, g: number, b: number): number => {\n\tconst yiq = (r * 299 + g * 587 + b * 114) / 1000;\n\treturn yiq >= 128 ? -1 : 1;\n};\n\ntype ColorPair<T> = {\n\tbackground: T;\n\tforeground: T;\n};\n\nexport type ColorContrast<T> = ColorPair<T> & {\n\tcontrast: number;\n};\n\nexport const calcColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tconst color: RGB = [\n\t\tMath.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),\n\t];\n\tconst contrast = hex(rgbaConvert.hex(`rgba(${baseColor.join(',')},1)`), rgbaConvert.hex(`rgba(${color.join(',')},1)`));\n\tconst summe = color[0] + color[1] + color[2];\n\tif (summe === 0 || summe === 765 || contrast > ratio) {\n\t\treturn {\n\t\t\tbackground: baseColor,\n\t\t\tforeground: color,\n\t\t\tcontrast,\n\t\t};\n\t} else {\n\t\treturn calcColorContrast(baseColor, color, ratio, dir);\n\t}\n};\n\nconst cache: Map<unknown, ColorContrast<RGB>> = new Map();\n\nexport const getColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tif (cache.has(baseColor)) {\n\t\treturn cache.get(baseColor) as ColorContrast<RGB>;\n\t}\n\tconst color = calcColorContrast(baseColor, contrastColor, ratio, dir);\n\tcache.set(baseColor, color);\n\treturn color;\n};\n\nexport const createContrastColorPair = (color: string | ColorPair<string>, contrastRatio = 7): ColorContrast<string> => {\n\tlet baseColor: RGBA = [0, 0, 0, 1];\n\tlet contrastColor: RGBA = [255, 255, 255, 1];\n\tif (typeof color === 'string') {\n\t\tbaseColor = colorRgba(color);\n\t\tcontrastColor = baseColor;\n\t} else if (typeof color === 'object' && color !== null && typeof color.background === 'string' && typeof color.foreground === 'string') {\n\t\tbaseColor = colorRgba(color.background);\n\t\tif (typeof color.foreground === 'string') {\n\t\t\tcontrastColor = colorRgba(color.foreground);\n\t\t} else {\n\t\t\tcontrastColor = baseColor;\n\t\t}\n\t}\n\tconst yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);\n\tconst colorContrast = getColorContrast(\n\t\t[baseColor[0], baseColor[1], baseColor[2]],\n\t\t[contrastColor[0], contrastColor[1], contrastColor[2]],\n\t\tcontrastRatio,\n\t\tyiq,\n\t);\n\tcontrastColor = [...colorContrast.foreground, 1];\n\n\treturn {\n\t\tbackground: rgbaConvert.hex(`rgba(${baseColor.join(',')})`),\n\t\tforeground: rgbaConvert.hex(`rgba(${contrastColor.join(',')})`),\n\t\tcontrast: colorContrast.contrast,\n\t};\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { Stringified } from '../types';\nimport type { ColorContrast, WatchOptions } from '../utils';\nimport { Log } from '../utils';\nimport { a11yHint, createContrastColorPair, watchValidator } from '../utils';\n\n/**\n * Defines the colors for primary, secondary and neutral.\n */\ntype CharacteristicColors = {\n\tprimary: string;\n\tsecondary: string;\n\tneutral: string;\n};\n\n/**\n * Defines the backgroundColor and foregroundColor.\n */\nexport type ColorPair = {\n\tbackgroundColor: string;\n\tforegroundColor: Stringified<CharacteristicColors>;\n};\n\nexport type PropColor = ColorPair;\n\ntype typeOfColorType = 'string' | 'ColorPair' | null;\n\nconst HEX_REGEX = /^#((\\d|[a-f]){8}|(\\d|[a-f]){6}|(\\d|[a-f]){3,4})$/i;\nfunction isHexString(value: string): boolean {\n\treturn HEX_REGEX.test(value);\n}\n/* checks if the string is valid JSON and if the resulting object is a valid ColorPair and returns it, or null if invalid. */\nfunction isColorObjectString(value: string): { type: typeOfColorType; value: PropColor | null } {\n\tif (value.startsWith('{')) {\n\t\ttry {\n\t\t\tconst parsed = JSON.parse(value) as unknown;\n\t\t\tif (isValidColorPair(parsed as ColorPair)) return { type: 'ColorPair', value: parsed as ColorPair };\n\t\t} catch (error) {\n\t\t\treturn { type: null, value: null };\n\t\t}\n\t}\n\treturn { type: null, value: null };\n}\n\nfunction typeOfColor(value?: unknown): { type: typeOfColorType; valid: boolean; value: PropColor | string } {\n\tif (value) {\n\t\tif (typeof value === 'string') {\n\t\t\tif (isHexString(value)) return { type: 'string', valid: true, value: value };\n\t\t\telse {\n\t\t\t\tconst colorObject = isColorObjectString(value);\n\t\t\t\tif (colorObject.value) return { type: colorObject.type, valid: true, value: colorObject.value };\n\t\t\t}\n\t\t} else {\n\t\t\tconst asColorPair = value as ColorPair;\n\t\t\tif (isValidColorPair(asColorPair)) return { type: 'ColorPair', valid: true, value: asColorPair };\n\t\t}\n\t}\n\treturn { type: null, valid: false, value: '' };\n}\n\n/* validate different color options */\nfunction isValidColorPair(value: ColorPair): boolean {\n\treturn !!(\n\t\ttypeof value === 'object' &&\n\t\tvalue &&\n\t\ttypeof value.backgroundColor === 'string' &&\n\t\t(typeof value.foregroundColor === 'string' ||\n\t\t\t(value.foregroundColor &&\n\t\t\t\ttypeof value.foregroundColor.primary === 'string' &&\n\t\t\t\ttypeof value.foregroundColor.secondary === 'string' &&\n\t\t\t\ttypeof value.foregroundColor.neutral === 'string'))\n\t);\n}\n\nfunction validatorFunction(value?: Stringified<PropColor>): boolean {\n\tconst valueType = typeOfColor(value);\n\tswitch (valueType.type) {\n\t\tcase null:\n\t\t\treturn false;\n\t\tcase 'string':\n\t\tcase 'ColorPair':\n\t\t\treturn valueType.valid;\n\t}\n}\n\nexport const validateColor = (component: Generic.Element.Component, value?: Stringified<PropColor>, options?: WatchOptions): void => {\n\twatchValidator(component, '_color', validatorFunction, new Set(['rgb in hex', 'ColorPair']), value, options);\n};\n\nexport const handleColorChange = (value: unknown): ColorPair => {\n\tlet colorContrast: ColorContrast<string>;\n\tconst valueType = typeOfColor(value);\n\tswitch (valueType.type) {\n\t\tcase 'string':\n\t\t\tcolorContrast = createContrastColorPair(valueType.value as string);\n\t\t\tbreak;\n\t\tcase 'ColorPair': {\n\t\t\tconst asColorPair = valueType.value as ColorPair;\n\t\t\tlet foreground = '';\n\t\t\tif (typeof asColorPair.foregroundColor === 'string') foreground = asColorPair.foregroundColor;\n\t\t\telse if (asColorPair.foregroundColor?.primary) foreground = asColorPair.foregroundColor.primary;\n\t\t\tif (!foreground || typeof foreground !== 'string') foreground = '#fff';\n\t\t\tcolorContrast = createContrastColorPair({\n\t\t\t\tbackground: asColorPair.backgroundColor,\n\t\t\t\tforeground,\n\t\t\t});\n\t\t\tbreak;\n\t\t}\n\t\tcase null:\n\t\t\tLog.warn(`_color was empty or invalid (${JSON.stringify(value)})`);\n\t\t\tcolorContrast = createContrastColorPair({\n\t\t\t\tbackground: '#000',\n\t\t\t\tforeground: '#000',\n\t\t\t});\n\t}\n\n\tif (colorContrast.contrast < 7) {\n\t\ta11yHint(\n\t\t\t`[KolBadge] The contrast of ${colorContrast.contrast} (≥7, AAA) is to low, between the color pair ${colorContrast.background} and ${colorContrast.foreground}.`,\n\t\t);\n\t}\n\treturn {\n\t\tbackgroundColor: colorContrast.background,\n\t\tforegroundColor: colorContrast.foreground,\n\t};\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/{component-names-60d77143.js → component-names-799e91e2.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-let l="kol-abbr",t="kol-accordion",e="kol-alert",o="kol-alert-wc",k="kol-avatar",a="kol-avatar-wc",s="kol-badge",n="kol-breadcrumb",i="kol-button-link",r="kol-button",p="kol-button-wc",c="kol-card",b="kol-combobox",u="kol-details",w="kol-drawer",d="kol-form",m="kol-heading",g="kol-icon",v="kol-image",x="kol-input-checkbox",f="kol-input-color",h="kol-input-date",q="kol-input-email",j="kol-input-file",K="kol-input-number",y="kol-input-password",z="kol-input-radio",A="kol-input-range",B="kol-input",C="kol-input-text",D="kol-kolibri",E="kol-link-button",F="kol-link",G="kol-link-wc",H="kol-modal",I="kol-nav",J="kol-pagination",L="kol-popover-wc",M="kol-popover-button",N="kol-popover-button-wc",O="kol-progress",P="kol-quote",Q="kol-select",R="kol-single-select",S="kol-skip-nav",T="kol-spin",U="kol-split-button",V="kol-table-settings-wc",W="kol-table-stateful",X="kol-table-stateless",Y="kol-table-stateless-wc",Z="kol-tabs",$="kol-textarea",_="kol-toast-container",ll="kol-tooltip-wc",tl="kol-tree-item",el="kol-tree-item-wc",ol="kol-tree",kl="kol-tree-wc",al="kol-version";const sl=sl=>{l=sl(l),t=sl(t),e=sl(e),o=sl(o),k=sl(k),a=sl(a),s=sl(s),n=sl(n),i=sl(i),r=sl(r),p=sl(p),c=sl(c),b=sl(b),u=sl(u),w=sl(w),d=sl(d),m=sl(m),g=sl(g),v=sl(v),x=sl(x),f=sl(f),h=sl(h),q=sl(q),j=sl(j),K=sl(K),y=sl(y),z=sl(z),A=sl(A),B=sl(B),C=sl(C),D=sl(D),E=sl(E),F=sl(F),G=sl(G),H=sl(H),I=sl(I),J=sl(J),L=sl(L),M=sl(M),N=sl(N),O=sl(O),P=sl(P),Q=sl(Q),R=sl(R),S=sl(S),T=sl(T),U=sl(U),V=sl(V),W=sl(W),X=sl(X),Y=sl(Y),Z=sl(Z),$=sl($),_=sl(_),sl(ll),ll=sl(ll),tl=sl(tl),el=sl(el),ol=sl(ol),kl=sl(kl),al=sl(al)};export{_ as K,p as a,o as b,a as c,g as d,F as e,G as f,ll as g,d as h,Q as i,N as j,L as k,m as l,x as m,K as n,J as o,Y as p,r as q,kl as r,sl as s,el as t,s as u,V as v,ol as w,tl as x};
+let l="kol-abbr",t="kol-accordion",e="kol-alert",o="kol-alert-wc",k="kol-avatar",a="kol-avatar-wc",s="kol-badge",n="kol-breadcrumb",i="kol-button-link",r="kol-button",p="kol-button-wc",c="kol-card",b="kol-combobox",u="kol-details",w="kol-drawer",d="kol-form",m="kol-heading",g="kol-icon",v="kol-image",x="kol-input-checkbox",f="kol-input-color",h="kol-input-date",q="kol-input-email",j="kol-input-file",K="kol-input-number",y="kol-input-password",z="kol-input-radio",A="kol-input-range",B="kol-input",C="kol-input-text",D="kol-kolibri",E="kol-link-button",F="kol-link",G="kol-link-wc",H="kol-modal",I="kol-nav",J="kol-pagination",L="kol-popover-wc",M="kol-popover-button",N="kol-popover-button-wc",O="kol-progress",P="kol-quote",Q="kol-select",R="kol-single-select",S="kol-skip-nav",T="kol-spin",U="kol-split-button",V="kol-table-settings-wc",W="kol-table-stateful",X="kol-table-stateless",Y="kol-table-stateless-wc",Z="kol-tabs",$="kol-textarea",_="kol-toast-container",ll="kol-tooltip-wc",tl="kol-tree-item",el="kol-tree-item-wc",ol="kol-tree",kl="kol-tree-wc",al="kol-version";const sl=sl=>{l=sl(l),t=sl(t),e=sl(e),o=sl(o),k=sl(k),a=sl(a),s=sl(s),n=sl(n),i=sl(i),r=sl(r),p=sl(p),c=sl(c),b=sl(b),u=sl(u),w=sl(w),d=sl(d),m=sl(m),g=sl(g),v=sl(v),x=sl(x),f=sl(f),h=sl(h),q=sl(q),j=sl(j),K=sl(K),y=sl(y),z=sl(z),A=sl(A),B=sl(B),C=sl(C),D=sl(D),E=sl(E),F=sl(F),G=sl(G),H=sl(H),I=sl(I),J=sl(J),L=sl(L),M=sl(M),N=sl(N),O=sl(O),P=sl(P),Q=sl(Q),R=sl(R),S=sl(S),T=sl(T),U=sl(U),V=sl(V),W=sl(W),X=sl(X),Y=sl(Y),Z=sl(Z),$=sl($),_=sl(_),sl(ll),ll=sl(ll),tl=sl(tl),el=sl(el),ol=sl(ol),kl=sl(kl),al=sl(al)};export{_ as K,p as a,o as b,a as c,g as d,G as e,ll as f,d as g,Q as h,N as i,F as j,L as k,J as l,Y as m,r as n,kl as o,el as p,s as q,m as r,sl as s,x as t,K as u,V as v,ol as w,tl as x};

package/dist/kolibri/controller-460d12d6.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as t,E as i,B as s,i as e}from"./index-ebe5a881.js";import{I as a}from"./controller-icon-86ecd871.js";import{v as h}from"./has-counter-3fc44829.js";const o=["default","visibility-toggle"],r=(e,a)=>{t(e,"_variant",(t=>"string"==typeof t&&o.includes(t)),new Set(o),a)};class l extends a{constructor(t,e,a){super(t,e,a),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateAutoComplete(e){t(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),e)}validateHasCounter(t){h(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateVariant(t){r(this.component,t)}validateMaxLength(t){i(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePattern(t){s(this.component,"_pattern",t)}validatePlaceholder(t){s(this.component,"_placeholder",t)}validateReadOnly(t){e(this.component,"_readOnly",t)}validateRequired(t){e(this.component,"_required",t)}validateValue(t){s(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{l as I};

package/dist/kolibri/{controller-87c98eff.js.map → controller-460d12d6.js.map}

@@ -1 +1 @@
-{"version":3,"names":["PasswordVariantPropTypeOptions","validatePasswordVariant","component","value","watchValidator","includes","Set","InputPasswordController","InputIconController","constructor","name","host","super","this","afterSyncCharCounter","_value","length","state","_currentLength","validateAutoComplete","validateHasCounter","hooks","afterPatch","validateVariant","validateMaxLength","watchNumber","min","validatePattern","watchString","validatePlaceholder","validateReadOnly","watchBoolean","validateRequired","validateValue","setFormAssociatedValue","componentWillLoad","_autoComplete","_hasCounter","_maxLength","_pattern","_placeholder","_readOnly","_required","_variant"],"sources":["src/schema/props/variant/password-variant.ts","src/components/input-password/controller.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nconst PasswordVariantPropTypeOptions = ['default', 'visibility-toggle'] as const;\nexport type PasswordVariantPropType = (typeof PasswordVariantPropTypeOptions)[number];\n\n/**\n * Defines the different variants for displaying the password input.\n */\nexport type PropPasswordVariant = {\n\tvariant: PasswordVariantPropType;\n};\n\n/* validator */\nexport const validatePasswordVariant = (component: Generic.Element.Component, value?: PasswordVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && PasswordVariantPropTypeOptions.includes(value),\n\t\tnew Set(PasswordVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","import type { InputPasswordProps, InputPasswordWatches, InputTypeOnOff } from '../../schema';\nimport { validateHasCounter, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\nimport type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';\nimport { validatePasswordVariant } from '../../schema/props/variant/password-variant';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputPasswordController extends InputIconController implements InputPasswordWatches {\n\tprotected readonly component: Generic.Element.Component & InputPasswordProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected afterSyncCharCounter = () => {\n\t\tif (typeof this.component._value === 'string' && this.component._value.length > 0) {\n\t\t\tthis.component.state._currentLength = this.component._value.length;\n\t\t}\n\t};\n\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic validateHasCounter(value?: boolean): void {\n\t\tvalidateHasCounter(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateVariant(value?: PasswordVariantPropType): void {\n\t\tvalidatePasswordVariant(this.component, value);\n\t}\n\n\tpublic validateMaxLength(value?: number): void {\n\t\twatchNumber(this.component, '_maxLength', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t\tmin: 0,\n\t\t});\n\t}\n\n\tpublic validatePattern(value?: string): void {\n\t\twatchString(this.component, '_pattern', value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\n\tpublic validateReadOnly(value?: boolean): void {\n\t\twatchBoolean(this.component, '_readOnly', value);\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(this.component, '_value', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateHasCounter(this.component._hasCounter);\n\t\tthis.validateMaxLength(this.component._maxLength);\n\t\tthis.validatePattern(this.component._pattern);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant);\n\t}\n}\n"],"mappings":";;;uKAIA,MAAMA,EAAiC,CAAC,UAAW,qBAW5C,MAAMC,EAA0B,CAACC,EAAsCC,KAC7EC,EACCF,EACA,YACCC,UAAiBA,IAAU,UAAYH,EAA+BK,SAASF,IAChF,IAAIG,IAAIN,GACRG,EACA,E,MCbWI,UAAgCC,EAG5C,WAAAC,CAAmBP,EAA2DQ,EAAcC,GAC3FC,MAAMV,EAAWQ,EAAMC,GAIdE,KAAAC,qBAAuB,KAChC,UAAWD,KAAKX,UAAUa,SAAW,UAAYF,KAAKX,UAAUa,OAAOC,OAAS,EAAG,CAClFH,KAAKX,UAAUe,MAAMC,eAAiBL,KAAKX,UAAUa,OAAOC,M,GAL7DH,KAAKX,UAAYA,C,CASX,oBAAAiB,CAAqBhB,GAC3BC,EACCS,KAAKX,UACL,iBACCC,UAA0BA,IAAU,WAAaA,IAAU,MAAQA,IAAU,QAC9E,IAAIG,IAAI,CAAC,aACTH,E,CAIK,kBAAAiB,CAAmBjB,GACzBiB,EAAmBP,KAAKX,UAAWC,EAAO,CACzCkB,MAAO,CACNC,WAAYT,KAAKC,uB,CAKb,eAAAS,CAAgBpB,GACtBF,EAAwBY,KAAKX,UAAWC,E,CAGlC,iBAAAqB,CAAkBrB,GACxBsB,EAAYZ,KAAKX,UAAW,aAAcC,EAAO,CAChDkB,MAAO,CACNC,WAAYT,KAAKC,sBAElBY,IAAK,G,CAIA,eAAAC,CAAgBxB,GACtByB,EAAYf,KAAKX,UAAW,WAAYC,E,CAGlC,mBAAA0B,CAAoB1B,GAC1ByB,EAAYf,KAAKX,UAAW,eAAgBC,E,CAGtC,gBAAA2B,CAAiB3B,GACvB4B,EAAalB,KAAKX,UAAW,YAAaC,E,CAGpC,gBAAA6B,CAAiB7B,GACvB4B,EAAalB,KAAKX,UAAW,YAAaC,E,CAGpC,aAAA8B,CAAc9B,GACpByB,EAAYf,KAAKX,UAAW,SAAUC,EAAO,CAC5CkB,MAAO,CACNC,WAAYT,KAAKC,wBAInBD,KAAKqB,uBAAuBrB,KAAKX,UAAUe,MAAMF,O,CAG3C,iBAAAoB,GACNvB,MAAMuB,oBACNtB,KAAKM,qBAAqBN,KAAKX,UAAUkC,eACzCvB,KAAKO,mBAAmBP,KAAKX,UAAUmC,aACvCxB,KAAKW,kBAAkBX,KAAKX,UAAUoC,YACtCzB,KAAKc,gBAAgBd,KAAKX,UAAUqC,UACpC1B,KAAKgB,oBAAoBhB,KAAKX,UAAUsC,cACxC3B,KAAKiB,iBAAiBjB,KAAKX,UAAUuC,WACrC5B,KAAKmB,iBAAiBnB,KAAKX,UAAUwC,WACrC7B,KAAKoB,cAAcpB,KAAKX,UAAUa,QAClCF,KAAKU,gBAAgBV,KAAKX,UAAUyC,S","ignoreList":[]}
+{"version":3,"names":["PasswordVariantPropTypeOptions","validatePasswordVariant","component","value","watchValidator","includes","Set","InputPasswordController","InputIconController","constructor","name","host","super","this","afterSyncCharCounter","_value","length","state","_currentLength","validateAutoComplete","validateHasCounter","hooks","afterPatch","validateVariant","validateMaxLength","watchNumber","min","validatePattern","watchString","validatePlaceholder","validateReadOnly","watchBoolean","validateRequired","validateValue","setFormAssociatedValue","componentWillLoad","_autoComplete","_hasCounter","_maxLength","_pattern","_placeholder","_readOnly","_required","_variant"],"sources":["src/schema/props/variant/password-variant.ts","src/components/input-password/controller.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nconst PasswordVariantPropTypeOptions = ['default', 'visibility-toggle'] as const;\nexport type PasswordVariantPropType = (typeof PasswordVariantPropTypeOptions)[number];\n\n/**\n * Defines the different variants for displaying the password input.\n */\nexport type PropPasswordVariant = {\n\tvariant: PasswordVariantPropType;\n};\n\n/* validator */\nexport const validatePasswordVariant = (component: Generic.Element.Component, value?: PasswordVariantPropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_variant',\n\t\t(value) => typeof value === 'string' && PasswordVariantPropTypeOptions.includes(value),\n\t\tnew Set(PasswordVariantPropTypeOptions),\n\t\tvalue,\n\t);\n};\n","import type { InputPasswordProps, InputPasswordWatches, InputTypeOnOff } from '../../schema';\nimport { validateHasCounter, watchBoolean, watchNumber, watchString, watchValidator } from '../../schema';\nimport type { PasswordVariantPropType } from '../../schema/props/variant/password-variant';\nimport { validatePasswordVariant } from '../../schema/props/variant/password-variant';\n\nimport { InputIconController } from '../@deprecated/input/controller-icon';\n\nimport type { Generic } from 'adopted-style-sheets';\n\nexport class InputPasswordController extends InputIconController implements InputPasswordWatches {\n\tprotected readonly component: Generic.Element.Component & InputPasswordProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tprotected afterSyncCharCounter = () => {\n\t\tif (typeof this.component._value === 'string' && this.component._value.length > 0) {\n\t\t\tthis.component.state._currentLength = this.component._value.length;\n\t\t}\n\t};\n\n\tpublic validateAutoComplete(value?: InputTypeOnOff): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_autoComplete',\n\t\t\t(value): boolean => typeof value === 'string' && (value === 'on' || value === 'off'),\n\t\t\tnew Set(['on | off']),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic validateHasCounter(value?: boolean): void {\n\t\tvalidateHasCounter(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateVariant(value?: PasswordVariantPropType): void {\n\t\tvalidatePasswordVariant(this.component, value);\n\t}\n\n\tpublic validateMaxLength(value?: number): void {\n\t\twatchNumber(this.component, '_maxLength', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t\tmin: 0,\n\t\t});\n\t}\n\n\tpublic validatePattern(value?: string): void {\n\t\twatchString(this.component, '_pattern', value);\n\t}\n\n\tpublic validatePlaceholder(value?: string): void {\n\t\twatchString(this.component, '_placeholder', value);\n\t}\n\n\tpublic validateReadOnly(value?: boolean): void {\n\t\twatchBoolean(this.component, '_readOnly', value);\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\twatchBoolean(this.component, '_required', value);\n\t}\n\n\tpublic validateValue(value?: string): void {\n\t\twatchString(this.component, '_value', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterSyncCharCounter,\n\t\t\t},\n\t\t});\n\n\t\tthis.setFormAssociatedValue(this.component.state._value as string);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAutoComplete(this.component._autoComplete);\n\t\tthis.validateHasCounter(this.component._hasCounter);\n\t\tthis.validateMaxLength(this.component._maxLength);\n\t\tthis.validatePattern(this.component._pattern);\n\t\tthis.validatePlaceholder(this.component._placeholder);\n\t\tthis.validateReadOnly(this.component._readOnly);\n\t\tthis.validateRequired(this.component._required);\n\t\tthis.validateValue(this.component._value);\n\t\tthis.validateVariant(this.component._variant);\n\t}\n}\n"],"mappings":";;;6JAIA,MAAMA,EAAiC,CAAC,UAAW,qBAW5C,MAAMC,EAA0B,CAACC,EAAsCC,KAC7EC,EACCF,EACA,YACCC,UAAiBA,IAAU,UAAYH,EAA+BK,SAASF,IAChF,IAAIG,IAAIN,GACRG,EACA,E,MCbWI,UAAgCC,EAG5C,WAAAC,CAAmBP,EAA2DQ,EAAcC,GAC3FC,MAAMV,EAAWQ,EAAMC,GAIdE,KAAAC,qBAAuB,KAChC,UAAWD,KAAKX,UAAUa,SAAW,UAAYF,KAAKX,UAAUa,OAAOC,OAAS,EAAG,CAClFH,KAAKX,UAAUe,MAAMC,eAAiBL,KAAKX,UAAUa,OAAOC,M,GAL7DH,KAAKX,UAAYA,C,CASX,oBAAAiB,CAAqBhB,GAC3BC,EACCS,KAAKX,UACL,iBACCC,UAA0BA,IAAU,WAAaA,IAAU,MAAQA,IAAU,QAC9E,IAAIG,IAAI,CAAC,aACTH,E,CAIK,kBAAAiB,CAAmBjB,GACzBiB,EAAmBP,KAAKX,UAAWC,EAAO,CACzCkB,MAAO,CACNC,WAAYT,KAAKC,uB,CAKb,eAAAS,CAAgBpB,GACtBF,EAAwBY,KAAKX,UAAWC,E,CAGlC,iBAAAqB,CAAkBrB,GACxBsB,EAAYZ,KAAKX,UAAW,aAAcC,EAAO,CAChDkB,MAAO,CACNC,WAAYT,KAAKC,sBAElBY,IAAK,G,CAIA,eAAAC,CAAgBxB,GACtByB,EAAYf,KAAKX,UAAW,WAAYC,E,CAGlC,mBAAA0B,CAAoB1B,GAC1ByB,EAAYf,KAAKX,UAAW,eAAgBC,E,CAGtC,gBAAA2B,CAAiB3B,GACvB4B,EAAalB,KAAKX,UAAW,YAAaC,E,CAGpC,gBAAA6B,CAAiB7B,GACvB4B,EAAalB,KAAKX,UAAW,YAAaC,E,CAGpC,aAAA8B,CAAc9B,GACpByB,EAAYf,KAAKX,UAAW,SAAUC,EAAO,CAC5CkB,MAAO,CACNC,WAAYT,KAAKC,wBAInBD,KAAKqB,uBAAuBrB,KAAKX,UAAUe,MAAMF,O,CAG3C,iBAAAoB,GACNvB,MAAMuB,oBACNtB,KAAKM,qBAAqBN,KAAKX,UAAUkC,eACzCvB,KAAKO,mBAAmBP,KAAKX,UAAUmC,aACvCxB,KAAKW,kBAAkBX,KAAKX,UAAUoC,YACtCzB,KAAKc,gBAAgBd,KAAKX,UAAUqC,UACpC1B,KAAKgB,oBAAoBhB,KAAKX,UAAUsC,cACxC3B,KAAKiB,iBAAiBjB,KAAKX,UAAUuC,WACrC5B,KAAKmB,iBAAiBnB,KAAKX,UAAUwC,WACrC7B,KAAKoB,cAAcpB,KAAKX,UAAUa,QAClCF,KAAKU,gBAAgBV,KAAKX,UAAUyC,S","ignoreList":[]}

package/dist/kolibri/controller-b4a4d397.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{I as e,a as o,F as t,D as n,L as i}from"./index-ebe5a881.js";import{g as s}from"./component-names-799e91e2.js";const f=e=>{for(t()&&(n("↓ Search form element start."),i.debug(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&e.tagName!==s.toUpperCase();){try{e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null}catch(e){}t()&&(i.debug(e),n("↑ Search form element finished."))}return e},a=(t={})=>{var n,a;const i=f(t.form);if(i instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===i.tagName)e(t,i),i.dispatchEvent(t);else if(i.tagName===s.toUpperCase()){e(t,o.querySelector("form",i));const s=i;"function"==typeof(null===(n=s._on)||void 0===n?void 0:n.onReset)&&(null===(a=s._on)||void 0===a||a.onReset(t))}}},l=(a={})=>{const i=f(a.form);if(i instanceof HTMLElement){const a=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:i});if("FORM"===i.tagName)t()&&!1===i.noValidate&&n("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof i.requestSubmit?i.requestSubmit():(e(a,i),i.dispatchEvent(a))}));else if(i.tagName===s.toUpperCase()){e(a,o.querySelector("form",i));const t=i;setTimeout((()=>{var e,o;"function"==typeof(null===(e=t._on)||void 0===e?void 0:e.onSubmit)&&(null===(o=t._on)||void 0===o||o.onSubmit(a))}))}}};export{a,l as p};

package/dist/kolibri/{controller-a31f303e.js.map → controller-b4a4d397.js.map}

@@ -1 +1 @@
-{"version":3,"names":["searchFormElement","el","getExperimentalMode","devHint","Log","debug","HTMLElement","tagName","KolFormTag","toUpperCase","parentElement","parentNode","ShadowRoot","host","error","propagateResetEventToForm","options","form","event","Event","bubbles","cancelable","setEventTarget","dispatchEvent","KoliBriDevHelper","querySelector","kolForm","_a","_on","onReset","_b","propagateSubmitEventToForm","SubmitEvent","submitter","noValidate","force","setTimeout","requestSubmit","onSubmit"],"sources":["src/components/form/controller.ts"],"sourcesContent":["import type { FormProps } from '../../schema';\nimport { Log } from '../../schema';\nimport { devHint, getExperimentalMode, KoliBriDevHelper, setEventTarget } from '../../schema';\nimport { KolFormTag } from '../../core/component-names';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tLog.debug(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {\n\t\ttry {\n\t\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\t\tel = el.parentElement;\n\t\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\t\tel = el.parentNode.host;\n\t\t\t} else {\n\t\t\t\tel = null;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t/**\n\t\t\t * Try is needed for SSR.\n\t\t\t * - no HTMLElement is available\n\t\t\t * - no ShadowRoot is available\n\t\t\t */\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tLog.debug(el);\n\t\t\tdevHint(`↑ Search form element finished.`);\n\t\t}\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\ttypeof kolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tif (getExperimentalMode() && (form as HTMLFormElement).noValidate === false) {\n\t\t\t\tdevHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {\n\t\t\t\t\tforce: true,\n\t\t\t\t});\n\t\t\t\t// (form as HTMLFormElement).noValidate = true; do not make this implicit\n\t\t\t}\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit\n\t\t\t\tif (typeof (form as HTMLFormElement).requestSubmit === 'function') {\n\t\t\t\t\t(form as HTMLFormElement).requestSubmit();\n\t\t\t\t} else {\n\t\t\t\t\tsetEventTarget(event, form);\n\t\t\t\t\tform.dispatchEvent(event);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n"],"mappings":";;;qKAKA,MAAMA,EAAqBC,IAC1B,GAAIC,IAAuB,CAC1BC,EAAQ,gCACRC,EAAIC,MAAMJ,E,CAEX,MAAOA,aAAcK,aAAeL,EAAGM,UAAY,QAAUN,EAAGM,UAAYC,EAAWC,cAAe,CACrG,IACC,GAAIR,EAAGS,yBAAyBJ,YAAa,CAC5CL,EAAKA,EAAGS,a,MACF,GAAIT,EAAGU,sBAAsBC,WAAY,CAC/CX,EAAKA,EAAGU,WAAWE,I,KACb,CACNZ,EAAK,I,EAEL,MAAOa,G,CAOT,GAAIZ,IAAuB,CAC1BE,EAAIC,MAAMJ,GACVE,EAAQ,kC,EAGV,OAAOF,CAAE,E,MAGGc,EAA4B,CACxCC,EAGI,M,QAEJ,MAAMC,EAAOjB,EAAkBgB,EAAQC,MACvC,GAAIA,aAAgBX,YAAa,CAChC,MAAMY,EAAQ,IAAIC,MAAM,QAAS,CAChCC,QAAS,KACTC,WAAY,OAEb,GAAIJ,EAAKV,UAAY,OAAQ,CAC5Be,EAAeJ,EAAOD,GACtBA,EAAKM,cAAcL,E,MACb,GAAID,EAAKV,UAAYC,EAAWC,cAAe,CACrDa,EAAeJ,EAAOM,EAAiBC,cAAc,OAAQR,IAC7D,MAAMS,EAAUT,EAChB,WAAWU,EAAAD,EAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAY,WAAY,SACxCC,EAAAJ,EAAQE,OAAG,MAAAE,SAAA,SAAAA,EAAED,QAAQX,G,WAMnBa,EAA6B,CACzCf,EAGI,MAEJ,MAAMC,EAAOjB,EAAkBgB,EAAQC,MACvC,GAAIA,aAAgBX,YAAa,CAChC,MAAMY,EAAQ,IAAIc,YAAY,SAAU,CACvCZ,QAAS,KACTC,WAAY,KACZY,UAAWhB,IAYZ,GAAIA,EAAKV,UAAY,OAAQ,CAC5B,GAAIL,KAA0Be,EAAyBiB,aAAe,MAAO,CAC5E/B,EAAQ,4GAA6G,CACpHgC,MAAO,M,CAKTC,YAAW,KAEV,UAAYnB,EAAyBoB,gBAAkB,WAAY,CACjEpB,EAAyBoB,e,KACpB,CACNf,EAAeJ,EAAOD,GACtBA,EAAKM,cAAcL,E,UAGf,GAAID,EAAKV,UAAYC,EAAWC,cAAe,CACrDa,EAAeJ,EAAOM,EAAiBC,cAAc,OAAQR,IAC7D,MAAMS,EAAUT,EAEhBmB,YAAW,K,QACV,WAAWT,EAAAD,EAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEW,YAAa,WAAY,EAChDR,EAAAJ,EAAQE,OAAG,MAAAE,SAAA,SAAAA,EAAEQ,SAASpB,E","ignoreList":[]}
+{"version":3,"names":["searchFormElement","el","getExperimentalMode","devHint","Log","debug","HTMLElement","tagName","KolFormTag","toUpperCase","parentElement","parentNode","ShadowRoot","host","error","propagateResetEventToForm","options","form","event","Event","bubbles","cancelable","setEventTarget","dispatchEvent","KoliBriDevHelper","querySelector","kolForm","_a","_on","onReset","_b","propagateSubmitEventToForm","SubmitEvent","submitter","noValidate","force","setTimeout","requestSubmit","onSubmit"],"sources":["src/components/form/controller.ts"],"sourcesContent":["import type { FormProps } from '../../schema';\nimport { Log } from '../../schema';\nimport { devHint, getExperimentalMode, KoliBriDevHelper, setEventTarget } from '../../schema';\nimport { KolFormTag } from '../../core/component-names';\n\nconst searchFormElement = (el?: HTMLElement | ParentNode | null): HTMLElement | ParentNode | null | undefined => {\n\tif (getExperimentalMode()) {\n\t\tdevHint(`↓ Search form element start.`);\n\t\tLog.debug(el);\n\t}\n\twhile (el instanceof HTMLElement && el.tagName !== 'FORM' && el.tagName !== KolFormTag.toUpperCase()) {\n\t\ttry {\n\t\t\tif (el.parentElement instanceof HTMLElement) {\n\t\t\t\tel = el.parentElement;\n\t\t\t} else if (el.parentNode instanceof ShadowRoot) {\n\t\t\t\tel = el.parentNode.host;\n\t\t\t} else {\n\t\t\t\tel = null;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\t/**\n\t\t\t * Try is needed for SSR.\n\t\t\t * - no HTMLElement is available\n\t\t\t * - no ShadowRoot is available\n\t\t\t */\n\t\t}\n\t\tif (getExperimentalMode()) {\n\t\t\tLog.debug(el);\n\t\t\tdevHint(`↑ Search form element finished.`);\n\t\t}\n\t}\n\treturn el;\n};\n\nexport const propagateResetEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new Event('reset', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t});\n\t\tif (form.tagName === 'FORM') {\n\t\t\tsetEventTarget(event, form);\n\t\t\tform.dispatchEvent(event);\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\tif (typeof kolForm._on?.onReset === 'function') {\n\t\t\t\ttypeof kolForm._on?.onReset(event);\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const propagateSubmitEventToForm = (\n\toptions: {\n\t\tform?: HTMLElement | ParentNode | null;\n\t\tref?: HTMLElement;\n\t} = {},\n): void => {\n\tconst form = searchFormElement(options.form);\n\tif (form instanceof HTMLElement) {\n\t\tconst event = new SubmitEvent('submit', {\n\t\t\tbubbles: true,\n\t\t\tcancelable: true,\n\t\t\tsubmitter: form,\n\t\t});\n\t\t/**\n\t\t * TODO: Wenn Formular-Action (nicht Ajax oder JS) verwendet wird,\n\t\t *       dann müssen wir das Event an das HTMLFormElement innerhalb\n\t\t *       der HTMLKolFormElements propagieren, wenn kein onSubmit\n\t\t *       gesetzt wurde.\n\t\t *\n\t\t * TODO: Form-associated custom elements:\n\t\t *       - https://web.dev/more-capable-form-controls/\n\t\t *       - https://github.com/public-ui/kolibri/issues/946\n\t\t */\n\t\tif (form.tagName === 'FORM') {\n\t\t\tif (getExperimentalMode() && (form as HTMLFormElement).noValidate === false) {\n\t\t\t\tdevHint(`If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.`, {\n\t\t\t\t\tforce: true,\n\t\t\t\t});\n\t\t\t\t// (form as HTMLFormElement).noValidate = true; do not make this implicit\n\t\t\t}\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\t// See https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit\n\t\t\t\tif (typeof (form as HTMLFormElement).requestSubmit === 'function') {\n\t\t\t\t\t(form as HTMLFormElement).requestSubmit();\n\t\t\t\t} else {\n\t\t\t\t\tsetEventTarget(event, form);\n\t\t\t\t\tform.dispatchEvent(event);\n\t\t\t\t}\n\t\t\t});\n\t\t} else if (form.tagName === KolFormTag.toUpperCase()) {\n\t\t\tsetEventTarget(event, KoliBriDevHelper.querySelector('form', form) as HTMLFormElement);\n\t\t\tconst kolForm = form as FormProps;\n\t\t\t// Use setTimeout to ensure onChange has been called first\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (typeof kolForm._on?.onSubmit === 'function') {\n\t\t\t\t\tkolForm._on?.onSubmit(event);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n};\n"],"mappings":";;;sHAKA,MAAMA,EAAqBC,IAC1B,GAAIC,IAAuB,CAC1BC,EAAQ,gCACRC,EAAIC,MAAMJ,E,CAEX,MAAOA,aAAcK,aAAeL,EAAGM,UAAY,QAAUN,EAAGM,UAAYC,EAAWC,cAAe,CACrG,IACC,GAAIR,EAAGS,yBAAyBJ,YAAa,CAC5CL,EAAKA,EAAGS,a,MACF,GAAIT,EAAGU,sBAAsBC,WAAY,CAC/CX,EAAKA,EAAGU,WAAWE,I,KACb,CACNZ,EAAK,I,EAEL,MAAOa,G,CAOT,GAAIZ,IAAuB,CAC1BE,EAAIC,MAAMJ,GACVE,EAAQ,kC,EAGV,OAAOF,CAAE,E,MAGGc,EAA4B,CACxCC,EAGI,M,QAEJ,MAAMC,EAAOjB,EAAkBgB,EAAQC,MACvC,GAAIA,aAAgBX,YAAa,CAChC,MAAMY,EAAQ,IAAIC,MAAM,QAAS,CAChCC,QAAS,KACTC,WAAY,OAEb,GAAIJ,EAAKV,UAAY,OAAQ,CAC5Be,EAAeJ,EAAOD,GACtBA,EAAKM,cAAcL,E,MACb,GAAID,EAAKV,UAAYC,EAAWC,cAAe,CACrDa,EAAeJ,EAAOM,EAAiBC,cAAc,OAAQR,IAC7D,MAAMS,EAAUT,EAChB,WAAWU,EAAAD,EAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAY,WAAY,SACxCC,EAAAJ,EAAQE,OAAG,MAAAE,SAAA,SAAAA,EAAED,QAAQX,G,WAMnBa,EAA6B,CACzCf,EAGI,MAEJ,MAAMC,EAAOjB,EAAkBgB,EAAQC,MACvC,GAAIA,aAAgBX,YAAa,CAChC,MAAMY,EAAQ,IAAIc,YAAY,SAAU,CACvCZ,QAAS,KACTC,WAAY,KACZY,UAAWhB,IAYZ,GAAIA,EAAKV,UAAY,OAAQ,CAC5B,GAAIL,KAA0Be,EAAyBiB,aAAe,MAAO,CAC5E/B,EAAQ,4GAA6G,CACpHgC,MAAO,M,CAKTC,YAAW,KAEV,UAAYnB,EAAyBoB,gBAAkB,WAAY,CACjEpB,EAAyBoB,e,KACpB,CACNf,EAAeJ,EAAOD,GACtBA,EAAKM,cAAcL,E,UAGf,GAAID,EAAKV,UAAYC,EAAWC,cAAe,CACrDa,EAAeJ,EAAOM,EAAiBC,cAAc,OAAQR,IAC7D,MAAMS,EAAUT,EAEhBmB,YAAW,K,QACV,WAAWT,EAAAD,EAAQE,OAAG,MAAAD,SAAA,SAAAA,EAAEW,YAAa,WAAY,EAChDR,EAAAJ,EAAQE,OAAG,MAAAE,SAAA,SAAAA,EAAEQ,SAASpB,E","ignoreList":[]}

package/dist/kolibri/controller-c6ea1cc4.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as t,z as s,i as e,l as i}from"./index-ebe5a881.js";import{I as a}from"./getRenderStates-d37b86aa.js";import{v as r}from"./orientation-409d844a.js";import{b as o,c as n}from"./label-bf9966d0.js";const f=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===o(e.label,3)&&!1===n(e.label)&&t(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(e.options)||void 0===e.options.find((t=>!1===f(t)));if("number"==typeof e.label)return!0}return!1},h=(t,e,o={})=>{s(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),e,void 0,o)},l=(t,e,o={})=>{s(t,"_options",f,e,void 0,o)},c=(t,o)=>{e(t,"_required",o)},u=(t,e,o="")=>{e.forEach(((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?u(t,e.options,i):t.set(i,e))}))};class d extends a{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){c(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class p extends d{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(o)&&o.length>0&&(this.keyOptionMap.clear(),u(this.keyOptionMap,o))},this.component=t}validateOrientation(t){r(this.component,t,"vertical")}validateOptions(t){h(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,i(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{d as I,p as a,h as b,u as f,l as v};

package/dist/kolibri/controller-c6ea1cc4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateInputSelectOptions","option","label","length","disabled","trim","hasEnoughReadableChars","containsOnlyNumbers","a11yHint","Array","isArray","options","find","item","undefined","validateOptions","component","value","watchJsonArrayString","validateOptionsWithOptgroup","validateRequired","watchBoolean","fillKeyOptionMap","keyOptionMap","preKey","forEach","index","key","set","InputCheckboxRadioController","InputController","constructor","name","host","super","this","componentWillLoad","_required","InputRadioController","Map","getOptionByKey","get","afterPatchOptions","_state","_component","setFormAssociatedValue","beforePatchOptions","_value","nextState","has","state","_options","clear","validateOrientation","hooks","afterPatch","beforePatch","validateValue","setState","_orientation"],"sources":["src/schema/validators/options.ts","src/schema/props/options.ts","src/schema/props/required.ts","src/components/input-radio/controller.ts"],"sourcesContent":["import { containsOnlyNumbers, hasEnoughReadableChars } from '../props';\nimport { a11yHint } from '../utils';\n\nimport type { Optgroup, SelectOption } from '../types';\nexport const validateInputSelectOptions = <T>(option: SelectOption<T>): boolean => {\n\tif (typeof option === 'object' && option !== null) {\n\t\tif (typeof option.label === 'string' && option.label.length > 0) {\n\t\t\toption.disabled = option.disabled === true;\n\t\t\toption.label = `${option.label}`.trim();\n\t\t\tif (hasEnoughReadableChars(option.label, 3) === false && containsOnlyNumbers(option.label) === false) {\n\t\t\t\ta11yHint(`A differing Aria-Label (${option.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`);\n\t\t\t}\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\treturn (\n\t\t\t\t\t(option as Optgroup<T>).options.find((item) => {\n\t\t\t\t\t\treturn validateInputSelectOptions(item) === false;\n\t\t\t\t\t}) === undefined\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn true;\n\t\t} else if (typeof option.label === 'number') {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { RadioOption, Optgroup, Option, StencilUnknown } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { watchJsonArrayString } from '../utils';\nimport { validateInputSelectOptions } from '../validators';\n\n/* types */\n\nexport type OptionsPropType = Stringified<Option<StencilUnknown>[]>;\nexport type OptionsWithOptgroupPropType = Stringified<(Option<StencilUnknown> | Optgroup<StencilUnknown>)[]>;\nexport type RadioOptionsPropType = Stringified<RadioOption<StencilUnknown>[]>;\n\n/**\n * Options the user can choose from.\n */\nexport type PropOptions = {\n\toptions: OptionsPropType;\n};\n\nexport type PropRadioOptions = {\n\toptions: RadioOptionsPropType;\n};\n\n/**\n * Options the user can choose from, also supporting Optgroup.\n */\nexport type PropOptionsWithOptgroup = {\n\toptions: OptionsWithOptgroupPropType;\n};\n\n/* validators */\n\nexport const validateOptions = (component: Generic.Element.Component, value: OptionsPropType | undefined, options: WatchOptions = {}): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_options',\n\t\t(item: Option<StencilUnknown>) => typeof item === 'object' && item !== null && typeof item.label === 'string' && item.label.length > 0,\n\t\tvalue,\n\t\tundefined,\n\t\toptions,\n\t);\n};\n\nexport const validateOptionsWithOptgroup = (\n\tcomponent: Generic.Element.Component,\n\tvalue: OptionsWithOptgroupPropType | undefined,\n\toptions: WatchOptions = {},\n) => {\n\twatchJsonArrayString(component, '_options', validateInputSelectOptions, value, undefined, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../utils';\n\n/* types */\ntype RequiredPropType = boolean;\n\n/**\n * Makes the input element required.\n */\nexport type PropRequired = {\n\trequired: RequiredPropType;\n};\n\n/* validator */\nexport const validateRequired = (component: Generic.Element.Component, value?: RequiredPropType): void => {\n\twatchBoolean(component, '_required', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tInputRadioProps,\n\tInputRadioWatches,\n\tOptgroup,\n\tOptionsPropType,\n\tPropLabelWithExpertSlot,\n\tRadioOption,\n\tSelectOption,\n\tStencilUnknown,\n} from '../../schema';\nimport { setState, validateOptions, validateRequired } from '../../schema';\n\nimport { InputController } from '../@deprecated/input/controller';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { validateOrientation } from '../../schema/props/orientation';\n\nexport const fillKeyOptionMap = <T>(keyOptionMap: Map<string, RadioOption<T>>, options: SelectOption<T>[], preKey = ''): void => {\n\toptions.forEach((option, index) => {\n\t\tconst key = `${preKey}-${index}`;\n\t\tif (typeof option === 'object' && option !== null && typeof option.label === 'string' && option.label.length > 0) {\n\t\t\tif (Array.isArray((option as Optgroup<T>).options)) {\n\t\t\t\tfillKeyOptionMap(keyOptionMap, (option as Optgroup<T>).options, key);\n\t\t\t} else {\n\t\t\t\tkeyOptionMap.set(key, option as RadioOption<T>);\n\t\t\t}\n\t\t}\n\t});\n};\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\trequired: boolean;\n};\ntype InputCheckboxRadioProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputCheckboxRadioWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputCheckboxRadioController extends InputController implements InputCheckboxRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputCheckboxRadioProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputCheckboxRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateRequired(value?: boolean): void {\n\t\tvalidateRequired(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateRequired(this.component._required);\n\t}\n}\n\nexport class InputRadioController extends InputCheckboxRadioController implements InputRadioWatches {\n\tprotected readonly component: Generic.Element.Component & InputRadioProps;\n\tprivate readonly keyOptionMap = new Map<string, RadioOption<StencilUnknown>>();\n\n\tpublic constructor(component: Generic.Element.Component & InputRadioProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic readonly getOptionByKey = (key: string): RadioOption<StencilUnknown> | undefined => this.keyOptionMap.get(key);\n\n\tprotected readonly afterPatchOptions = (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string): void => {\n\t\tif (key === '_value') {\n\t\t\tthis.setFormAssociatedValue(value as string);\n\t\t}\n\t};\n\n\tpublic validateOrientation(value?: OrientationPropType): void {\n\t\tvalidateOrientation(this.component, value, 'vertical');\n\t}\n\n\tprotected readonly beforePatchOptions = (_value: unknown, nextState: Map<string, unknown>): void => {\n\t\tconst options = nextState.has('_options') ? nextState.get('_options') : this.component.state._options;\n\t\tif (Array.isArray(options) && options.length > 0) {\n\t\t\tthis.keyOptionMap.clear();\n\t\t\tfillKeyOptionMap(this.keyOptionMap, options as SelectOption<StencilUnknown>[]);\n\t\t}\n\t};\n\n\tpublic validateOptions(value?: OptionsPropType): void {\n\t\tvalidateOptions(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tvalue = Array.isArray(value) ? (value[0] as StencilUnknown) : value;\n\t\tsetState(this.component, '_value', value, {\n\t\t\tafterPatch: this.afterPatchOptions,\n\t\t\tbeforePatch: this.beforePatchOptions,\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateOrientation(this.component._orientation);\n\t\tthis.validateOptions(this.component._options);\n\t\tthis.validateValue(this.component._value);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/controller-d1cd494d.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as s}from"./index-ebe5a881.js";import{I as t}from"./controller-460d12d6.js";import{v as e}from"./spell-check-5559a801.js";import{v as i}from"./suggestions-198125b7.js";const o=["text","search","url","tel"];class r extends t{constructor(t,e,o){super(t,e,o),this.component=t}validateSuggestions(t){i(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class a extends r{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateSpellCheck(t){e(this.component,t)}validateType(t){s(this.component,"_type",(t=>"string"==typeof t&&o.includes(t)),new Set([`String {${o.join(", ")}`]),t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{r as I,a};

package/dist/kolibri/{controller-9840a130.js.map → controller-d1cd494d.js.map}

@@ -1 +1 @@
-{"version":3,"names":["inputTextTypeOptions","InputTextEmailController","InputPasswordController","constructor","component","name","host","super","this","validateSuggestions","value","componentWillLoad","_suggestions","InputTextController","hasError","validateSpellCheck","validateType","watchValidator","includes","Set","join","_spellCheck","_type"],"sources":["src/schema/types/input/control/text.ts","src/components/input-text/controller.ts"],"sourcesContent":["export const inputTextTypeOptions = ['text', 'search', 'url', 'tel'] as const;\nexport type InputTextType = (typeof inputTextTypeOptions)[number];\n","import type {\n\tInputTextProps,\n\tInputTextType,\n\tInputTextWatches,\n\tPropLabelWithExpertSlot,\n\tPropSuggestions,\n\tSpellCheckPropType,\n\tSuggestionsPropType,\n} from '../../schema';\nimport { inputTextTypeOptions, validateSpellCheck, validateSuggestions, watchValidator } from '../../schema';\n\nimport { InputPasswordController } from '../input-password/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\tid: string;\n} & PropSuggestions;\ntype InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextEmailProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextEmailProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t}\n}\n\nexport class InputTextController extends InputTextEmailController implements InputTextWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextProps;\n\n\tpublic hasError = false;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tvalidateSpellCheck(this.component, value);\n\t}\n\n\tpublic validateType(value?: InputTextType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_type',\n\t\t\t(value): boolean => typeof value === 'string' && inputTextTypeOptions.includes(value),\n\t\t\tnew Set([`String {${inputTextTypeOptions.join(', ')}`]),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSpellCheck(this.component._spellCheck);\n\t\tthis.validateType(this.component._type);\n\t}\n}\n"],"mappings":";;;2LAAO,MAAMA,EAAuB,CAAC,OAAQ,SAAU,MAAO,O,MCsBjDC,UAAiCC,EAG7C,WAAAC,CAAmBC,EAA4DC,EAAcC,GAC5FC,MAAMH,EAAWC,EAAMC,GACvBE,KAAKJ,UAAYA,C,CAGX,mBAAAK,CAAoBC,GAC1BD,EAAoBD,KAAKJ,UAAWM,E,CAG9B,iBAAAC,GACNJ,MAAMI,oBACNH,KAAKC,oBAAoBD,KAAKJ,UAAUQ,a,QAI7BC,UAA4BZ,EAKxC,WAAAE,CAAmBC,EAAuDC,EAAcC,GACvFC,MAAMH,EAAWC,EAAMC,GAHjBE,KAAAM,SAAW,MAIjBN,KAAKJ,UAAYA,C,CAGX,kBAAAW,CAAmBL,GACzBK,EAAmBP,KAAKJ,UAAWM,E,CAG7B,YAAAM,CAAaN,GACnBO,EACCT,KAAKJ,UACL,SACCM,UAA0BA,IAAU,UAAYV,EAAqBkB,SAASR,IAC/E,IAAIS,IAAI,CAAC,WAAWnB,EAAqBoB,KAAK,UAC9CV,E,CAIK,iBAAAC,GACNJ,MAAMI,oBACNH,KAAKO,mBAAmBP,KAAKJ,UAAUiB,aACvCb,KAAKQ,aAAaR,KAAKJ,UAAUkB,M","ignoreList":[]}
+{"version":3,"names":["inputTextTypeOptions","InputTextEmailController","InputPasswordController","constructor","component","name","host","super","this","validateSuggestions","value","componentWillLoad","_suggestions","InputTextController","hasError","validateSpellCheck","validateType","watchValidator","includes","Set","join","_spellCheck","_type"],"sources":["src/schema/types/input/control/text.ts","src/components/input-text/controller.ts"],"sourcesContent":["export const inputTextTypeOptions = ['text', 'search', 'url', 'tel'] as const;\nexport type InputTextType = (typeof inputTextTypeOptions)[number];\n","import type {\n\tInputTextProps,\n\tInputTextType,\n\tInputTextWatches,\n\tPropLabelWithExpertSlot,\n\tPropSuggestions,\n\tSpellCheckPropType,\n\tSuggestionsPropType,\n} from '../../schema';\nimport { inputTextTypeOptions, validateSpellCheck, validateSuggestions, watchValidator } from '../../schema';\n\nimport { InputPasswordController } from '../input-password/controller';\n\nimport type { Generic } from 'adopted-style-sheets';\n\ntype RequiredProps = PropLabelWithExpertSlot;\ntype OptionalProps = {\n\tid: string;\n} & PropSuggestions;\ntype InputTextEmailProps = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype InputTextEmailWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class InputTextEmailController extends InputPasswordController implements InputTextEmailWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextEmailProps;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextEmailProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSuggestions(value?: SuggestionsPropType): void {\n\t\tvalidateSuggestions(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSuggestions(this.component._suggestions);\n\t}\n}\n\nexport class InputTextController extends InputTextEmailController implements InputTextWatches {\n\tprotected readonly component: Generic.Element.Component & InputTextProps;\n\n\tpublic hasError = false;\n\n\tpublic constructor(component: Generic.Element.Component & InputTextProps, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateSpellCheck(value?: SpellCheckPropType): void {\n\t\tvalidateSpellCheck(this.component, value);\n\t}\n\n\tpublic validateType(value?: InputTextType): void {\n\t\twatchValidator(\n\t\t\tthis.component,\n\t\t\t'_type',\n\t\t\t(value): boolean => typeof value === 'string' && inputTextTypeOptions.includes(value),\n\t\t\tnew Set([`String {${inputTextTypeOptions.join(', ')}`]),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateSpellCheck(this.component._spellCheck);\n\t\tthis.validateType(this.component._type);\n\t}\n}\n"],"mappings":";;;iLAAO,MAAMA,EAAuB,CAAC,OAAQ,SAAU,MAAO,O,MCsBjDC,UAAiCC,EAG7C,WAAAC,CAAmBC,EAA4DC,EAAcC,GAC5FC,MAAMH,EAAWC,EAAMC,GACvBE,KAAKJ,UAAYA,C,CAGX,mBAAAK,CAAoBC,GAC1BD,EAAoBD,KAAKJ,UAAWM,E,CAG9B,iBAAAC,GACNJ,MAAMI,oBACNH,KAAKC,oBAAoBD,KAAKJ,UAAUQ,a,QAI7BC,UAA4BZ,EAKxC,WAAAE,CAAmBC,EAAuDC,EAAcC,GACvFC,MAAMH,EAAWC,EAAMC,GAHjBE,KAAAM,SAAW,MAIjBN,KAAKJ,UAAYA,C,CAGX,kBAAAW,CAAmBL,GACzBK,EAAmBP,KAAKJ,UAAWM,E,CAG7B,YAAAM,CAAaN,GACnBO,EACCT,KAAKJ,UACL,SACCM,UAA0BA,IAAU,UAAYV,EAAqBkB,SAASR,IAC/E,IAAIS,IAAI,CAAC,WAAWnB,EAAqBoB,KAAK,UAC9CV,E,CAIK,iBAAAC,GACNJ,MAAMI,oBACNH,KAAKO,mBAAmBP,KAAKJ,UAAUiB,aACvCb,KAAKQ,aAAaR,KAAKJ,UAAUkB,M","ignoreList":[]}

package/dist/kolibri/controller-icon-86ecd871.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as n}from"./index-bf880eba.js";import{w as t}from"./index-ebe5a881.js";import{_ as o}from"./tslib.es6-1173d062.js";import{c as e}from"./clsx-09a06a12.js";import{c as s,a as i,I as r}from"./getRenderStates-d37b86aa.js";import{a as c}from"./component-names-799e91e2.js";import{K as a}from"./Icon-b74f22a2.js";import{i as l}from"./InternalUnderlinedBadgeText-7028c03e.js";import{i as d}from"./isObject-ffcbbb76.js";import{v as m}from"./icons-a9c52ed8.js";const u=(t,s)=>{var{position:i="start",class:a}=t,r=o(t,["position","class"]);const c="kol-input-container__adornment",l=`${c}--${i}`;return n("div",Object.assign({class:e(c,l,a)},r),s)};function b(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const p=(t,s)=>{var{class:i}=t,a=o(t,["class"]);return n("div",Object.assign({class:e("kol-input-container__container",i)},a),s)},f=(t,i)=>{const{class:a,startAdornment:r,endAdornment:c,disabled:l,msg:d,touched:m,containerProps:h,startAdornmentProps:g,endAdornmentProps:j}=t,_=o(t,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),f=s(d,m),k={"kol-input-container--disabled":l,[`kol-input-container--${(null==d?void 0:d.type)||"error"}`]:f},v=Object.assign({class:e("kol-input-container",k,a)},_);return b(r)||b(c)?n("div",Object.assign({},v),n(u,Object.assign({},g,{position:"start"}),r),n(p,Object.assign({},h),i),n(u,Object.assign({},j,{position:"end"}),c)):n("div",Object.assign({},v),n(p,Object.assign({},h),i))},j=t=>{const{label:s,icons:e,hideLabel:i,disabled:a,onClick:r}=t,l=o(t,["label","icons","hideLabel","disabled","onClick"]);return n(c,Object.assign({_label:s,_disabled:a,_icons:e,_hideLabel:i,_on:{onClick:r}},l))},h=t=>{const{componentName:s="button",label:e,icon:i,onClick:r}=t,c=o(t,["componentName","label","icon","onClick"]);return n("button"===s?j:a,Object.assign({label:e||"",hideLabel:!0,icons:`codicon codicon-${i}`,onClick:r},c))};function v(n){let t,s;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(s=n._smartButton),{icons:t,smartButton:s,disabled:n._disabled,msg:i(n._msg),touched:n._touched}}const _=({state:t,endAdornment:s},e)=>{const{icons:o,smartButton:i,disabled:a,msg:r,touched:c}=v(t);let m=null==o?void 0:o.left;l(m)&&(m={icon:m});let b=null==o?void 0:o.right;l(b)&&(b={icon:b});const u=[],p=[];return s&&(Array.isArray(s)?p.push(...s):p.push(s)),m&&u.push(n(h,Object.assign({componentName:"icon",class:"kol-input-container__icon"},d(m)?m:{}))),d(i)&&p.push(n(h,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},i,{hideLabel:!0,disabled:a}))),b&&p.push(n(h,Object.assign({componentName:"icon",class:"kol-input-container__icon"},d(b)?b:{}))),n(f,{disabled:a,msg:r,touched:c,startAdornment:u,endAdornment:p},e)};class k extends r{constructor(n,s,e){super(n,s,e),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=n=>"number"==typeof n?isNaN(n)?null:n:this.isNumberString(n)?parseFloat(n):null,this.validateNumber=(n,s)=>t(this.component,n,(n=>null==n||"number"==typeof n||"string"==typeof n&&this.numberStringRegex.test(n)),new Set(["number","NumberString"]),s,{hooks:{beforePatch:(t,s)=>{(null==s?void 0:s.has(n))&&(null==s||s.set(n,this.parseToNumber(t)))}}}),this.component=n}validateIcons(n){m(this.component,n)}isNumberString(n){return"string"==typeof n&&this.numberStringRegex.test(n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{k as I,h as K,_ as a};

package/dist/kolibri/controller-icon-86ecd871.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasMsg","stateCssClasses","type","baseProps","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","_label","_disabled","_icons","_hideLabel","_on","KolIconButtonFc","componentName","icon","Component","KolIconFc","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject","InputIconController","InputController","constructor","component","name","host","super","this","numberStringRegex","parseToNumber","value","isNaN","isNumberString","parseFloat","validateNumber","propName","watchValidator","test","Set","hooks","beforePatch","nextState","has","set","validateIcons","componentWillLoad"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { IconsHorizontalPropType, NumberString } from '../../../schema';\nimport { watchValidator } from '../../../schema';\nimport { validateIcons } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprivate readonly numberStringRegex = /^\\d+(\\.\\d+)?$/; // https://regex101.com/r/mET6Tx/1\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: IconsHorizontalPropType): void {\n\t\tvalidateIcons(this.component, value);\n\t}\n\n\tpublic isNumberString(value: unknown): value is NumberString {\n\t\treturn typeof value === 'string' && this.numberStringRegex.test(value);\n\t}\n\n\tprotected readonly parseToNumber = (value?: number | NumberString | null): number | null => {\n\t\tif (typeof value === 'number') {\n\t\t\treturn isNaN(value) ? null : value;\n\t\t}\n\t\tif (this.isNumberString(value)) {\n\t\t\treturn parseFloat(value);\n\t\t}\n\t\treturn null;\n\t};\n\n\tprotected readonly validateNumber = (propName: string, value?: number | NumberString | null) => {\n\t\treturn watchValidator(\n\t\t\tthis.component,\n\t\t\tpropName,\n\t\t\t(value): boolean =>\n\t\t\t\tvalue === undefined || value === null || typeof value === 'number' || (typeof value === 'string' && this.numberStringRegex.test(value)),\n\t\t\tnew Set(['number', 'NumberString']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\thooks: {\n\t\t\t\t\tbeforePatch: (value: unknown, nextState) => {\n\t\t\t\t\t\tif (nextState?.has(propName)) {\n\t\t\t\t\t\t\tnextState?.set(propName, this.parseToNumber(value as number | NumberString | null));\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t};\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"mappings":";;;6cAQA,MAAMA,EAA0C,CAACC,EAAoDC,K,IAApDC,SAAEA,EAAW,QAASC,MAAOC,GAASJ,EAAKK,EAAKC,EAAAN,EAAhD,sBAChD,MAAMO,EAAgB,iCACtB,MAAMC,EAAoB,GAAGD,MAAkBL,IAE/C,OACCO,EAAA,MAAAC,OAAAC,OAAA,CAAKR,MAAOS,EAAKL,EAAeC,EAAmBJ,IAAgBC,GACjEJ,EACI,ECKR,SAASY,EAASC,GACjB,IAAKA,EAAO,CACX,OAAO,K,CAGR,OAAOC,MAAMC,QAAQF,GAASA,EAAMG,OAAS,EAAIC,QAAQJ,EAC1D,CAEA,MAAMK,EAAwD,CAACnB,EAAgCC,K,IAA9BE,MAAOC,GAASJ,EAAKK,EAAKC,EAAAN,EAA5B,WAC9D,OACCS,EAAA,MAAAC,OAAAC,OAAA,CAAKR,MAAOS,EAAK,iCAAkCR,IAAgBC,GACjEJ,EACI,EAIR,MAAMmB,EAA+C,CAACC,EAAOpB,KAC5D,MAAQE,MAAOmB,EAAUC,eAAEA,EAAcC,aAAEA,EAAYC,SAAEA,EAAQC,IAAEA,EAAGC,QAAEA,EAAOC,eAAEA,EAAcC,oBAAEA,EAAmBC,kBAAEA,GAAgCT,EAAVhB,EAAKC,EAAKe,EAAhJ,iIACN,MAAMU,EAAUC,EAAYN,EAAKC,GAEjC,MAAMM,EAAkB,CACvB,CAAC,iCAAkCR,EACnC,CAAC,yBAAwBC,IAAG,MAAHA,SAAG,SAAHA,EAAKQ,OAAQ,WAAYH,GAGnD,MAAMI,EAASzB,OAAAC,OAAA,CACdR,MAAOS,EAAK,sBAAuBqB,EAAiBX,IACjDjB,GAGJ,IAAKQ,EAASU,KAAoBV,EAASW,GAAe,CACzD,OACCf,EAAA,MAAAC,OAAAC,OAAA,GAASwB,GACR1B,EAACU,EAAST,OAAAC,OAAA,GAAKiB,GAAiB3B,G,CAKnC,OACCQ,EAAA,MAAAC,OAAAC,OAAA,GAASwB,GACR1B,EAACV,EAAcW,OAAAC,OAAA,GAAKkB,EAAmB,CAAE3B,SAAS,UAChDqB,GAEFd,EAACU,EAAST,OAAAC,OAAA,GAAKiB,GAAiB3B,GAChCQ,EAACV,EAAcW,OAAAC,OAAA,GAAKmB,EAAiB,CAAE5B,SAAS,QAC9CsB,GAEG,ECzDR,MAAMY,EAAgCf,IACrC,MAAMgB,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,EAASd,SAAEA,EAAQe,QAAEA,GAAsBnB,EAAVhB,EAAKC,EAAKe,EAA3D,oDAEN,OAAOZ,EAACgC,EAAc/B,OAAAC,OAAA,CAAC+B,OAAQL,EAAOM,UAAWlB,EAAUmB,OAAQN,EAAOO,WAAYN,EAAWO,IAAK,CAAEN,YAAenC,GAAS,E,MCkC3H0C,EAAwC1B,IAC7C,MAAM2B,cAAEA,EAAgB,SAAQX,MAAEA,EAAKY,KAAEA,EAAIT,QAAEA,GAAsBnB,EAAVhB,EAAKC,EAAKe,EAA/D,4CACN,MAAM6B,EAAYF,IAAkB,SAAWZ,EAAce,EAE7D,OAAO1C,EAACyC,EAASxC,OAAAC,OAAA,CAAC0B,MAAOA,GAAS,GAAIE,UAAS,KAACD,MAAO,mBAAmBW,IAAQT,QAASA,GAAanC,GAAS,ECdlH,SAAS+C,EAAuBC,GAO/B,IAAIf,EAA4CgB,UAChD,IAAIC,EAEJ,GAAI,WAAYF,EAAO,CACtBf,EAAQe,EAAMT,M,CAGf,GAAI,iBAAkBS,EAAO,CAC5BE,EAAcF,EAAMG,Y,CAGrB,MAAO,CACNlB,QACAiB,cACA9B,SAAU4B,EAAMV,UAChBjB,IAAK+B,EAAsBJ,EAAMK,MACjC/B,QAAS0B,EAAMM,SAEjB,C,MAEMC,EAAoE,EAAGP,QAAO7B,aAAcqC,GAAuB5D,KACxH,MAAMqC,MAAEA,EAAKiB,YAAEA,EAAW9B,SAAEA,EAAQC,IAAEA,EAAGC,QAAEA,GAAYyB,EAAuBC,GAE9E,IAAIS,EAA6CxB,IAAK,MAALA,SAAK,SAALA,EAAOyB,KACxD,GAAIC,EAASF,GAAgB,CAC5BA,EAAgB,CAAEb,KAAMa,E,CAGzB,IAAIG,EAA8C3B,IAAK,MAALA,SAAK,SAALA,EAAO4B,MACzD,GAAIF,EAASC,GAAiB,CAC7BA,EAAiB,CAAEhB,KAAMgB,E,CAG1B,MAAM1C,EAAiB,GACvB,MAAMC,EAAe,GAErB,GAAIqC,EAAqB,CACxB,GAAI9C,MAAMC,QAAQ6C,GAAsB,CACvCrC,EAAa2C,QAAQN,E,KACf,CACNrC,EAAa2C,KAAKN,E,EAIpB,GAAIC,EAAe,CAClBvC,EAAe4C,KAAK1D,EAACsC,EAAerC,OAAAC,OAAA,CAACqC,cAAc,OAAO7C,MAAM,6BAAiCiE,EAASN,GAAiBA,EAAgB,K,CAG5I,GAAIM,EAASb,GAAc,CAC1B/B,EAAa2C,KACZ1D,EAACsC,EAAerC,OAAAC,OAAA,CAACqC,cAAc,SAAS7C,MAAM,qCAAwCoD,EAAW,CAAEhB,UAAW,KAAMd,SAAUA,K,CAIhI,GAAIwC,EAAgB,CACnBzC,EAAa2C,KAAK1D,EAACsC,EAAerC,OAAAC,OAAA,CAACqC,cAAc,OAAO7C,MAAM,6BAAiCiE,EAASH,GAAkBA,EAAiB,K,CAG5I,OACCxD,EAACW,EAAmB,CAACK,SAAUA,EAAUC,IAAKA,EAAKC,QAASA,EAASJ,eAAgBA,EAAgBC,aAAcA,GACjHvB,EACoB,E,MC/FXoE,UAA4BC,EAIxC,WAAAC,CAAmBC,EAA8CC,EAAcC,GAC9EC,MAAMH,EAAWC,EAAMC,GAHPE,KAAAC,kBAAoB,gBAelBD,KAAAE,cAAiBC,IACnC,UAAWA,IAAU,SAAU,CAC9B,OAAOC,MAAMD,GAAS,KAAOA,C,CAE9B,GAAIH,KAAKK,eAAeF,GAAQ,CAC/B,OAAOG,WAAWH,E,CAEnB,OAAO,IAAI,EAGOH,KAAAO,eAAiB,CAACC,EAAkBL,IAC/CM,EACNT,KAAKJ,UACLY,GACCL,GACAA,IAAUzB,WAAayB,IAAU,aAAeA,IAAU,iBAAoBA,IAAU,UAAYH,KAAKC,kBAAkBS,KAAKP,IACjI,IAAIQ,IAAI,CAAC,SAAU,iBACnBR,EACA,CACCS,MAAO,CACNC,YAAa,CAACV,EAAgBW,KAC7B,GAAIA,IAAS,MAATA,SAAS,SAATA,EAAWC,IAAIP,GAAW,CAC7BM,IAAS,MAATA,SAAS,SAATA,EAAWE,IAAIR,EAAUR,KAAKE,cAAcC,G,MAjCjDH,KAAKJ,UAAYA,C,CAGX,aAAAqB,CAAcd,GACpBc,EAAcjB,KAAKJ,UAAWO,E,CAGxB,cAAAE,CAAeF,GACrB,cAAcA,IAAU,UAAYH,KAAKC,kBAAkBS,KAAKP,E,CAiC1D,iBAAAe,GACNnB,MAAMmB,oBACNlB,KAAKiB,cAAcjB,KAAKJ,UAAU5B,O","ignoreList":[]}

package/dist/kolibri/custom-class-d73b81b1.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{B as e}from"./index-ebe5a881.js";const s=(s,a)=>{e(s,"_customClass",a,{defaultValue:void 0})};export{s as v};

package/dist/kolibri/{custom-class-c7abcffc.js.map → custom-class-d73b81b1.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateCustomClass","component","value","watchString","defaultValue","undefined"],"sources":["src/schema/props/custom-class.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type CustomClassPropType = string;\n\n/**\n * Defines the custom class attribute.\n */\nexport type PropCustomClass = {\n\tcustomClass: CustomClassPropType;\n};\n\n/* validator */\nexport const validateCustomClass = (component: Generic.Element.Component, value?: CustomClassPropType): void => {\n\twatchString(component, '_customClass', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"mappings":";;;wDAeaA,EAAsB,CAACC,EAAsCC,KACzEC,EAAYF,EAAW,eAAgBC,EAAO,CAC7CE,aAAcC,WACb,S","ignoreList":[]}
+{"version":3,"names":["validateCustomClass","component","value","watchString","defaultValue","undefined"],"sources":["src/schema/props/custom-class.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchString } from '../utils';\n\n/* types */\nexport type CustomClassPropType = string;\n\n/**\n * Defines the custom class attribute.\n */\nexport type PropCustomClass = {\n\tcustomClass: CustomClassPropType;\n};\n\n/* validator */\nexport const validateCustomClass = (component: Generic.Element.Component, value?: CustomClassPropType): void => {\n\twatchString(component, '_customClass', value, {\n\t\tdefaultValue: undefined,\n\t});\n};\n"],"mappings":";;;8CAeaA,EAAsB,CAACC,EAAsCC,KACzEC,EAAYF,EAAW,eAAgBC,EAAO,CAC7CE,aAAcC,WACb,S","ignoreList":[]}

package/dist/kolibri/dev.utils-0ac8aabc.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{L as e,g as t,s as n,d as i,e as o,p as s,h as a}from"./index-ebe5a881.js";import{E as r}from"./index-bf880eba.js";const c=()=>{const e=t().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&(n(t.includes("dev-mode=true")),i(t.includes("experimental-mode=true")),o(t.includes("color-contrast-analysis=true")))}},u=()=>{let e=a().KoliBri;return void 0===e&&(e={},Object.defineProperty(a(),"KoliBri",{value:e,writable:!1})),e},l=()=>{c(),e.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${r.kolibriVersion}\n\t`,{forceLog:!0})},b=()=>{!0!==u().adviceShown&&(Object.defineProperty(u(),"adviceShown",{get:function(){return!0}}),e.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let f=()=>Math.floor(16777215*Math.random()).toString(16);"test"===s&&(f=()=>"nonce");export{l as i,f as n,b as r};

package/dist/kolibri/{dev.utils-139c37ee.js.map → dev.utils-0ac8aabc.js.map}

@@ -1 +1 @@
-{"version":3,"names":["initMeta","meta","getDocument","querySelector","hasAttribute","content","getAttribute","setDevMode","includes","setExperimentalMode","setColorContrastAnalysis","getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","initKoliBri","Log","debug","Env","kolibriVersion","forceLog","renderDevAdvice","adviceShown","get","nonce","Math","floor","random","toString","processEnv"],"sources":["src/utils/dev.utils.ts"],"sourcesContent":["import { Log, getDocument, processEnv, setColorContrastAnalysis, setDevMode, setExperimentalMode } from '../schema';\n\nimport { getWindow } from '../schema';\nimport { Env } from '@stencil/core';\n\nconst initMeta = (): void => {\n\tconst meta = getDocument().querySelector('meta[name=\"kolibri\"]');\n\tif (meta && meta.hasAttribute('content')) {\n\t\tconst content = meta.getAttribute('content');\n\t\tif (typeof content === 'string') {\n\t\t\tsetDevMode(content.includes('dev-mode=true'));\n\t\t\tsetExperimentalMode(content.includes('experimental-mode=true'));\n\t\t\tsetColorContrastAnalysis(content.includes('color-contrast-analysis=true'));\n\t\t}\n\t}\n};\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nexport { getKoliBri };\n\nexport const initKoliBri = (): void => {\n\tinitMeta();\n\tLog.debug(\n\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${Env.kolibriVersion}\n\t`,\n\t\t{\n\t\t\tforceLog: true,\n\t\t},\n\t);\n};\n\nexport const renderDevAdvice = (): void => {\n\tif (getKoliBri().adviceShown !== true) {\n\t\tObject.defineProperty(getKoliBri(), 'adviceShown', {\n\t\t\tget: function () {\n\t\t\t\treturn true;\n\t\t\t},\n\t\t});\n\t\tLog.debug(\n\t\t\t`\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n`,\n\t\t);\n\t}\n};\n\nlet nonce = (): string => Math.floor(Math.random() * 16777215).toString(16);\n\nif (processEnv === 'test') {\n\tnonce = (): string => 'nonce';\n}\n\nexport { nonce };\n"],"mappings":";;;+JAKA,MAAMA,EAAW,KAChB,MAAMC,EAAOC,IAAcC,cAAc,wBACzC,GAAIF,GAAQA,EAAKG,aAAa,WAAY,CACzC,MAAMC,EAAUJ,EAAKK,aAAa,WAClC,UAAWD,IAAY,SAAU,CAChCE,EAAWF,EAAQG,SAAS,kBAC5BC,EAAoBJ,EAAQG,SAAS,2BACrCE,EAAyBL,EAAQG,SAAS,gC,IAK7C,MAAMG,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,E,MAKFQ,EAAc,KAC1BpB,IACAqB,EAAIC,MACH,yVAMmEC,EAAIC,qBAEvE,CACCC,SAAU,MAEX,E,MAGWC,EAAkB,KAC9B,GAAIf,IAAagB,cAAgB,KAAM,CACtCX,OAAOC,eAAeN,IAAc,cAAe,CAClDiB,IAAK,WACJ,OAAO,I,IAGTP,EAAIC,MACH,0Q,OAUCO,EAAQ,IAAcC,KAAKC,MAAMD,KAAKE,SAAW,UAAUC,SAAS,IAExE,GAAIC,IAAe,OAAQ,CAC1BL,EAAQ,IAAc,OACvB,Q","ignoreList":[]}
+{"version":3,"names":["initMeta","meta","getDocument","querySelector","hasAttribute","content","getAttribute","setDevMode","includes","setExperimentalMode","setColorContrastAnalysis","getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","initKoliBri","Log","debug","Env","kolibriVersion","forceLog","renderDevAdvice","adviceShown","get","nonce","Math","floor","random","toString","processEnv"],"sources":["src/utils/dev.utils.ts"],"sourcesContent":["import { Log, getDocument, processEnv, setColorContrastAnalysis, setDevMode, setExperimentalMode } from '../schema';\n\nimport { getWindow } from '../schema';\nimport { Env } from '@stencil/core';\n\nconst initMeta = (): void => {\n\tconst meta = getDocument().querySelector('meta[name=\"kolibri\"]');\n\tif (meta && meta.hasAttribute('content')) {\n\t\tconst content = meta.getAttribute('content');\n\t\tif (typeof content === 'string') {\n\t\t\tsetDevMode(content.includes('dev-mode=true'));\n\t\t\tsetExperimentalMode(content.includes('experimental-mode=true'));\n\t\t\tsetColorContrastAnalysis(content.includes('color-contrast-analysis=true'));\n\t\t}\n\t}\n};\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nexport { getKoliBri };\n\nexport const initKoliBri = (): void => {\n\tinitMeta();\n\tLog.debug(\n\t\t`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \\`--' |  |) /_  ,--.--. \\`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\\\ |  .--' ,--.\n|  |\\\\   \\\\ | '-' | |  | |  | |  '--' / |  |    |  |\n\\`--' \\`--´  \\`---´  \\`--' \\`--' \\`------´  \\`--'    \\`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${Env.kolibriVersion}\n\t`,\n\t\t{\n\t\t\tforceLog: true,\n\t\t},\n\t);\n};\n\nexport const renderDevAdvice = (): void => {\n\tif (getKoliBri().adviceShown !== true) {\n\t\tObject.defineProperty(getKoliBri(), 'adviceShown', {\n\t\t\tget: function () {\n\t\t\t\treturn true;\n\t\t\t},\n\t\t});\n\t\tLog.debug(\n\t\t\t`\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n`,\n\t\t);\n\t}\n};\n\nlet nonce = (): string => Math.floor(Math.random() * 16777215).toString(16);\n\nif (processEnv === 'test') {\n\tnonce = (): string => 'nonce';\n}\n\nexport { nonce };\n"],"mappings":";;;0HAKA,MAAMA,EAAW,KAChB,MAAMC,EAAOC,IAAcC,cAAc,wBACzC,GAAIF,GAAQA,EAAKG,aAAa,WAAY,CACzC,MAAMC,EAAUJ,EAAKK,aAAa,WAClC,UAAWD,IAAY,SAAU,CAChCE,EAAWF,EAAQG,SAAS,kBAC5BC,EAAoBJ,EAAQG,SAAS,2BACrCE,EAAyBL,EAAQG,SAAS,gC,IAK7C,MAAMG,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,E,MAKFQ,EAAc,KAC1BpB,IACAqB,EAAIC,MACH,yVAMmEC,EAAIC,qBAEvE,CACCC,SAAU,MAEX,E,MAGWC,EAAkB,KAC9B,GAAIf,IAAagB,cAAgB,KAAM,CACtCX,OAAOC,eAAeN,IAAc,cAAe,CAClDiB,IAAK,WACJ,OAAO,I,IAGTP,EAAIC,MACH,0Q,OAUCO,EAAQ,IAAcC,KAAKC,MAAMD,KAAKE,SAAW,UAAUC,SAAS,IAExE,GAAIC,IAAe,OAAQ,CAC1BL,EAAQ,IAAc,OACvB,Q","ignoreList":[]}

package/dist/kolibri/devtools-be4a2647.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{Q as t,g as e,L as o,F as s,R as a,T as i,N as l,U as n,W as r,X as c,k as f,Y as d,h as L}from"./index-ebe5a881.js";import{i as p,r as m}from"./dev.utils-0ac8aabc.js";import"./index-bf880eba.js";const u=()=>{let t=L().KoliBri;return void 0===t&&(t={},Object.defineProperty(L(),"KoliBri",{value:t,writable:!1})),t};function h(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){o.debug(`KoliBri property ${t} is already bind.`)}}const v=(t,e)=>o.debug(`${t} ${e?"":"not "}activated`),b=()=>{if(p(),t()){m(),h("a11yColorContrast",i),h("querySelector",l),h("querySelectorAll",n),h("querySelectorColors",r),h("utils",(function(){return c})),h("parseJson",f),h("stringifyJson",d);const o=e().body,p=e().createElement("svg");if(p.setAttribute("aria-label","KoliBri-DevTools"),p.setAttribute("xmlns","http://www.w3.org/2000/svg"),p.setAttribute("role","toolbar"),p.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),p.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',e().body.appendChild(p),v("Development mode",t()),v("Experimental mode",s()),v("Color contrast analysis",a()),a()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{c.queryHtmlElementColors(e().createElement("div"),i(o),!1,!1)}),1e4)}),2500)}}};export{b as initialize};

package/dist/kolibri/{devtools-000c669d.js.map → devtools-be4a2647.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.innerHTML = `<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"50\"\n  height=\"50\"\n  viewBox=\"0 0 600 600\"\n>\n  <path d=\"M353 322L213 304V434L353 322Z\" fill=\"#047\" />\n  <path d=\"M209 564V304L149 434L209 564Z\" fill=\"#047\" />\n  <path d=\"M357 316L417 250L361 210L275 244L357 316Z\" fill=\"#047\" />\n  <path d=\"M353 318L35 36L213 300L353 318Z\" fill=\"#047\" />\n  <path d=\"M329 218L237 92L250 222L272 241L329 218Z\" fill=\"#047\" />\n  <path d=\"M391 286L565 272L421 252L391 286Z\" fill=\"#047\" />\n</svg>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;6SAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}
+{"version":3,"names":["getKoliBri","kolibri","getWindow","KoliBri","undefined","Object","defineProperty","value","writable","prototypeKoliBri","name","cb","get","e","Log","debug","metaModeLog","active","initialize","initKoliBri","getDevMode","renderDevAdvice","koliBriA11yColorContrast","koliBriQuerySelector","koliBriQuerySelectorAll","koliBriQuerySelectorColors","KoliBriUtils","parseJson","stringifyJson","body","getDocument","div","createElement","setAttribute","innerHTML","appendChild","getExperimentalMode","getColorContrastAnalysis","timeout","setTimeout","clearTimeout","setInterval","queryHtmlElementColors"],"sources":["src/global/devtools.ts"],"sourcesContent":["import {\n\tgetColorContrastAnalysis,\n\tgetDevMode,\n\tgetDocument,\n\tgetExperimentalMode,\n\tgetWindow,\n\tkoliBriA11yColorContrast,\n\tkoliBriQuerySelector,\n\tkoliBriQuerySelectorAll,\n\tkoliBriQuerySelectorColors,\n\tKoliBriUtils,\n\tLog,\n\tparseJson,\n\tstringifyJson,\n} from '../schema';\nimport { initKoliBri, renderDevAdvice } from '../utils/dev.utils';\n\nconst getKoliBri = (): Record<string, unknown> => {\n\tlet kolibri = getWindow().KoliBri;\n\tif (kolibri === undefined) {\n\t\tkolibri = {};\n\t\tObject.defineProperty(getWindow(), 'KoliBri', {\n\t\t\tvalue: kolibri,\n\t\t\twritable: false,\n\t\t});\n\t}\n\treturn kolibri;\n};\n\nfunction prototypeKoliBri<T>(name: string, cb: T) {\n\ttry {\n\t\tObject.defineProperty(getKoliBri(), name, {\n\t\t\tget: function () {\n\t\t\t\treturn cb;\n\t\t\t},\n\t\t});\n\t} catch (e) {\n\t\tLog.debug(`KoliBri property ${name} is already bind.`);\n\t}\n}\n\nconst metaModeLog = (name: string, active: boolean) => Log.debug(`${name} ${active ? '' : 'not '}activated`);\n\nexport const initialize = (): void => {\n\tinitKoliBri();\n\tif (getDevMode()) {\n\t\trenderDevAdvice();\n\n\t\tprototypeKoliBri('a11yColorContrast', koliBriA11yColorContrast);\n\t\tprototypeKoliBri('querySelector', koliBriQuerySelector);\n\t\tprototypeKoliBri('querySelectorAll', koliBriQuerySelectorAll);\n\t\tprototypeKoliBri('querySelectorColors', koliBriQuerySelectorColors);\n\t\tprototypeKoliBri('utils', function () {\n\t\t\treturn KoliBriUtils;\n\t\t});\n\t\tprototypeKoliBri('parseJson', parseJson);\n\t\tprototypeKoliBri('stringifyJson', stringifyJson);\n\n\t\tconst body = getDocument().body;\n\n\t\tconst div = getDocument().createElement('svg');\n\t\tdiv.setAttribute('aria-label', 'KoliBri-DevTools');\n\t\tdiv.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n\t\tdiv.setAttribute('role', 'toolbar');\n\t\tdiv.setAttribute('style', 'position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;');\n\t\tdiv.innerHTML = `<svg\n  xmlns=\"http://www.w3.org/2000/svg\"\n  width=\"50\"\n  height=\"50\"\n  viewBox=\"0 0 600 600\"\n>\n  <path d=\"M353 322L213 304V434L353 322Z\" fill=\"#047\" />\n  <path d=\"M209 564V304L149 434L209 564Z\" fill=\"#047\" />\n  <path d=\"M357 316L417 250L361 210L275 244L357 316Z\" fill=\"#047\" />\n  <path d=\"M353 318L35 36L213 300L353 318Z\" fill=\"#047\" />\n  <path d=\"M329 218L237 92L250 222L272 241L329 218Z\" fill=\"#047\" />\n  <path d=\"M391 286L565 272L421 252L391 286Z\" fill=\"#047\" />\n</svg>`;\n\n\t\tgetDocument().body.appendChild(div);\n\n\t\tmetaModeLog('Development mode', getDevMode());\n\t\tmetaModeLog('Experimental mode', getExperimentalMode());\n\t\tmetaModeLog('Color contrast analysis', getColorContrastAnalysis());\n\n\t\tif (getColorContrastAnalysis()) {\n\t\t\tconst timeout = setTimeout(() => {\n\t\t\t\tclearTimeout(timeout);\n\t\t\t\tsetInterval(() => {\n\t\t\t\t\tKoliBriUtils.queryHtmlElementColors(getDocument().createElement('div'), koliBriA11yColorContrast(body), false, false);\n\t\t\t\t}, 10000);\n\t\t\t}, 2500);\n\t\t}\n\n\t\t// setTimeout(() => {\n\t\t//   const kolButton = koliBriQuerySelector<HTMLButtonElement>(document, '[_label=\"Aktion ausführen\"]');\n\t\t//   if (kolButton) {\n\t\t//     const button = koliBriQuerySelector<HTMLButtonElement>(kolButton?.shadowRoot as ShadowRoot, 'button');\n\t\t//     if (button) {\n\t\t//       kolButton.style.backgroundColor = '#988';\n\t\t//       button.style.backgroundColor = 'inherit';\n\t\t//       button.style.color = '#988';\n\t\t//       const kolButtonColors = koliBriQuerySelectorColors('[_label=\"Aktion ausführen\"]');\n\t\t//       console.log(\n\t\t//         koliBriQuerySelectorColors('button', {\n\t\t//           ...kolButtonColors,\n\t\t//         })\n\t\t//       );\n\t\t//     }\n\t\t//   }\n\t\t// }, 2500);\n\t}\n};\n"],"mappings":";;;2MAiBA,MAAMA,EAAa,KAClB,IAAIC,EAAUC,IAAYC,QAC1B,GAAIF,IAAYG,UAAW,CAC1BH,EAAU,GACVI,OAAOC,eAAeJ,IAAa,UAAW,CAC7CK,MAAON,EACPO,SAAU,O,CAGZ,OAAOP,CAAO,EAGf,SAASQ,EAAoBC,EAAcC,GAC1C,IACCN,OAAOC,eAAeN,IAAcU,EAAM,CACzCE,IAAK,WACJ,OAAOD,C,IAGR,MAAOE,GACRC,EAAIC,MAAM,oBAAoBL,qB,CAEhC,CAEA,MAAMM,EAAc,CAACN,EAAcO,IAAoBH,EAAIC,MAAM,GAAGL,KAAQO,EAAS,GAAK,mB,MAE7EC,EAAa,KACzBC,IACA,GAAIC,IAAc,CACjBC,IAEAZ,EAAiB,oBAAqBa,GACtCb,EAAiB,gBAAiBc,GAClCd,EAAiB,mBAAoBe,GACrCf,EAAiB,sBAAuBgB,GACxChB,EAAiB,SAAS,WACzB,OAAOiB,C,IAERjB,EAAiB,YAAakB,GAC9BlB,EAAiB,gBAAiBmB,GAElC,MAAMC,EAAOC,IAAcD,KAE3B,MAAME,EAAMD,IAAcE,cAAc,OACxCD,EAAIE,aAAa,aAAc,oBAC/BF,EAAIE,aAAa,QAAS,8BAC1BF,EAAIE,aAAa,OAAQ,WACzBF,EAAIE,aAAa,QAAS,gFAC1BF,EAAIG,UAAY,ueAchBJ,IAAcD,KAAKM,YAAYJ,GAE/Bf,EAAY,mBAAoBI,KAChCJ,EAAY,oBAAqBoB,KACjCpB,EAAY,0BAA2BqB,KAEvC,GAAIA,IAA4B,CAC/B,MAAMC,EAAUC,YAAW,KAC1BC,aAAaF,GACbG,aAAY,KACXf,EAAagB,uBAAuBZ,IAAcE,cAAc,OAAQV,EAAyBO,GAAO,MAAO,MAAM,GACnH,IAAM,GACP,K","ignoreList":[]}

package/dist/kolibri/disabled-e1038f54.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{i as a,j as e}from"./index-ebe5a881.js";const s=(s,o)=>{a(s,"_disabled",o,{hooks:{afterPatch:a=>{!0===a&&e()}}})};export{s as v};

package/dist/kolibri/{disabled-11f5f213.js.map → disabled-e1038f54.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateDisabled","component","value","watchBoolean","hooks","afterPatch","a11yHintDisabled"],"sources":["src/schema/props/disabled.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { a11yHintDisabled, watchBoolean } from '../utils';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value, {\n\t\thooks: {\n\t\t\tafterPatch: (value) => {\n\t\t\t\tif (value === true) {\n\t\t\t\t\ta11yHintDisabled();\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"mappings":";;;+DAeaA,EAAmB,CAACC,EAAsCC,KACtEC,EAAaF,EAAW,YAAaC,EAAO,CAC3CE,MAAO,CACNC,WAAaH,IACZ,GAAIA,IAAU,KAAM,CACnBI,G,KAIF,S","ignoreList":[]}
+{"version":3,"names":["validateDisabled","component","value","watchBoolean","hooks","afterPatch","a11yHintDisabled"],"sources":["src/schema/props/disabled.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { a11yHintDisabled, watchBoolean } from '../utils';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value, {\n\t\thooks: {\n\t\t\tafterPatch: (value) => {\n\t\t\t\tif (value === true) {\n\t\t\t\t\ta11yHintDisabled();\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"mappings":";;;qDAeaA,EAAmB,CAACC,EAAsCC,KACtEC,EAAaF,EAAW,YAAaC,EAAO,CAC3CE,MAAO,CACNC,WAAaH,IACZ,GAAIA,IAAU,KAAM,CACnBI,G,KAIF,S","ignoreList":[]}

package/dist/kolibri/getRenderStates-d37b86aa.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{i as e,o as t,k as i,w as s,x as o,t as a,C as n,m as r,j as l,c as d,B as h,D as c,l as u}from"./index-ebe5a881.js";import{d as f,K as m}from"./events-5886c68b.js";import{A as p}from"./associated.controller-43abc1c0.js";import{v as b,a as v,b as g,c as y}from"./access-and-short-key-f743a5c4.js";import{v as _}from"./tooltip-align-465a8590.js";import{v as j}from"./hide-label-8b3a8709.js";import{a as x}from"./label-bf9966d0.js";import{_ as L}from"./tslib.es6-1173d062.js";import{h as k,F as O}from"./index-bf880eba.js";import{c as K}from"./clsx-09a06a12.js";import{K as B}from"./Alert-05f95bd6.js";import{i as C,K as F}from"./InternalUnderlinedBadgeText-7028c03e.js";import{t as P}from"./i18n-260f0fe9.js";import{f as M}from"./component-names-799e91e2.js";const T=(t,o)=>{e(t,"_adjustHeight",o)},$=(t,o,s)=>{e(t,"_hideMsg",o,s)};function w(e){return Object.entries(e).reduce(((e,[t,o])=>{const s=t.startsWith("_")?t.slice(1):t;return Object.assign(Object.assign({},e),{[s]:o})}),{})}const H=(e,n)=>{t(n,(()=>{try{n=i(n)}catch(e){}s(e,"_msg",(e=>o(e)&&a(null==e?void 0:e._description,1)||void 0===(null==e?void 0:e._type)),new Set(["MsgPropType"]),n)}))};function N(e){if(e)return w(e)}function E(e,t){return!!e&&(!0===t||"error"!==(null==e?void 0:e.type))}const I=(t,o)=>{e(t,"_touched",o)},A=e=>{var{alert:t,msg:o,hideMsg:s,id:i,class:n}=e,a=L(e,["alert","msg","hideMsg","id","class"]);return k(B,Object.assign({id:`${i}-msg`,alert:t,type:"error",class:K("kol-form-field__msg",{"visually-hidden":!0===s},n)},o,a,{"aria-hidden":"true"}),(null==o?void 0:o.description)||void 0)},S=({hasExpertSlot:e,accessKey:t,shortKey:o,label:s,showBadge:i=!0})=>{if(e)return k("slot",{name:"expert"});if(!s)return null;const a=C(t)||C(o);if(!i||!a)return k("span",null,s);const l=n(t,o);return k(O,null,k(F,{badgeText:l,label:s})," ",k("span",{class:"badge-text-hint","aria-hidden":"true"},l))},q=e=>{var{component:t="label",id:o,baseClassName:s="kol-form-field",class:i,accessKey:n,shortKey:a,label:l,hideLabel:r,hasExpertSlot:d,showBadge:c}=e,h=L(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const m=!d&&r;return k(t,Object.assign({},h,{class:K(`${s}__label`,i),id:m?void 0:`${o}-label`,hidden:m,htmlFor:o}),k("span",{class:K(`${s}__label-text`)},k(S,{hasExpertSlot:d,accessKey:n,shortKey:a,label:l,showBadge:c})))},D=e=>{var{id:t,class:o,hint:s,baseClassName:i="kol-form-field"}=e,n=L(e,["id","class","hint","baseClassName"]);return s?k("span",Object.assign({class:K(`${i}__hint`,o),id:`${t}-hint`},n),s):null},W=e=>{var{currentLength:t,maxLength:o,class:s}=e,i=L(e,["currentLength","maxLength","class"]);return k("span",Object.assign({class:K("kol-form-field__counter",s)},i,{"aria-atomic":"true","aria-live":"polite","data-testid":"input-counter"}),t,o&&k(O,null,k("span",{"aria-label":P("kol-of"),role:"img"},"/"),o)," ",k("span",null,P("kol-characters")))},z=({id:e,align:t,badgeText:o,hideLabel:s,label:i,class:n})=>k(M,{"aria-hidden":"true",class:K("kol-form-field__tooltip",n),_badgeText:o,_align:t,_id:s?`${e}-label`:void 0,_label:i});function U(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const V=(e,t)=>{var{class:o}=e,s=L(e,["class"]);return k("div",Object.assign({class:K("kol-form-field__input",o)},s),t)},G=(e,t)=>{const{component:o="div",renderNoLabel:s,renderNoTooltip:i,renderNoHint:a,anotherChildren:l,id:d,required:c,alert:h,disabled:m,class:p,msg:u,hideMsg:b,hideLabel:g,label:f,hint:v,accessKey:_,shortKey:y,tooltipAlign:j,counter:x,readOnly:C,touched:O,formFieldLabelProps:B,formFieldHintProps:F,formFieldTooltipProps:M,formFieldMsgProps:P,formFieldCounterProps:H,formFieldInputProps:I}=e,T=L(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldCounterProps","formFieldInputProps"]),N=!s,$=!a,w=!i,S=r(f),G=E(u,O),J=n(_,y),Q=w&&!S&&g;let R={"kol-form-field--disabled":Boolean(m),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(O),"kol-form-field--hide-label":Boolean(g),"kol-form-field--read-only":Boolean(C),"kol-form-field--hidden-msg":Boolean(b)};return G&&(R=Object.assign(Object.assign({},R),{[`kol-form-field--${(null==u?void 0:u.type)||"error"}`]:!0,[`kol-form-field--${U(u)}`]:!0})),k(o,Object.assign({class:K("kol-form-field",R,p)},T),N&&k(q,Object.assign({},B||{},{id:d,hasExpertSlot:S,hideLabel:g,label:f,accessKey:_,shortKey:y})),k(V,Object.assign({},I),t,Q&&k(z,Object.assign({},M||{},{id:d,label:f,hideLabel:g,align:j,badgeText:J}))),x?k(W,Object.assign({},H||{},x)):null,G&&k(A,Object.assign({},P||{},{id:d,alert:h,msg:u,hideMsg:b})),$&&k(D,Object.assign({},F||{},{id:d,hint:v})),l)};function J({ariaDescribedBy:e,hideLabel:t,label:o}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&o?o:void 0}}class Q extends p{constructor(e,t,o){super(e,t,o),this.component=e}validateTouched(e){I(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class R extends Q{constructor(e,t,o){super(e,t,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=e}validateAccessKey(e){b(this.component,e),v(e,this.component._shortKey)}validateAdjustHeight(e){T(this.component,e)}validateDisabled(t){e(this.component,"_disabled",t),!0===t&&l()}validateTooltipAlign(e){_(this.component,e)}validateHideMsg(e){$(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&d("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){j(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&d("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){h(this.component,"_hint",e)}validateId(e){h(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||c("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){x(this.component,e,{required:!0})}validateMsg(e){H(this.component,e)}validateOn(e){"object"==typeof e&&u(this.component,"_on",e)}validateShortKey(e){g(this.component,e),v(this.component._accessKey,e)}validateSmartButton(e){t(e,(()=>{try{e=i(e)}catch(e){}u(this.component,"_smartButton",e)}))}validateTabIndex(e){y(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),v(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&f(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(m.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var o;void 0===t&&(t=e.target.value),this.emitEvent(m.change,t),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach((e=>e(t)))}onInput(e,t=!0,o){var s;void 0===o&&(o=e.target.value),this.emitEvent(m.input,o),t&&this.setFormAssociatedValue(o),"function"==typeof(null===(s=this.component._on)||void 0===s?void 0:s.onInput)&&this.component._on.onInput(e,o)}onClick(e){var t;this.emitEvent(m.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(m.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}}function X(e){const t={id:e._id,disabled:e._disabled,msg:N(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_hasCounter"in e&&"_currentLength"in e&&(t.counter=e._hasCounter?{currentLength:e._currentLength}:void 0,t.counter&&"_maxLength"in e&&(t.counter.maxLength=e._maxLength)),t}const Y=(e,t)=>{var{state:o}=e,s=L(e,["state"]);return k(G,Object.assign({},X(o),s),t)},Z=e=>{var t,o,s;const i=Boolean((null===(t=null==e?void 0:e._msg)||void 0===t?void 0:t._description)&&(null===(o=e._msg._description)||void 0===o?void 0:o.length)>0),n="error"===(null===(s=e._msg)||void 0===s?void 0:s._type)&&i&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return i&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:n,hasHint:a,ariaDescribedBy:l}};export{Y as F,R as I,q as K,N as a,z as b,E as c,D as d,J as e,Z as g};