npm - @public-ui/components - Versions diffs - 2.0.1 → 2.0.3 - Mend

@public-ui/components 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (581) hide show

package/dist/components/color.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{D as rgbaConvert,E as s,w as watchValidator,b as a11yHint}from"./prop.validators.js";var colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},colorParse=parse,baseHues={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function parse(r){var e,a,o=[],t=1;if("string"==typeof r)if(r=r.toLowerCase(),colorName[r])o=colorName[r].slice(),a="rgb";else if("transparent"===r)t=0,a="rgb",o=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(r)){var n=r.slice(1);t=1,(s=n.length)<=4?(o=[parseInt(n[0]+n[0],16),parseInt(n[1]+n[1],16),parseInt(n[2]+n[2],16)],4===s&&(t=parseInt(n[3]+n[3],16)/255)):(o=[parseInt(n[0]+n[1],16),parseInt(n[2]+n[3],16),parseInt(n[4]+n[5],16)],8===s&&(t=parseInt(n[6]+n[7],16)/255)),o[0]||(o[0]=0),o[1]||(o[1]=0),o[2]||(o[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(r)){var l=e[1],i="rgb"===l;a=n=l.replace(/a$/,"");var s="cmyk"===n?4:"gray"===n?1:3;o=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,e){if(/%$/.test(r))return e===s?parseFloat(r)/100:"rgb"===n?255*parseFloat(r)/100:parseFloat(r);if("h"===n[e]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==baseHues[r])return baseHues[r]}return parseFloat(r)})),l===n&&o.push(1),t=i||void 0===o[s]?1:o[s],o=o.slice(0,s)}else r.length>10&&/[0-9](?:\s|\/)/.test(r)&&(o=r.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),a=r.match(/([a-z])/gi).join("").toLowerCase());else isNaN(r)?Array.isArray(r)||r.length?(o=[r[0],r[1],r[2]],a="rgb",t=4===r.length?r[3]:1):r instanceof Object&&(null!=r.r||null!=r.red||null!=r.R?(a="rgb",o=[r.r||r.red||r.R||0,r.g||r.green||r.G||0,r.b||r.blue||r.B||0]):(a="hsl",o=[r.h||r.hue||r.H||0,r.s||r.saturation||r.S||0,r.l||r.lightness||r.L||r.b||r.brightness]),t=r.a||r.alpha||r.opacity||1,null!=r.opacity&&(t/=100)):(a="rgb",o=[r>>>16,(65280&r)>>>8,255&r]);return{space:a,values:o,alpha:t}}var colorRgba=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var a=colorParse(r);if(!a.space)return[];var o=[0,0,0],t="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],o[0]),t[0]),e[1]=Math.min(Math.max(a.values[1],o[1]),t[1]),e[2]=Math.min(Math.max(a.values[2],o[2]),t[2]),"h"===a.space[0]&&(e=hsl2rgb(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function hsl2rgb(r){var e,a,o,t,n,l=r[0]/360,i=r[1]/100,s=r[2]/100,u=0;if(0===i)return[n=255*s,n,n];for(e=2*s-(a=s<.5?s*(1+i):s+i-s*i),t=[0,0,0];u<3;)(o=l+1/3*-(u-1))<0?o++:o>1&&o--,n=6*o<1?e+6*(a-e)*o:2*o<1?a:3*o<2?e+(a-e)*(2/3-o)*6:e,t[u++]=255*n;return t}const getContrastYIQ=(r,e,a)=>(299*r+587*e+114*a)/1e3>=128?-1:1,calcColorContrast=(r,e,a,o=1)=>{const t=[Math.max(Math.min(Math.round(e[0]+o*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+o*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+o*Math.max(1,e[2]/100)),255),0)],n=s(rgbaConvert.hex(`rgba(${r.join(",")},1)`),rgbaConvert.hex(`rgba(${t.join(",")},1)`)),l=t[0]+t[1]+t[2];return 0===l||765===l||n>a?{background:r,foreground:t,contrast:n}:calcColorContrast(r,t,a,o)},cache=new Map,getColorContrast=(r,e,a,o=1)=>{if(cache.has(r))return cache.get(r);const t=calcColorContrast(r,e,a,o);return cache.set(r,t),t},createContrastColorPair=(r,e=7)=>{let a=[0,0,0,1],o=[255,255,255,1];"string"==typeof r?(a=colorRgba(r),o=a):"object"==typeof r&&null!==r&&"string"==typeof r.background&&"string"==typeof r.foreground&&(a=colorRgba(r.background),o="string"==typeof r.foreground?colorRgba(r.foreground):a);const t=getContrastYIQ(a[0],a[1],a[2]),n=getColorContrast([a[0],a[1],a[2]],[o[0],o[1],o[2]],e,t);return o=[...n.foreground,1],{background:rgbaConvert.hex(`rgba(${a.join(",")})`),foreground:rgbaConvert.hex(`rgba(${o.join(",")})`),contrast:n.contrast}},HEX_REGEX=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function isHexString(r){return HEX_REGEX.test(r)}function isColorObjectString(r){if(r.startsWith("{"))try{const e=JSON.parse(r);if(isValidColorPair(e))return{type:"ColorPair",value:e}}catch(r){return{type:null,value:null}}return{type:null,value:null}}function typeOfColor(r){if(r)if("string"==typeof r){if(isHexString(r))return{type:"string",valid:!0,value:r};{const e=isColorObjectString(r);if(e.value)return{type:e.type,valid:!0,value:e.value}}}else{const e=r;if(isValidColorPair(e))return{type:"ColorPair",valid:!0,value:e}}return{type:null,valid:!1,value:""}}function isValidColorPair(r){return!("object"!=typeof r||!r||"string"!=typeof r.backgroundColor||!("string"==typeof r.foregroundColor||r.foregroundColor&&"string"==typeof r.foregroundColor.primary&&"string"==typeof r.foregroundColor.secondary&&"string"==typeof r.foregroundColor.neutral))}function validatorFunction(r){const e=typeOfColor(r);switch(e.type){case null:return!1;case"string":case"ColorPair":return e.valid}}const validateColor=(r,e,a)=>{watchValidator(r,"_color",validatorFunction,new Set(["rgb in hex","ColorPair"]),e,a)},handleColorChange=r=>{var e;let a;const o=typeOfColor(r);switch(o.type){case"string":a=createContrastColorPair(o.value);break;case"ColorPair":{const r=o.value;let t="";"string"==typeof r.foregroundColor?t=r.foregroundColor:(null===(e=r.foregroundColor)||void 0===e?void 0:e.primary)&&(t=r.foregroundColor.primary),t&&"string"==typeof t||(t="#fff"),a=createContrastColorPair({background:r.backgroundColor,foreground:t});break}case null:console.warn(`_color was empty or invalid (${JSON.stringify(r)})`),a=createContrastColorPair({background:"#000",foreground:"#000"})}return a.contrast<7&&a11yHint(`[KolBadge] The contrast of ${a.contrast} (≥7, AAA) is to low, between the color pair ${a.background} and ${a.foreground}.`),{backgroundColor:a.background,foregroundColor:a.foreground}};export{colorRgba as c,handleColorChange as h,validateColor as v};
+import{D as rgbaConvert,E as s,w as watchValidator,a as a11yHint}from"./prop.validators.js";var colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},colorParse=parse,baseHues={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function parse(r){var e,a,o=[],t=1;if("string"==typeof r)if(r=r.toLowerCase(),colorName[r])o=colorName[r].slice(),a="rgb";else if("transparent"===r)t=0,a="rgb",o=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(r)){var n=r.slice(1);t=1,(s=n.length)<=4?(o=[parseInt(n[0]+n[0],16),parseInt(n[1]+n[1],16),parseInt(n[2]+n[2],16)],4===s&&(t=parseInt(n[3]+n[3],16)/255)):(o=[parseInt(n[0]+n[1],16),parseInt(n[2]+n[3],16),parseInt(n[4]+n[5],16)],8===s&&(t=parseInt(n[6]+n[7],16)/255)),o[0]||(o[0]=0),o[1]||(o[1]=0),o[2]||(o[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(r)){var l=e[1],i="rgb"===l;a=n=l.replace(/a$/,"");var s="cmyk"===n?4:"gray"===n?1:3;o=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,e){if(/%$/.test(r))return e===s?parseFloat(r)/100:"rgb"===n?255*parseFloat(r)/100:parseFloat(r);if("h"===n[e]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==baseHues[r])return baseHues[r]}return parseFloat(r)})),l===n&&o.push(1),t=i||void 0===o[s]?1:o[s],o=o.slice(0,s)}else r.length>10&&/[0-9](?:\s|\/)/.test(r)&&(o=r.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),a=r.match(/([a-z])/gi).join("").toLowerCase());else isNaN(r)?Array.isArray(r)||r.length?(o=[r[0],r[1],r[2]],a="rgb",t=4===r.length?r[3]:1):r instanceof Object&&(null!=r.r||null!=r.red||null!=r.R?(a="rgb",o=[r.r||r.red||r.R||0,r.g||r.green||r.G||0,r.b||r.blue||r.B||0]):(a="hsl",o=[r.h||r.hue||r.H||0,r.s||r.saturation||r.S||0,r.l||r.lightness||r.L||r.b||r.brightness]),t=r.a||r.alpha||r.opacity||1,null!=r.opacity&&(t/=100)):(a="rgb",o=[r>>>16,(65280&r)>>>8,255&r]);return{space:a,values:o,alpha:t}}var colorRgba=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var a=colorParse(r);if(!a.space)return[];var o=[0,0,0],t="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],o[0]),t[0]),e[1]=Math.min(Math.max(a.values[1],o[1]),t[1]),e[2]=Math.min(Math.max(a.values[2],o[2]),t[2]),"h"===a.space[0]&&(e=hsl2rgb(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function hsl2rgb(r){var e,a,o,t,n,l=r[0]/360,i=r[1]/100,s=r[2]/100,u=0;if(0===i)return[n=255*s,n,n];for(e=2*s-(a=s<.5?s*(1+i):s+i-s*i),t=[0,0,0];u<3;)(o=l+1/3*-(u-1))<0?o++:o>1&&o--,n=6*o<1?e+6*(a-e)*o:2*o<1?a:3*o<2?e+(a-e)*(2/3-o)*6:e,t[u++]=255*n;return t}const getContrastYIQ=(r,e,a)=>(299*r+587*e+114*a)/1e3>=128?-1:1,calcColorContrast=(r,e,a,o=1)=>{const t=[Math.max(Math.min(Math.round(e[0]+o*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+o*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+o*Math.max(1,e[2]/100)),255),0)],n=s(rgbaConvert.hex(`rgba(${r.join(",")},1)`),rgbaConvert.hex(`rgba(${t.join(",")},1)`)),l=t[0]+t[1]+t[2];return 0===l||765===l||n>a?{background:r,foreground:t,contrast:n}:calcColorContrast(r,t,a,o)},cache=new Map,getColorContrast=(r,e,a,o=1)=>{if(cache.has(r))return cache.get(r);const t=calcColorContrast(r,e,a,o);return cache.set(r,t),t},createContrastColorPair=(r,e=7)=>{let a=[0,0,0,1],o=[255,255,255,1];"string"==typeof r?(a=colorRgba(r),o=a):"object"==typeof r&&null!==r&&"string"==typeof r.background&&"string"==typeof r.foreground&&(a=colorRgba(r.background),o="string"==typeof r.foreground?colorRgba(r.foreground):a);const t=getContrastYIQ(a[0],a[1],a[2]),n=getColorContrast([a[0],a[1],a[2]],[o[0],o[1],o[2]],e,t);return o=[...n.foreground,1],{background:rgbaConvert.hex(`rgba(${a.join(",")})`),foreground:rgbaConvert.hex(`rgba(${o.join(",")})`),contrast:n.contrast}},HEX_REGEX=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function isHexString(r){return HEX_REGEX.test(r)}function isColorObjectString(r){if(r.startsWith("{"))try{const e=JSON.parse(r);if(isValidColorPair(e))return{type:"ColorPair",value:e}}catch(r){return{type:null,value:null}}return{type:null,value:null}}function typeOfColor(r){if(r)if("string"==typeof r){if(isHexString(r))return{type:"string",valid:!0,value:r};{const e=isColorObjectString(r);if(e.value)return{type:e.type,valid:!0,value:e.value}}}else{const e=r;if(isValidColorPair(e))return{type:"ColorPair",valid:!0,value:e}}return{type:null,valid:!1,value:""}}function isValidColorPair(r){return!("object"!=typeof r||!r||"string"!=typeof r.backgroundColor||!("string"==typeof r.foregroundColor||r.foregroundColor&&"string"==typeof r.foregroundColor.primary&&"string"==typeof r.foregroundColor.secondary&&"string"==typeof r.foregroundColor.neutral))}function validatorFunction(r){const e=typeOfColor(r);switch(e.type){case null:return!1;case"string":case"ColorPair":return e.valid}}const validateColor=(r,e,a)=>{watchValidator(r,"_color",validatorFunction,new Set(["rgb in hex","ColorPair"]),e,a)},handleColorChange=r=>{var e;let a;const o=typeOfColor(r);switch(o.type){case"string":a=createContrastColorPair(o.value);break;case"ColorPair":{const r=o.value;let t="";"string"==typeof r.foregroundColor?t=r.foregroundColor:(null===(e=r.foregroundColor)||void 0===e?void 0:e.primary)&&(t=r.foregroundColor.primary),t&&"string"==typeof t||(t="#fff"),a=createContrastColorPair({background:r.backgroundColor,foreground:t});break}case null:console.warn(`_color was empty or invalid (${JSON.stringify(r)})`),a=createContrastColorPair({background:"#000",foreground:"#000"})}return a.contrast<7&&a11yHint(`[KolBadge] The contrast of ${a.contrast} (≥7, AAA) is to low, between the color pair ${a.background} and ${a.foreground}.`),{backgroundColor:a.background,foregroundColor:a.foreground}};export{colorRgba as c,handleColorChange as h,validateColor as v};

package/dist/components/component.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{v as validateLabel}from"./label.js";import{f as watchString}from"./prop.validators.js";const defaultStyleCss='/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n@font-face {\n\tfont-family: "codicon";\n\tfont-display: block;\n\tsrc: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n\n.codicon[class*=\'codicon-\'] {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n\t/* Use steps to throttle FPS to reduce CPU usage */\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n\topacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n\topacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n\n.codicon-add:before { content: "\\ea60" }\n.codicon-plus:before { content: "\\ea60" }\n.codicon-gist-new:before { content: "\\ea60" }\n.codicon-repo-create:before { content: "\\ea60" }\n.codicon-lightbulb:before { content: "\\ea61" }\n.codicon-light-bulb:before { content: "\\ea61" }\n.codicon-repo:before { content: "\\ea62" }\n.codicon-repo-delete:before { content: "\\ea62" }\n.codicon-gist-fork:before { content: "\\ea63" }\n.codicon-repo-forked:before { content: "\\ea63" }\n.codicon-git-pull-request:before { content: "\\ea64" }\n.codicon-git-pull-request-abandoned:before { content: "\\ea64" }\n.codicon-record-keys:before { content: "\\ea65" }\n.codicon-keyboard:before { content: "\\ea65" }\n.codicon-tag:before { content: "\\ea66" }\n.codicon-tag-add:before { content: "\\ea66" }\n.codicon-tag-remove:before { content: "\\ea66" }\n.codicon-person:before { content: "\\ea67" }\n.codicon-person-follow:before { content: "\\ea67" }\n.codicon-person-outline:before { content: "\\ea67" }\n.codicon-person-filled:before { content: "\\ea67" }\n.codicon-git-branch:before { content: "\\ea68" }\n.codicon-git-branch-create:before { content: "\\ea68" }\n.codicon-git-branch-delete:before { content: "\\ea68" }\n.codicon-source-control:before { content: "\\ea68" }\n.codicon-mirror:before { content: "\\ea69" }\n.codicon-mirror-public:before { content: "\\ea69" }\n.codicon-star:before { content: "\\ea6a" }\n.codicon-star-add:before { content: "\\ea6a" }\n.codicon-star-delete:before { content: "\\ea6a" }\n.codicon-star-empty:before { content: "\\ea6a" }\n.codicon-comment:before { content: "\\ea6b" }\n.codicon-comment-add:before { content: "\\ea6b" }\n.codicon-alert:before { content: "\\ea6c" }\n.codicon-warning:before { content: "\\ea6c" }\n.codicon-search:before { content: "\\ea6d" }\n.codicon-search-save:before { content: "\\ea6d" }\n.codicon-log-out:before { content: "\\ea6e" }\n.codicon-sign-out:before { content: "\\ea6e" }\n.codicon-log-in:before { content: "\\ea6f" }\n.codicon-sign-in:before { content: "\\ea6f" }\n.codicon-eye:before { content: "\\ea70" }\n.codicon-eye-unwatch:before { content: "\\ea70" }\n.codicon-eye-watch:before { content: "\\ea70" }\n.codicon-circle-filled:before { content: "\\ea71" }\n.codicon-primitive-dot:before { content: "\\ea71" }\n.codicon-close-dirty:before { content: "\\ea71" }\n.codicon-debug-breakpoint:before { content: "\\ea71" }\n.codicon-debug-breakpoint-disabled:before { content: "\\ea71" }\n.codicon-debug-hint:before { content: "\\ea71" }\n.codicon-primitive-square:before { content: "\\ea72" }\n.codicon-edit:before { content: "\\ea73" }\n.codicon-pencil:before { content: "\\ea73" }\n.codicon-info:before { content: "\\ea74" }\n.codicon-issue-opened:before { content: "\\ea74" }\n.codicon-gist-private:before { content: "\\ea75" }\n.codicon-git-fork-private:before { content: "\\ea75" }\n.codicon-lock:before { content: "\\ea75" }\n.codicon-mirror-private:before { content: "\\ea75" }\n.codicon-close:before { content: "\\ea76" }\n.codicon-remove-close:before { content: "\\ea76" }\n.codicon-x:before { content: "\\ea76" }\n.codicon-repo-sync:before { content: "\\ea77" }\n.codicon-sync:before { content: "\\ea77" }\n.codicon-clone:before { content: "\\ea78" }\n.codicon-desktop-download:before { content: "\\ea78" }\n.codicon-beaker:before { content: "\\ea79" }\n.codicon-microscope:before { content: "\\ea79" }\n.codicon-vm:before { content: "\\ea7a" }\n.codicon-device-desktop:before { content: "\\ea7a" }\n.codicon-file:before { content: "\\ea7b" }\n.codicon-file-text:before { content: "\\ea7b" }\n.codicon-more:before { content: "\\ea7c" }\n.codicon-ellipsis:before { content: "\\ea7c" }\n.codicon-kebab-horizontal:before { content: "\\ea7c" }\n.codicon-mail-reply:before { content: "\\ea7d" }\n.codicon-reply:before { content: "\\ea7d" }\n.codicon-organization:before { content: "\\ea7e" }\n.codicon-organization-filled:before { content: "\\ea7e" }\n.codicon-organization-outline:before { content: "\\ea7e" }\n.codicon-new-file:before { content: "\\ea7f" }\n.codicon-file-add:before { content: "\\ea7f" }\n.codicon-new-folder:before { content: "\\ea80" }\n.codicon-file-directory-create:before { content: "\\ea80" }\n.codicon-trash:before { content: "\\ea81" }\n.codicon-trashcan:before { content: "\\ea81" }\n.codicon-history:before { content: "\\ea82" }\n.codicon-clock:before { content: "\\ea82" }\n.codicon-folder:before { content: "\\ea83" }\n.codicon-file-directory:before { content: "\\ea83" }\n.codicon-symbol-folder:before { content: "\\ea83" }\n.codicon-logo-github:before { content: "\\ea84" }\n.codicon-mark-github:before { content: "\\ea84" }\n.codicon-github:before { content: "\\ea84" }\n.codicon-terminal:before { content: "\\ea85" }\n.codicon-console:before { content: "\\ea85" }\n.codicon-repl:before { content: "\\ea85" }\n.codicon-zap:before { content: "\\ea86" }\n.codicon-symbol-event:before { content: "\\ea86" }\n.codicon-error:before { content: "\\ea87" }\n.codicon-stop:before { content: "\\ea87" }\n.codicon-variable:before { content: "\\ea88" }\n.codicon-symbol-variable:before { content: "\\ea88" }\n.codicon-array:before { content: "\\ea8a" }\n.codicon-symbol-array:before { content: "\\ea8a" }\n.codicon-symbol-module:before { content: "\\ea8b" }\n.codicon-symbol-package:before { content: "\\ea8b" }\n.codicon-symbol-namespace:before { content: "\\ea8b" }\n.codicon-symbol-object:before { content: "\\ea8b" }\n.codicon-symbol-method:before { content: "\\ea8c" }\n.codicon-symbol-function:before { content: "\\ea8c" }\n.codicon-symbol-constructor:before { content: "\\ea8c" }\n.codicon-symbol-boolean:before { content: "\\ea8f" }\n.codicon-symbol-null:before { content: "\\ea8f" }\n.codicon-symbol-numeric:before { content: "\\ea90" }\n.codicon-symbol-number:before { content: "\\ea90" }\n.codicon-symbol-structure:before { content: "\\ea91" }\n.codicon-symbol-struct:before { content: "\\ea91" }\n.codicon-symbol-parameter:before { content: "\\ea92" }\n.codicon-symbol-type-parameter:before { content: "\\ea92" }\n.codicon-symbol-key:before { content: "\\ea93" }\n.codicon-symbol-text:before { content: "\\ea93" }\n.codicon-symbol-reference:before { content: "\\ea94" }\n.codicon-go-to-file:before { content: "\\ea94" }\n.codicon-symbol-enum:before { content: "\\ea95" }\n.codicon-symbol-value:before { content: "\\ea95" }\n.codicon-symbol-ruler:before { content: "\\ea96" }\n.codicon-symbol-unit:before { content: "\\ea96" }\n.codicon-activate-breakpoints:before { content: "\\ea97" }\n.codicon-archive:before { content: "\\ea98" }\n.codicon-arrow-both:before { content: "\\ea99" }\n.codicon-arrow-down:before { content: "\\ea9a" }\n.codicon-arrow-left:before { content: "\\ea9b" }\n.codicon-arrow-right:before { content: "\\ea9c" }\n.codicon-arrow-small-down:before { content: "\\ea9d" }\n.codicon-arrow-small-left:before { content: "\\ea9e" }\n.codicon-arrow-small-right:before { content: "\\ea9f" }\n.codicon-arrow-small-up:before { content: "\\eaa0" }\n.codicon-arrow-up:before { content: "\\eaa1" }\n.codicon-bell:before { content: "\\eaa2" }\n.codicon-bold:before { content: "\\eaa3" }\n.codicon-book:before { content: "\\eaa4" }\n.codicon-bookmark:before { content: "\\eaa5" }\n.codicon-debug-breakpoint-conditional-unverified:before { content: "\\eaa6" }\n.codicon-debug-breakpoint-conditional:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-conditional-disabled:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-data-unverified:before { content: "\\eaa8" }\n.codicon-debug-breakpoint-data:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-data-disabled:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-log-unverified:before { content: "\\eaaa" }\n.codicon-debug-breakpoint-log:before { content: "\\eaab" }\n.codicon-debug-breakpoint-log-disabled:before { content: "\\eaab" }\n.codicon-briefcase:before { content: "\\eaac" }\n.codicon-broadcast:before { content: "\\eaad" }\n.codicon-browser:before { content: "\\eaae" }\n.codicon-bug:before { content: "\\eaaf" }\n.codicon-calendar:before { content: "\\eab0" }\n.codicon-case-sensitive:before { content: "\\eab1" }\n.codicon-check:before { content: "\\eab2" }\n.codicon-checklist:before { content: "\\eab3" }\n.codicon-chevron-down:before { content: "\\eab4" }\n.codicon-chevron-left:before { content: "\\eab5" }\n.codicon-chevron-right:before { content: "\\eab6" }\n.codicon-chevron-up:before { content: "\\eab7" }\n.codicon-chrome-close:before { content: "\\eab8" }\n.codicon-chrome-maximize:before { content: "\\eab9" }\n.codicon-chrome-minimize:before { content: "\\eaba" }\n.codicon-chrome-restore:before { content: "\\eabb" }\n.codicon-circle-outline:before { content: "\\eabc" }\n.codicon-debug-breakpoint-unverified:before { content: "\\eabc" }\n.codicon-circle-slash:before { content: "\\eabd" }\n.codicon-circuit-board:before { content: "\\eabe" }\n.codicon-clear-all:before { content: "\\eabf" }\n.codicon-clippy:before { content: "\\eac0" }\n.codicon-close-all:before { content: "\\eac1" }\n.codicon-cloud-download:before { content: "\\eac2" }\n.codicon-cloud-upload:before { content: "\\eac3" }\n.codicon-code:before { content: "\\eac4" }\n.codicon-collapse-all:before { content: "\\eac5" }\n.codicon-color-mode:before { content: "\\eac6" }\n.codicon-comment-discussion:before { content: "\\eac7" }\n.codicon-credit-card:before { content: "\\eac9" }\n.codicon-dash:before { content: "\\eacc" }\n.codicon-dashboard:before { content: "\\eacd" }\n.codicon-database:before { content: "\\eace" }\n.codicon-debug-continue:before { content: "\\eacf" }\n.codicon-debug-disconnect:before { content: "\\ead0" }\n.codicon-debug-pause:before { content: "\\ead1" }\n.codicon-debug-restart:before { content: "\\ead2" }\n.codicon-debug-start:before { content: "\\ead3" }\n.codicon-debug-step-into:before { content: "\\ead4" }\n.codicon-debug-step-out:before { content: "\\ead5" }\n.codicon-debug-step-over:before { content: "\\ead6" }\n.codicon-debug-stop:before { content: "\\ead7" }\n.codicon-debug:before { content: "\\ead8" }\n.codicon-device-camera-video:before { content: "\\ead9" }\n.codicon-device-camera:before { content: "\\eada" }\n.codicon-device-mobile:before { content: "\\eadb" }\n.codicon-diff-added:before { content: "\\eadc" }\n.codicon-diff-ignored:before { content: "\\eadd" }\n.codicon-diff-modified:before { content: "\\eade" }\n.codicon-diff-removed:before { content: "\\eadf" }\n.codicon-diff-renamed:before { content: "\\eae0" }\n.codicon-diff:before { content: "\\eae1" }\n.codicon-discard:before { content: "\\eae2" }\n.codicon-editor-layout:before { content: "\\eae3" }\n.codicon-empty-window:before { content: "\\eae4" }\n.codicon-exclude:before { content: "\\eae5" }\n.codicon-extensions:before { content: "\\eae6" }\n.codicon-eye-closed:before { content: "\\eae7" }\n.codicon-file-binary:before { content: "\\eae8" }\n.codicon-file-code:before { content: "\\eae9" }\n.codicon-file-media:before { content: "\\eaea" }\n.codicon-file-pdf:before { content: "\\eaeb" }\n.codicon-file-submodule:before { content: "\\eaec" }\n.codicon-file-symlink-directory:before { content: "\\eaed" }\n.codicon-file-symlink-file:before { content: "\\eaee" }\n.codicon-file-zip:before { content: "\\eaef" }\n.codicon-files:before { content: "\\eaf0" }\n.codicon-filter:before { content: "\\eaf1" }\n.codicon-flame:before { content: "\\eaf2" }\n.codicon-fold-down:before { content: "\\eaf3" }\n.codicon-fold-up:before { content: "\\eaf4" }\n.codicon-fold:before { content: "\\eaf5" }\n.codicon-folder-active:before { content: "\\eaf6" }\n.codicon-folder-opened:before { content: "\\eaf7" }\n.codicon-gear:before { content: "\\eaf8" }\n.codicon-gift:before { content: "\\eaf9" }\n.codicon-gist-secret:before { content: "\\eafa" }\n.codicon-gist:before { content: "\\eafb" }\n.codicon-git-commit:before { content: "\\eafc" }\n.codicon-git-compare:before { content: "\\eafd" }\n.codicon-compare-changes:before { content: "\\eafd" }\n.codicon-git-merge:before { content: "\\eafe" }\n.codicon-github-action:before { content: "\\eaff" }\n.codicon-github-alt:before { content: "\\eb00" }\n.codicon-globe:before { content: "\\eb01" }\n.codicon-grabber:before { content: "\\eb02" }\n.codicon-graph:before { content: "\\eb03" }\n.codicon-gripper:before { content: "\\eb04" }\n.codicon-heart:before { content: "\\eb05" }\n.codicon-home:before { content: "\\eb06" }\n.codicon-horizontal-rule:before { content: "\\eb07" }\n.codicon-hubot:before { content: "\\eb08" }\n.codicon-inbox:before { content: "\\eb09" }\n.codicon-issue-reopened:before { content: "\\eb0b" }\n.codicon-issues:before { content: "\\eb0c" }\n.codicon-italic:before { content: "\\eb0d" }\n.codicon-jersey:before { content: "\\eb0e" }\n.codicon-json:before { content: "\\eb0f" }\n.codicon-kebab-vertical:before { content: "\\eb10" }\n.codicon-key:before { content: "\\eb11" }\n.codicon-law:before { content: "\\eb12" }\n.codicon-lightbulb-autofix:before { content: "\\eb13" }\n.codicon-link-external:before { content: "\\eb14" }\n.codicon-link:before { content: "\\eb15" }\n.codicon-list-ordered:before { content: "\\eb16" }\n.codicon-list-unordered:before { content: "\\eb17" }\n.codicon-live-share:before { content: "\\eb18" }\n.codicon-loading:before { content: "\\eb19" }\n.codicon-location:before { content: "\\eb1a" }\n.codicon-mail-read:before { content: "\\eb1b" }\n.codicon-mail:before { content: "\\eb1c" }\n.codicon-markdown:before { content: "\\eb1d" }\n.codicon-megaphone:before { content: "\\eb1e" }\n.codicon-mention:before { content: "\\eb1f" }\n.codicon-milestone:before { content: "\\eb20" }\n.codicon-mortar-board:before { content: "\\eb21" }\n.codicon-move:before { content: "\\eb22" }\n.codicon-multiple-windows:before { content: "\\eb23" }\n.codicon-mute:before { content: "\\eb24" }\n.codicon-no-newline:before { content: "\\eb25" }\n.codicon-note:before { content: "\\eb26" }\n.codicon-octoface:before { content: "\\eb27" }\n.codicon-open-preview:before { content: "\\eb28" }\n.codicon-package:before { content: "\\eb29" }\n.codicon-paintcan:before { content: "\\eb2a" }\n.codicon-pin:before { content: "\\eb2b" }\n.codicon-play:before { content: "\\eb2c" }\n.codicon-run:before { content: "\\eb2c" }\n.codicon-plug:before { content: "\\eb2d" }\n.codicon-preserve-case:before { content: "\\eb2e" }\n.codicon-preview:before { content: "\\eb2f" }\n.codicon-project:before { content: "\\eb30" }\n.codicon-pulse:before { content: "\\eb31" }\n.codicon-question:before { content: "\\eb32" }\n.codicon-quote:before { content: "\\eb33" }\n.codicon-radio-tower:before { content: "\\eb34" }\n.codicon-reactions:before { content: "\\eb35" }\n.codicon-references:before { content: "\\eb36" }\n.codicon-refresh:before { content: "\\eb37" }\n.codicon-regex:before { content: "\\eb38" }\n.codicon-remote-explorer:before { content: "\\eb39" }\n.codicon-remote:before { content: "\\eb3a" }\n.codicon-remove:before { content: "\\eb3b" }\n.codicon-replace-all:before { content: "\\eb3c" }\n.codicon-replace:before { content: "\\eb3d" }\n.codicon-repo-clone:before { content: "\\eb3e" }\n.codicon-repo-force-push:before { content: "\\eb3f" }\n.codicon-repo-pull:before { content: "\\eb40" }\n.codicon-repo-push:before { content: "\\eb41" }\n.codicon-report:before { content: "\\eb42" }\n.codicon-request-changes:before { content: "\\eb43" }\n.codicon-rocket:before { content: "\\eb44" }\n.codicon-root-folder-opened:before { content: "\\eb45" }\n.codicon-root-folder:before { content: "\\eb46" }\n.codicon-rss:before { content: "\\eb47" }\n.codicon-ruby:before { content: "\\eb48" }\n.codicon-save-all:before { content: "\\eb49" }\n.codicon-save-as:before { content: "\\eb4a" }\n.codicon-save:before { content: "\\eb4b" }\n.codicon-screen-full:before { content: "\\eb4c" }\n.codicon-screen-normal:before { content: "\\eb4d" }\n.codicon-search-stop:before { content: "\\eb4e" }\n.codicon-server:before { content: "\\eb50" }\n.codicon-settings-gear:before { content: "\\eb51" }\n.codicon-settings:before { content: "\\eb52" }\n.codicon-shield:before { content: "\\eb53" }\n.codicon-smiley:before { content: "\\eb54" }\n.codicon-sort-precedence:before { content: "\\eb55" }\n.codicon-split-horizontal:before { content: "\\eb56" }\n.codicon-split-vertical:before { content: "\\eb57" }\n.codicon-squirrel:before { content: "\\eb58" }\n.codicon-star-full:before { content: "\\eb59" }\n.codicon-star-half:before { content: "\\eb5a" }\n.codicon-symbol-class:before { content: "\\eb5b" }\n.codicon-symbol-color:before { content: "\\eb5c" }\n.codicon-symbol-constant:before { content: "\\eb5d" }\n.codicon-symbol-enum-member:before { content: "\\eb5e" }\n.codicon-symbol-field:before { content: "\\eb5f" }\n.codicon-symbol-file:before { content: "\\eb60" }\n.codicon-symbol-interface:before { content: "\\eb61" }\n.codicon-symbol-keyword:before { content: "\\eb62" }\n.codicon-symbol-misc:before { content: "\\eb63" }\n.codicon-symbol-operator:before { content: "\\eb64" }\n.codicon-symbol-property:before { content: "\\eb65" }\n.codicon-wrench:before { content: "\\eb65" }\n.codicon-wrench-subaction:before { content: "\\eb65" }\n.codicon-symbol-snippet:before { content: "\\eb66" }\n.codicon-tasklist:before { content: "\\eb67" }\n.codicon-telescope:before { content: "\\eb68" }\n.codicon-text-size:before { content: "\\eb69" }\n.codicon-three-bars:before { content: "\\eb6a" }\n.codicon-thumbsdown:before { content: "\\eb6b" }\n.codicon-thumbsup:before { content: "\\eb6c" }\n.codicon-tools:before { content: "\\eb6d" }\n.codicon-triangle-down:before { content: "\\eb6e" }\n.codicon-triangle-left:before { content: "\\eb6f" }\n.codicon-triangle-right:before { content: "\\eb70" }\n.codicon-triangle-up:before { content: "\\eb71" }\n.codicon-twitter:before { content: "\\eb72" }\n.codicon-unfold:before { content: "\\eb73" }\n.codicon-unlock:before { content: "\\eb74" }\n.codicon-unmute:before { content: "\\eb75" }\n.codicon-unverified:before { content: "\\eb76" }\n.codicon-verified:before { content: "\\eb77" }\n.codicon-versions:before { content: "\\eb78" }\n.codicon-vm-active:before { content: "\\eb79" }\n.codicon-vm-outline:before { content: "\\eb7a" }\n.codicon-vm-running:before { content: "\\eb7b" }\n.codicon-watch:before { content: "\\eb7c" }\n.codicon-whitespace:before { content: "\\eb7d" }\n.codicon-whole-word:before { content: "\\eb7e" }\n.codicon-window:before { content: "\\eb7f" }\n.codicon-word-wrap:before { content: "\\eb80" }\n.codicon-zoom-in:before { content: "\\eb81" }\n.codicon-zoom-out:before { content: "\\eb82" }\n.codicon-list-filter:before { content: "\\eb83" }\n.codicon-list-flat:before { content: "\\eb84" }\n.codicon-list-selection:before { content: "\\eb85" }\n.codicon-selection:before { content: "\\eb85" }\n.codicon-list-tree:before { content: "\\eb86" }\n.codicon-debug-breakpoint-function-unverified:before { content: "\\eb87" }\n.codicon-debug-breakpoint-function:before { content: "\\eb88" }\n.codicon-debug-breakpoint-function-disabled:before { content: "\\eb88" }\n.codicon-debug-stackframe-active:before { content: "\\eb89" }\n.codicon-circle-small-filled:before { content: "\\eb8a" }\n.codicon-debug-stackframe-dot:before { content: "\\eb8a" }\n.codicon-debug-stackframe:before { content: "\\eb8b" }\n.codicon-debug-stackframe-focused:before { content: "\\eb8b" }\n.codicon-debug-breakpoint-unsupported:before { content: "\\eb8c" }\n.codicon-symbol-string:before { content: "\\eb8d" }\n.codicon-debug-reverse-continue:before { content: "\\eb8e" }\n.codicon-debug-step-back:before { content: "\\eb8f" }\n.codicon-debug-restart-frame:before { content: "\\eb90" }\n.codicon-debug-alt:before { content: "\\eb91" }\n.codicon-call-incoming:before { content: "\\eb92" }\n.codicon-call-outgoing:before { content: "\\eb93" }\n.codicon-menu:before { content: "\\eb94" }\n.codicon-expand-all:before { content: "\\eb95" }\n.codicon-feedback:before { content: "\\eb96" }\n.codicon-group-by-ref-type:before { content: "\\eb97" }\n.codicon-ungroup-by-ref-type:before { content: "\\eb98" }\n.codicon-account:before { content: "\\eb99" }\n.codicon-bell-dot:before { content: "\\eb9a" }\n.codicon-debug-console:before { content: "\\eb9b" }\n.codicon-library:before { content: "\\eb9c" }\n.codicon-output:before { content: "\\eb9d" }\n.codicon-run-all:before { content: "\\eb9e" }\n.codicon-sync-ignored:before { content: "\\eb9f" }\n.codicon-pinned:before { content: "\\eba0" }\n.codicon-github-inverted:before { content: "\\eba1" }\n.codicon-server-process:before { content: "\\eba2" }\n.codicon-server-environment:before { content: "\\eba3" }\n.codicon-pass:before { content: "\\eba4" }\n.codicon-issue-closed:before { content: "\\eba4" }\n.codicon-stop-circle:before { content: "\\eba5" }\n.codicon-play-circle:before { content: "\\eba6" }\n.codicon-record:before { content: "\\eba7" }\n.codicon-debug-alt-small:before { content: "\\eba8" }\n.codicon-vm-connect:before { content: "\\eba9" }\n.codicon-cloud:before { content: "\\ebaa" }\n.codicon-merge:before { content: "\\ebab" }\n.codicon-export:before { content: "\\ebac" }\n.codicon-graph-left:before { content: "\\ebad" }\n.codicon-magnet:before { content: "\\ebae" }\n.codicon-notebook:before { content: "\\ebaf" }\n.codicon-redo:before { content: "\\ebb0" }\n.codicon-check-all:before { content: "\\ebb1" }\n.codicon-pinned-dirty:before { content: "\\ebb2" }\n.codicon-pass-filled:before { content: "\\ebb3" }\n.codicon-circle-large-filled:before { content: "\\ebb4" }\n.codicon-circle-large-outline:before { content: "\\ebb5" }\n.codicon-combine:before { content: "\\ebb6" }\n.codicon-gather:before { content: "\\ebb6" }\n.codicon-table:before { content: "\\ebb7" }\n.codicon-variable-group:before { content: "\\ebb8" }\n.codicon-type-hierarchy:before { content: "\\ebb9" }\n.codicon-type-hierarchy-sub:before { content: "\\ebba" }\n.codicon-type-hierarchy-super:before { content: "\\ebbb" }\n.codicon-git-pull-request-create:before { content: "\\ebbc" }\n.codicon-run-above:before { content: "\\ebbd" }\n.codicon-run-below:before { content: "\\ebbe" }\n.codicon-notebook-template:before { content: "\\ebbf" }\n.codicon-debug-rerun:before { content: "\\ebc0" }\n.codicon-workspace-trusted:before { content: "\\ebc1" }\n.codicon-workspace-untrusted:before { content: "\\ebc2" }\n.codicon-workspace-unknown:before { content: "\\ebc3" }\n.codicon-terminal-cmd:before { content: "\\ebc4" }\n.codicon-terminal-debian:before { content: "\\ebc5" }\n.codicon-terminal-linux:before { content: "\\ebc6" }\n.codicon-terminal-powershell:before { content: "\\ebc7" }\n.codicon-terminal-tmux:before { content: "\\ebc8" }\n.codicon-terminal-ubuntu:before { content: "\\ebc9" }\n.codicon-terminal-bash:before { content: "\\ebca" }\n.codicon-arrow-swap:before { content: "\\ebcb" }\n.codicon-copy:before { content: "\\ebcc" }\n.codicon-person-add:before { content: "\\ebcd" }\n.codicon-filter-filled:before { content: "\\ebce" }\n.codicon-wand:before { content: "\\ebcf" }\n.codicon-debug-line-by-line:before { content: "\\ebd0" }\n.codicon-inspect:before { content: "\\ebd1" }\n.codicon-layers:before { content: "\\ebd2" }\n.codicon-layers-dot:before { content: "\\ebd3" }\n.codicon-layers-active:before { content: "\\ebd4" }\n.codicon-compass:before { content: "\\ebd5" }\n.codicon-compass-dot:before { content: "\\ebd6" }\n.codicon-compass-active:before { content: "\\ebd7" }\n.codicon-azure:before { content: "\\ebd8" }\n.codicon-issue-draft:before { content: "\\ebd9" }\n.codicon-git-pull-request-closed:before { content: "\\ebda" }\n.codicon-git-pull-request-draft:before { content: "\\ebdb" }\n.codicon-debug-all:before { content: "\\ebdc" }\n.codicon-debug-coverage:before { content: "\\ebdd" }\n.codicon-run-errors:before { content: "\\ebde" }\n.codicon-folder-library:before { content: "\\ebdf" }\n.codicon-debug-continue-small:before { content: "\\ebe0" }\n.codicon-beaker-stop:before { content: "\\ebe1" }\n.codicon-graph-line:before { content: "\\ebe2" }\n.codicon-graph-scatter:before { content: "\\ebe3" }\n.codicon-pie-chart:before { content: "\\ebe4" }\n.codicon-bracket:before { content: "\\eb0f" }\n.codicon-bracket-dot:before { content: "\\ebe5" }\n.codicon-bracket-error:before { content: "\\ebe6" }\n.codicon-lock-small:before { content: "\\ebe7" }\n.codicon-azure-devops:before { content: "\\ebe8" }\n.codicon-verified-filled:before { content: "\\ebe9" }\n.codicon-newline:before { content: "\\ebea" }\n.codicon-layout:before { content: "\\ebeb" }\n.codicon-layout-activitybar-left:before { content: "\\ebec" }\n.codicon-layout-activitybar-right:before { content: "\\ebed" }\n.codicon-layout-panel-left:before { content: "\\ebee" }\n.codicon-layout-panel-center:before { content: "\\ebef" }\n.codicon-layout-panel-justify:before { content: "\\ebf0" }\n.codicon-layout-panel-right:before { content: "\\ebf1" }\n.codicon-layout-panel:before { content: "\\ebf2" }\n.codicon-layout-sidebar-left:before { content: "\\ebf3" }\n.codicon-layout-sidebar-right:before { content: "\\ebf4" }\n.codicon-layout-statusbar:before { content: "\\ebf5" }\n.codicon-layout-menubar:before { content: "\\ebf6" }\n.codicon-layout-centered:before { content: "\\ebf7" }\n.codicon-target:before { content: "\\ebf8" }\n.codicon-indent:before { content: "\\ebf9" }\n.codicon-record-small:before { content: "\\ebfa" }\n.codicon-error-small:before { content: "\\ebfb" }\n.codicon-arrow-circle-down:before { content: "\\ebfc" }\n.codicon-arrow-circle-left:before { content: "\\ebfd" }\n.codicon-arrow-circle-right:before { content: "\\ebfe" }\n.codicon-arrow-circle-up:before { content: "\\ebff" }\n.codicon-layout-sidebar-right-off:before { content: "\\ec00" }\n.codicon-layout-panel-off:before { content: "\\ec01" }\n.codicon-layout-sidebar-left-off:before { content: "\\ec02" }\n.codicon-blank:before { content: "\\ec03" }\n.codicon-heart-filled:before { content: "\\ec04" }\n.codicon-map:before { content: "\\ec05" }\n.codicon-map-filled:before { content: "\\ec06" }\n.codicon-circle-small:before { content: "\\ec07" }\n.codicon-bell-slash:before { content: "\\ec08" }\n.codicon-bell-slash-dot:before { content: "\\ec09" }\n.codicon-comment-unresolved:before { content: "\\ec0a" }\n.codicon-git-pull-request-go-to-changes:before { content: "\\ec0b" }\n.codicon-git-pull-request-new-changes:before { content: "\\ec0c" }\n\n@layer kol-component {\n\t:host {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t:host > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t/*\n   * The <code>:important</code> is important, because we should always override the font icon style.\n   */\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n',KolIcon=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const e=this.state._label.length>0;return h(Host,{exportparts:"icon"},h("i",{"aria-hidden":e?void 0:"true","aria-label":e?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(e){watchString(this,"_icons",e)}validateLabel(e){validateLabel(this,e)}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[33,"kol-icon",{_icons:[1],_label:[1],state:[32]},void 0,{_icons:["validateIcons"],_label:["validateLabel"]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-icon"].forEach((e=>{if("kol-icon"===e)customElements.get(e)||customElements.define(e,KolIcon)}))}export{KolIcon as K,defineCustomElement as d};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{v as validateLabel}from"./label.js";import{b as watchString}from"./prop.validators.js";const defaultStyleCss='/*---------------------------------------------------------------------------------------------\n *  Copyright (c) Microsoft Corporation. All rights reserved.\n *  Licensed under the MIT License. See License.txt in the project root for license information.\n *--------------------------------------------------------------------------------------------*/\n\n@font-face {\n\tfont-family: "codicon";\n\tfont-display: block;\n\tsrc: url("./codicon.ttf?0e5b0adf625a37fbcd638d31f0fe72aa") format("truetype");\n}\n\n.codicon[class*=\'codicon-\'] {\n\tfont: normal normal normal 16px/1 codicon;\n\tdisplay: inline-block;\n\ttext-decoration: none;\n\ttext-rendering: auto;\n\ttext-align: center;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n}\n\n/*---------------------\n *  Modifiers\n *-------------------*/\n\n@keyframes codicon-spin {\n\t100% {\n\t\ttransform:rotate(360deg);\n\t}\n}\n\n.codicon-sync.codicon-modifier-spin,\n.codicon-loading.codicon-modifier-spin,\n.codicon-gear.codicon-modifier-spin {\n\t/* Use steps to throttle FPS to reduce CPU usage */\n\tanimation: codicon-spin 1.5s steps(30) infinite;\n}\n\n.codicon-modifier-disabled {\n\topacity: 0.5;\n}\n\n.codicon-modifier-hidden {\n\topacity: 0;\n}\n\n/* custom speed & easing for loading icon */\n.codicon-loading {\n\tanimation-duration: 1s !important;\n\tanimation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;\n}\n\n/*---------------------\n *  Icons\n *-------------------*/\n\n.codicon-add:before { content: "\\ea60" }\n.codicon-plus:before { content: "\\ea60" }\n.codicon-gist-new:before { content: "\\ea60" }\n.codicon-repo-create:before { content: "\\ea60" }\n.codicon-lightbulb:before { content: "\\ea61" }\n.codicon-light-bulb:before { content: "\\ea61" }\n.codicon-repo:before { content: "\\ea62" }\n.codicon-repo-delete:before { content: "\\ea62" }\n.codicon-gist-fork:before { content: "\\ea63" }\n.codicon-repo-forked:before { content: "\\ea63" }\n.codicon-git-pull-request:before { content: "\\ea64" }\n.codicon-git-pull-request-abandoned:before { content: "\\ea64" }\n.codicon-record-keys:before { content: "\\ea65" }\n.codicon-keyboard:before { content: "\\ea65" }\n.codicon-tag:before { content: "\\ea66" }\n.codicon-tag-add:before { content: "\\ea66" }\n.codicon-tag-remove:before { content: "\\ea66" }\n.codicon-person:before { content: "\\ea67" }\n.codicon-person-follow:before { content: "\\ea67" }\n.codicon-person-outline:before { content: "\\ea67" }\n.codicon-person-filled:before { content: "\\ea67" }\n.codicon-git-branch:before { content: "\\ea68" }\n.codicon-git-branch-create:before { content: "\\ea68" }\n.codicon-git-branch-delete:before { content: "\\ea68" }\n.codicon-source-control:before { content: "\\ea68" }\n.codicon-mirror:before { content: "\\ea69" }\n.codicon-mirror-public:before { content: "\\ea69" }\n.codicon-star:before { content: "\\ea6a" }\n.codicon-star-add:before { content: "\\ea6a" }\n.codicon-star-delete:before { content: "\\ea6a" }\n.codicon-star-empty:before { content: "\\ea6a" }\n.codicon-comment:before { content: "\\ea6b" }\n.codicon-comment-add:before { content: "\\ea6b" }\n.codicon-alert:before { content: "\\ea6c" }\n.codicon-warning:before { content: "\\ea6c" }\n.codicon-search:before { content: "\\ea6d" }\n.codicon-search-save:before { content: "\\ea6d" }\n.codicon-log-out:before { content: "\\ea6e" }\n.codicon-sign-out:before { content: "\\ea6e" }\n.codicon-log-in:before { content: "\\ea6f" }\n.codicon-sign-in:before { content: "\\ea6f" }\n.codicon-eye:before { content: "\\ea70" }\n.codicon-eye-unwatch:before { content: "\\ea70" }\n.codicon-eye-watch:before { content: "\\ea70" }\n.codicon-circle-filled:before { content: "\\ea71" }\n.codicon-primitive-dot:before { content: "\\ea71" }\n.codicon-close-dirty:before { content: "\\ea71" }\n.codicon-debug-breakpoint:before { content: "\\ea71" }\n.codicon-debug-breakpoint-disabled:before { content: "\\ea71" }\n.codicon-debug-hint:before { content: "\\ea71" }\n.codicon-primitive-square:before { content: "\\ea72" }\n.codicon-edit:before { content: "\\ea73" }\n.codicon-pencil:before { content: "\\ea73" }\n.codicon-info:before { content: "\\ea74" }\n.codicon-issue-opened:before { content: "\\ea74" }\n.codicon-gist-private:before { content: "\\ea75" }\n.codicon-git-fork-private:before { content: "\\ea75" }\n.codicon-lock:before { content: "\\ea75" }\n.codicon-mirror-private:before { content: "\\ea75" }\n.codicon-close:before { content: "\\ea76" }\n.codicon-remove-close:before { content: "\\ea76" }\n.codicon-x:before { content: "\\ea76" }\n.codicon-repo-sync:before { content: "\\ea77" }\n.codicon-sync:before { content: "\\ea77" }\n.codicon-clone:before { content: "\\ea78" }\n.codicon-desktop-download:before { content: "\\ea78" }\n.codicon-beaker:before { content: "\\ea79" }\n.codicon-microscope:before { content: "\\ea79" }\n.codicon-vm:before { content: "\\ea7a" }\n.codicon-device-desktop:before { content: "\\ea7a" }\n.codicon-file:before { content: "\\ea7b" }\n.codicon-file-text:before { content: "\\ea7b" }\n.codicon-more:before { content: "\\ea7c" }\n.codicon-ellipsis:before { content: "\\ea7c" }\n.codicon-kebab-horizontal:before { content: "\\ea7c" }\n.codicon-mail-reply:before { content: "\\ea7d" }\n.codicon-reply:before { content: "\\ea7d" }\n.codicon-organization:before { content: "\\ea7e" }\n.codicon-organization-filled:before { content: "\\ea7e" }\n.codicon-organization-outline:before { content: "\\ea7e" }\n.codicon-new-file:before { content: "\\ea7f" }\n.codicon-file-add:before { content: "\\ea7f" }\n.codicon-new-folder:before { content: "\\ea80" }\n.codicon-file-directory-create:before { content: "\\ea80" }\n.codicon-trash:before { content: "\\ea81" }\n.codicon-trashcan:before { content: "\\ea81" }\n.codicon-history:before { content: "\\ea82" }\n.codicon-clock:before { content: "\\ea82" }\n.codicon-folder:before { content: "\\ea83" }\n.codicon-file-directory:before { content: "\\ea83" }\n.codicon-symbol-folder:before { content: "\\ea83" }\n.codicon-logo-github:before { content: "\\ea84" }\n.codicon-mark-github:before { content: "\\ea84" }\n.codicon-github:before { content: "\\ea84" }\n.codicon-terminal:before { content: "\\ea85" }\n.codicon-console:before { content: "\\ea85" }\n.codicon-repl:before { content: "\\ea85" }\n.codicon-zap:before { content: "\\ea86" }\n.codicon-symbol-event:before { content: "\\ea86" }\n.codicon-error:before { content: "\\ea87" }\n.codicon-stop:before { content: "\\ea87" }\n.codicon-variable:before { content: "\\ea88" }\n.codicon-symbol-variable:before { content: "\\ea88" }\n.codicon-array:before { content: "\\ea8a" }\n.codicon-symbol-array:before { content: "\\ea8a" }\n.codicon-symbol-module:before { content: "\\ea8b" }\n.codicon-symbol-package:before { content: "\\ea8b" }\n.codicon-symbol-namespace:before { content: "\\ea8b" }\n.codicon-symbol-object:before { content: "\\ea8b" }\n.codicon-symbol-method:before { content: "\\ea8c" }\n.codicon-symbol-function:before { content: "\\ea8c" }\n.codicon-symbol-constructor:before { content: "\\ea8c" }\n.codicon-symbol-boolean:before { content: "\\ea8f" }\n.codicon-symbol-null:before { content: "\\ea8f" }\n.codicon-symbol-numeric:before { content: "\\ea90" }\n.codicon-symbol-number:before { content: "\\ea90" }\n.codicon-symbol-structure:before { content: "\\ea91" }\n.codicon-symbol-struct:before { content: "\\ea91" }\n.codicon-symbol-parameter:before { content: "\\ea92" }\n.codicon-symbol-type-parameter:before { content: "\\ea92" }\n.codicon-symbol-key:before { content: "\\ea93" }\n.codicon-symbol-text:before { content: "\\ea93" }\n.codicon-symbol-reference:before { content: "\\ea94" }\n.codicon-go-to-file:before { content: "\\ea94" }\n.codicon-symbol-enum:before { content: "\\ea95" }\n.codicon-symbol-value:before { content: "\\ea95" }\n.codicon-symbol-ruler:before { content: "\\ea96" }\n.codicon-symbol-unit:before { content: "\\ea96" }\n.codicon-activate-breakpoints:before { content: "\\ea97" }\n.codicon-archive:before { content: "\\ea98" }\n.codicon-arrow-both:before { content: "\\ea99" }\n.codicon-arrow-down:before { content: "\\ea9a" }\n.codicon-arrow-left:before { content: "\\ea9b" }\n.codicon-arrow-right:before { content: "\\ea9c" }\n.codicon-arrow-small-down:before { content: "\\ea9d" }\n.codicon-arrow-small-left:before { content: "\\ea9e" }\n.codicon-arrow-small-right:before { content: "\\ea9f" }\n.codicon-arrow-small-up:before { content: "\\eaa0" }\n.codicon-arrow-up:before { content: "\\eaa1" }\n.codicon-bell:before { content: "\\eaa2" }\n.codicon-bold:before { content: "\\eaa3" }\n.codicon-book:before { content: "\\eaa4" }\n.codicon-bookmark:before { content: "\\eaa5" }\n.codicon-debug-breakpoint-conditional-unverified:before { content: "\\eaa6" }\n.codicon-debug-breakpoint-conditional:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-conditional-disabled:before { content: "\\eaa7" }\n.codicon-debug-breakpoint-data-unverified:before { content: "\\eaa8" }\n.codicon-debug-breakpoint-data:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-data-disabled:before { content: "\\eaa9" }\n.codicon-debug-breakpoint-log-unverified:before { content: "\\eaaa" }\n.codicon-debug-breakpoint-log:before { content: "\\eaab" }\n.codicon-debug-breakpoint-log-disabled:before { content: "\\eaab" }\n.codicon-briefcase:before { content: "\\eaac" }\n.codicon-broadcast:before { content: "\\eaad" }\n.codicon-browser:before { content: "\\eaae" }\n.codicon-bug:before { content: "\\eaaf" }\n.codicon-calendar:before { content: "\\eab0" }\n.codicon-case-sensitive:before { content: "\\eab1" }\n.codicon-check:before { content: "\\eab2" }\n.codicon-checklist:before { content: "\\eab3" }\n.codicon-chevron-down:before { content: "\\eab4" }\n.codicon-chevron-left:before { content: "\\eab5" }\n.codicon-chevron-right:before { content: "\\eab6" }\n.codicon-chevron-up:before { content: "\\eab7" }\n.codicon-chrome-close:before { content: "\\eab8" }\n.codicon-chrome-maximize:before { content: "\\eab9" }\n.codicon-chrome-minimize:before { content: "\\eaba" }\n.codicon-chrome-restore:before { content: "\\eabb" }\n.codicon-circle-outline:before { content: "\\eabc" }\n.codicon-debug-breakpoint-unverified:before { content: "\\eabc" }\n.codicon-circle-slash:before { content: "\\eabd" }\n.codicon-circuit-board:before { content: "\\eabe" }\n.codicon-clear-all:before { content: "\\eabf" }\n.codicon-clippy:before { content: "\\eac0" }\n.codicon-close-all:before { content: "\\eac1" }\n.codicon-cloud-download:before { content: "\\eac2" }\n.codicon-cloud-upload:before { content: "\\eac3" }\n.codicon-code:before { content: "\\eac4" }\n.codicon-collapse-all:before { content: "\\eac5" }\n.codicon-color-mode:before { content: "\\eac6" }\n.codicon-comment-discussion:before { content: "\\eac7" }\n.codicon-credit-card:before { content: "\\eac9" }\n.codicon-dash:before { content: "\\eacc" }\n.codicon-dashboard:before { content: "\\eacd" }\n.codicon-database:before { content: "\\eace" }\n.codicon-debug-continue:before { content: "\\eacf" }\n.codicon-debug-disconnect:before { content: "\\ead0" }\n.codicon-debug-pause:before { content: "\\ead1" }\n.codicon-debug-restart:before { content: "\\ead2" }\n.codicon-debug-start:before { content: "\\ead3" }\n.codicon-debug-step-into:before { content: "\\ead4" }\n.codicon-debug-step-out:before { content: "\\ead5" }\n.codicon-debug-step-over:before { content: "\\ead6" }\n.codicon-debug-stop:before { content: "\\ead7" }\n.codicon-debug:before { content: "\\ead8" }\n.codicon-device-camera-video:before { content: "\\ead9" }\n.codicon-device-camera:before { content: "\\eada" }\n.codicon-device-mobile:before { content: "\\eadb" }\n.codicon-diff-added:before { content: "\\eadc" }\n.codicon-diff-ignored:before { content: "\\eadd" }\n.codicon-diff-modified:before { content: "\\eade" }\n.codicon-diff-removed:before { content: "\\eadf" }\n.codicon-diff-renamed:before { content: "\\eae0" }\n.codicon-diff:before { content: "\\eae1" }\n.codicon-discard:before { content: "\\eae2" }\n.codicon-editor-layout:before { content: "\\eae3" }\n.codicon-empty-window:before { content: "\\eae4" }\n.codicon-exclude:before { content: "\\eae5" }\n.codicon-extensions:before { content: "\\eae6" }\n.codicon-eye-closed:before { content: "\\eae7" }\n.codicon-file-binary:before { content: "\\eae8" }\n.codicon-file-code:before { content: "\\eae9" }\n.codicon-file-media:before { content: "\\eaea" }\n.codicon-file-pdf:before { content: "\\eaeb" }\n.codicon-file-submodule:before { content: "\\eaec" }\n.codicon-file-symlink-directory:before { content: "\\eaed" }\n.codicon-file-symlink-file:before { content: "\\eaee" }\n.codicon-file-zip:before { content: "\\eaef" }\n.codicon-files:before { content: "\\eaf0" }\n.codicon-filter:before { content: "\\eaf1" }\n.codicon-flame:before { content: "\\eaf2" }\n.codicon-fold-down:before { content: "\\eaf3" }\n.codicon-fold-up:before { content: "\\eaf4" }\n.codicon-fold:before { content: "\\eaf5" }\n.codicon-folder-active:before { content: "\\eaf6" }\n.codicon-folder-opened:before { content: "\\eaf7" }\n.codicon-gear:before { content: "\\eaf8" }\n.codicon-gift:before { content: "\\eaf9" }\n.codicon-gist-secret:before { content: "\\eafa" }\n.codicon-gist:before { content: "\\eafb" }\n.codicon-git-commit:before { content: "\\eafc" }\n.codicon-git-compare:before { content: "\\eafd" }\n.codicon-compare-changes:before { content: "\\eafd" }\n.codicon-git-merge:before { content: "\\eafe" }\n.codicon-github-action:before { content: "\\eaff" }\n.codicon-github-alt:before { content: "\\eb00" }\n.codicon-globe:before { content: "\\eb01" }\n.codicon-grabber:before { content: "\\eb02" }\n.codicon-graph:before { content: "\\eb03" }\n.codicon-gripper:before { content: "\\eb04" }\n.codicon-heart:before { content: "\\eb05" }\n.codicon-home:before { content: "\\eb06" }\n.codicon-horizontal-rule:before { content: "\\eb07" }\n.codicon-hubot:before { content: "\\eb08" }\n.codicon-inbox:before { content: "\\eb09" }\n.codicon-issue-reopened:before { content: "\\eb0b" }\n.codicon-issues:before { content: "\\eb0c" }\n.codicon-italic:before { content: "\\eb0d" }\n.codicon-jersey:before { content: "\\eb0e" }\n.codicon-json:before { content: "\\eb0f" }\n.codicon-kebab-vertical:before { content: "\\eb10" }\n.codicon-key:before { content: "\\eb11" }\n.codicon-law:before { content: "\\eb12" }\n.codicon-lightbulb-autofix:before { content: "\\eb13" }\n.codicon-link-external:before { content: "\\eb14" }\n.codicon-link:before { content: "\\eb15" }\n.codicon-list-ordered:before { content: "\\eb16" }\n.codicon-list-unordered:before { content: "\\eb17" }\n.codicon-live-share:before { content: "\\eb18" }\n.codicon-loading:before { content: "\\eb19" }\n.codicon-location:before { content: "\\eb1a" }\n.codicon-mail-read:before { content: "\\eb1b" }\n.codicon-mail:before { content: "\\eb1c" }\n.codicon-markdown:before { content: "\\eb1d" }\n.codicon-megaphone:before { content: "\\eb1e" }\n.codicon-mention:before { content: "\\eb1f" }\n.codicon-milestone:before { content: "\\eb20" }\n.codicon-mortar-board:before { content: "\\eb21" }\n.codicon-move:before { content: "\\eb22" }\n.codicon-multiple-windows:before { content: "\\eb23" }\n.codicon-mute:before { content: "\\eb24" }\n.codicon-no-newline:before { content: "\\eb25" }\n.codicon-note:before { content: "\\eb26" }\n.codicon-octoface:before { content: "\\eb27" }\n.codicon-open-preview:before { content: "\\eb28" }\n.codicon-package:before { content: "\\eb29" }\n.codicon-paintcan:before { content: "\\eb2a" }\n.codicon-pin:before { content: "\\eb2b" }\n.codicon-play:before { content: "\\eb2c" }\n.codicon-run:before { content: "\\eb2c" }\n.codicon-plug:before { content: "\\eb2d" }\n.codicon-preserve-case:before { content: "\\eb2e" }\n.codicon-preview:before { content: "\\eb2f" }\n.codicon-project:before { content: "\\eb30" }\n.codicon-pulse:before { content: "\\eb31" }\n.codicon-question:before { content: "\\eb32" }\n.codicon-quote:before { content: "\\eb33" }\n.codicon-radio-tower:before { content: "\\eb34" }\n.codicon-reactions:before { content: "\\eb35" }\n.codicon-references:before { content: "\\eb36" }\n.codicon-refresh:before { content: "\\eb37" }\n.codicon-regex:before { content: "\\eb38" }\n.codicon-remote-explorer:before { content: "\\eb39" }\n.codicon-remote:before { content: "\\eb3a" }\n.codicon-remove:before { content: "\\eb3b" }\n.codicon-replace-all:before { content: "\\eb3c" }\n.codicon-replace:before { content: "\\eb3d" }\n.codicon-repo-clone:before { content: "\\eb3e" }\n.codicon-repo-force-push:before { content: "\\eb3f" }\n.codicon-repo-pull:before { content: "\\eb40" }\n.codicon-repo-push:before { content: "\\eb41" }\n.codicon-report:before { content: "\\eb42" }\n.codicon-request-changes:before { content: "\\eb43" }\n.codicon-rocket:before { content: "\\eb44" }\n.codicon-root-folder-opened:before { content: "\\eb45" }\n.codicon-root-folder:before { content: "\\eb46" }\n.codicon-rss:before { content: "\\eb47" }\n.codicon-ruby:before { content: "\\eb48" }\n.codicon-save-all:before { content: "\\eb49" }\n.codicon-save-as:before { content: "\\eb4a" }\n.codicon-save:before { content: "\\eb4b" }\n.codicon-screen-full:before { content: "\\eb4c" }\n.codicon-screen-normal:before { content: "\\eb4d" }\n.codicon-search-stop:before { content: "\\eb4e" }\n.codicon-server:before { content: "\\eb50" }\n.codicon-settings-gear:before { content: "\\eb51" }\n.codicon-settings:before { content: "\\eb52" }\n.codicon-shield:before { content: "\\eb53" }\n.codicon-smiley:before { content: "\\eb54" }\n.codicon-sort-precedence:before { content: "\\eb55" }\n.codicon-split-horizontal:before { content: "\\eb56" }\n.codicon-split-vertical:before { content: "\\eb57" }\n.codicon-squirrel:before { content: "\\eb58" }\n.codicon-star-full:before { content: "\\eb59" }\n.codicon-star-half:before { content: "\\eb5a" }\n.codicon-symbol-class:before { content: "\\eb5b" }\n.codicon-symbol-color:before { content: "\\eb5c" }\n.codicon-symbol-constant:before { content: "\\eb5d" }\n.codicon-symbol-enum-member:before { content: "\\eb5e" }\n.codicon-symbol-field:before { content: "\\eb5f" }\n.codicon-symbol-file:before { content: "\\eb60" }\n.codicon-symbol-interface:before { content: "\\eb61" }\n.codicon-symbol-keyword:before { content: "\\eb62" }\n.codicon-symbol-misc:before { content: "\\eb63" }\n.codicon-symbol-operator:before { content: "\\eb64" }\n.codicon-symbol-property:before { content: "\\eb65" }\n.codicon-wrench:before { content: "\\eb65" }\n.codicon-wrench-subaction:before { content: "\\eb65" }\n.codicon-symbol-snippet:before { content: "\\eb66" }\n.codicon-tasklist:before { content: "\\eb67" }\n.codicon-telescope:before { content: "\\eb68" }\n.codicon-text-size:before { content: "\\eb69" }\n.codicon-three-bars:before { content: "\\eb6a" }\n.codicon-thumbsdown:before { content: "\\eb6b" }\n.codicon-thumbsup:before { content: "\\eb6c" }\n.codicon-tools:before { content: "\\eb6d" }\n.codicon-triangle-down:before { content: "\\eb6e" }\n.codicon-triangle-left:before { content: "\\eb6f" }\n.codicon-triangle-right:before { content: "\\eb70" }\n.codicon-triangle-up:before { content: "\\eb71" }\n.codicon-twitter:before { content: "\\eb72" }\n.codicon-unfold:before { content: "\\eb73" }\n.codicon-unlock:before { content: "\\eb74" }\n.codicon-unmute:before { content: "\\eb75" }\n.codicon-unverified:before { content: "\\eb76" }\n.codicon-verified:before { content: "\\eb77" }\n.codicon-versions:before { content: "\\eb78" }\n.codicon-vm-active:before { content: "\\eb79" }\n.codicon-vm-outline:before { content: "\\eb7a" }\n.codicon-vm-running:before { content: "\\eb7b" }\n.codicon-watch:before { content: "\\eb7c" }\n.codicon-whitespace:before { content: "\\eb7d" }\n.codicon-whole-word:before { content: "\\eb7e" }\n.codicon-window:before { content: "\\eb7f" }\n.codicon-word-wrap:before { content: "\\eb80" }\n.codicon-zoom-in:before { content: "\\eb81" }\n.codicon-zoom-out:before { content: "\\eb82" }\n.codicon-list-filter:before { content: "\\eb83" }\n.codicon-list-flat:before { content: "\\eb84" }\n.codicon-list-selection:before { content: "\\eb85" }\n.codicon-selection:before { content: "\\eb85" }\n.codicon-list-tree:before { content: "\\eb86" }\n.codicon-debug-breakpoint-function-unverified:before { content: "\\eb87" }\n.codicon-debug-breakpoint-function:before { content: "\\eb88" }\n.codicon-debug-breakpoint-function-disabled:before { content: "\\eb88" }\n.codicon-debug-stackframe-active:before { content: "\\eb89" }\n.codicon-circle-small-filled:before { content: "\\eb8a" }\n.codicon-debug-stackframe-dot:before { content: "\\eb8a" }\n.codicon-debug-stackframe:before { content: "\\eb8b" }\n.codicon-debug-stackframe-focused:before { content: "\\eb8b" }\n.codicon-debug-breakpoint-unsupported:before { content: "\\eb8c" }\n.codicon-symbol-string:before { content: "\\eb8d" }\n.codicon-debug-reverse-continue:before { content: "\\eb8e" }\n.codicon-debug-step-back:before { content: "\\eb8f" }\n.codicon-debug-restart-frame:before { content: "\\eb90" }\n.codicon-debug-alt:before { content: "\\eb91" }\n.codicon-call-incoming:before { content: "\\eb92" }\n.codicon-call-outgoing:before { content: "\\eb93" }\n.codicon-menu:before { content: "\\eb94" }\n.codicon-expand-all:before { content: "\\eb95" }\n.codicon-feedback:before { content: "\\eb96" }\n.codicon-group-by-ref-type:before { content: "\\eb97" }\n.codicon-ungroup-by-ref-type:before { content: "\\eb98" }\n.codicon-account:before { content: "\\eb99" }\n.codicon-bell-dot:before { content: "\\eb9a" }\n.codicon-debug-console:before { content: "\\eb9b" }\n.codicon-library:before { content: "\\eb9c" }\n.codicon-output:before { content: "\\eb9d" }\n.codicon-run-all:before { content: "\\eb9e" }\n.codicon-sync-ignored:before { content: "\\eb9f" }\n.codicon-pinned:before { content: "\\eba0" }\n.codicon-github-inverted:before { content: "\\eba1" }\n.codicon-server-process:before { content: "\\eba2" }\n.codicon-server-environment:before { content: "\\eba3" }\n.codicon-pass:before { content: "\\eba4" }\n.codicon-issue-closed:before { content: "\\eba4" }\n.codicon-stop-circle:before { content: "\\eba5" }\n.codicon-play-circle:before { content: "\\eba6" }\n.codicon-record:before { content: "\\eba7" }\n.codicon-debug-alt-small:before { content: "\\eba8" }\n.codicon-vm-connect:before { content: "\\eba9" }\n.codicon-cloud:before { content: "\\ebaa" }\n.codicon-merge:before { content: "\\ebab" }\n.codicon-export:before { content: "\\ebac" }\n.codicon-graph-left:before { content: "\\ebad" }\n.codicon-magnet:before { content: "\\ebae" }\n.codicon-notebook:before { content: "\\ebaf" }\n.codicon-redo:before { content: "\\ebb0" }\n.codicon-check-all:before { content: "\\ebb1" }\n.codicon-pinned-dirty:before { content: "\\ebb2" }\n.codicon-pass-filled:before { content: "\\ebb3" }\n.codicon-circle-large-filled:before { content: "\\ebb4" }\n.codicon-circle-large-outline:before { content: "\\ebb5" }\n.codicon-combine:before { content: "\\ebb6" }\n.codicon-gather:before { content: "\\ebb6" }\n.codicon-table:before { content: "\\ebb7" }\n.codicon-variable-group:before { content: "\\ebb8" }\n.codicon-type-hierarchy:before { content: "\\ebb9" }\n.codicon-type-hierarchy-sub:before { content: "\\ebba" }\n.codicon-type-hierarchy-super:before { content: "\\ebbb" }\n.codicon-git-pull-request-create:before { content: "\\ebbc" }\n.codicon-run-above:before { content: "\\ebbd" }\n.codicon-run-below:before { content: "\\ebbe" }\n.codicon-notebook-template:before { content: "\\ebbf" }\n.codicon-debug-rerun:before { content: "\\ebc0" }\n.codicon-workspace-trusted:before { content: "\\ebc1" }\n.codicon-workspace-untrusted:before { content: "\\ebc2" }\n.codicon-workspace-unknown:before { content: "\\ebc3" }\n.codicon-terminal-cmd:before { content: "\\ebc4" }\n.codicon-terminal-debian:before { content: "\\ebc5" }\n.codicon-terminal-linux:before { content: "\\ebc6" }\n.codicon-terminal-powershell:before { content: "\\ebc7" }\n.codicon-terminal-tmux:before { content: "\\ebc8" }\n.codicon-terminal-ubuntu:before { content: "\\ebc9" }\n.codicon-terminal-bash:before { content: "\\ebca" }\n.codicon-arrow-swap:before { content: "\\ebcb" }\n.codicon-copy:before { content: "\\ebcc" }\n.codicon-person-add:before { content: "\\ebcd" }\n.codicon-filter-filled:before { content: "\\ebce" }\n.codicon-wand:before { content: "\\ebcf" }\n.codicon-debug-line-by-line:before { content: "\\ebd0" }\n.codicon-inspect:before { content: "\\ebd1" }\n.codicon-layers:before { content: "\\ebd2" }\n.codicon-layers-dot:before { content: "\\ebd3" }\n.codicon-layers-active:before { content: "\\ebd4" }\n.codicon-compass:before { content: "\\ebd5" }\n.codicon-compass-dot:before { content: "\\ebd6" }\n.codicon-compass-active:before { content: "\\ebd7" }\n.codicon-azure:before { content: "\\ebd8" }\n.codicon-issue-draft:before { content: "\\ebd9" }\n.codicon-git-pull-request-closed:before { content: "\\ebda" }\n.codicon-git-pull-request-draft:before { content: "\\ebdb" }\n.codicon-debug-all:before { content: "\\ebdc" }\n.codicon-debug-coverage:before { content: "\\ebdd" }\n.codicon-run-errors:before { content: "\\ebde" }\n.codicon-folder-library:before { content: "\\ebdf" }\n.codicon-debug-continue-small:before { content: "\\ebe0" }\n.codicon-beaker-stop:before { content: "\\ebe1" }\n.codicon-graph-line:before { content: "\\ebe2" }\n.codicon-graph-scatter:before { content: "\\ebe3" }\n.codicon-pie-chart:before { content: "\\ebe4" }\n.codicon-bracket:before { content: "\\eb0f" }\n.codicon-bracket-dot:before { content: "\\ebe5" }\n.codicon-bracket-error:before { content: "\\ebe6" }\n.codicon-lock-small:before { content: "\\ebe7" }\n.codicon-azure-devops:before { content: "\\ebe8" }\n.codicon-verified-filled:before { content: "\\ebe9" }\n.codicon-newline:before { content: "\\ebea" }\n.codicon-layout:before { content: "\\ebeb" }\n.codicon-layout-activitybar-left:before { content: "\\ebec" }\n.codicon-layout-activitybar-right:before { content: "\\ebed" }\n.codicon-layout-panel-left:before { content: "\\ebee" }\n.codicon-layout-panel-center:before { content: "\\ebef" }\n.codicon-layout-panel-justify:before { content: "\\ebf0" }\n.codicon-layout-panel-right:before { content: "\\ebf1" }\n.codicon-layout-panel:before { content: "\\ebf2" }\n.codicon-layout-sidebar-left:before { content: "\\ebf3" }\n.codicon-layout-sidebar-right:before { content: "\\ebf4" }\n.codicon-layout-statusbar:before { content: "\\ebf5" }\n.codicon-layout-menubar:before { content: "\\ebf6" }\n.codicon-layout-centered:before { content: "\\ebf7" }\n.codicon-target:before { content: "\\ebf8" }\n.codicon-indent:before { content: "\\ebf9" }\n.codicon-record-small:before { content: "\\ebfa" }\n.codicon-error-small:before { content: "\\ebfb" }\n.codicon-arrow-circle-down:before { content: "\\ebfc" }\n.codicon-arrow-circle-left:before { content: "\\ebfd" }\n.codicon-arrow-circle-right:before { content: "\\ebfe" }\n.codicon-arrow-circle-up:before { content: "\\ebff" }\n.codicon-layout-sidebar-right-off:before { content: "\\ec00" }\n.codicon-layout-panel-off:before { content: "\\ec01" }\n.codicon-layout-sidebar-left-off:before { content: "\\ec02" }\n.codicon-blank:before { content: "\\ec03" }\n.codicon-heart-filled:before { content: "\\ec04" }\n.codicon-map:before { content: "\\ec05" }\n.codicon-map-filled:before { content: "\\ec06" }\n.codicon-circle-small:before { content: "\\ec07" }\n.codicon-bell-slash:before { content: "\\ec08" }\n.codicon-bell-slash-dot:before { content: "\\ec09" }\n.codicon-comment-unresolved:before { content: "\\ec0a" }\n.codicon-git-pull-request-go-to-changes:before { content: "\\ec0b" }\n.codicon-git-pull-request-new-changes:before { content: "\\ec0c" }\n\n@layer kol-component {\n\t:host {\n\t\tcolor: inherit;\n\t\tdisplay: contents;\n\t\theight: 1em;\n\t\tline-height: inherit;\n\t\twidth: 1em;\n\t}\n\n\t:host > i {\n\t\theight: 1em;\n\t\twidth: 1em;\n\t}\n\n\t/*\n   * The <code>:important</code> is important, because we should always override the font icon style.\n   */\n\t:host > i,\n\t:host > i:before {\n\t\tfont-size: inherit !important;\n\t}\n}\n',KolIcon=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this._icons=void 0,this._label=void 0,this.state={_icons:"codicon codicon-home",_label:""}}render(){const e=this.state._label.length>0;return h(Host,{exportparts:"icon"},h("i",{"aria-hidden":e?void 0:"true","aria-label":e?this.state._label:void 0,class:this.state._icons,part:"icon",role:"img"}))}validateIcons(e){watchString(this,"_icons",e)}validateLabel(e){validateLabel(this,e)}componentWillLoad(){this.validateIcons(this._icons),this.validateLabel(this._label)}static get watchers(){return{_icons:["validateIcons"],_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[33,"kol-icon",{_icons:[1],_label:[1],state:[32]},void 0,{_icons:["validateIcons"],_label:["validateLabel"]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-icon"].forEach((e=>{if("kol-icon"===e)customElements.get(e)||customElements.define(e,KolIcon)}))}export{KolIcon as K,defineCustomElement as d};

package/dist/components/component15.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host,Fragment}from"@stencil/core/internal/client";import{g as watchBoolean,G as watchJsonArrayString,M as STATE_CHANGE_EVENT,r as propagateFocus,n as nonce,s as showExpertSlot}from"./prop.validators.js";import{s as stopPropagation,t as tryToDispatchKoliBriEvent}from"./events.js";import{g as getRenderStates}from"./controller.js";import{I as InternalUnderlinedAccessKey,d as defineCustomElement$2}from"./component2.js";import{f as fillKeyOptionMap,v as validateOptionsWithOptgroup}from"./controller2.js";import{v as validateRows}from"./rows.js";import{I as InputIconController}from"./controller-icon.js";import{d as defineCustomElement$8}from"./shadow.js";import{d as defineCustomElement$7}from"./component6.js";import{d as defineCustomElement$6}from"./component5.js";import{d as defineCustomElement$5}from"./component4.js";import{d as defineCustomElement$4}from"./component.js";import{d as defineCustomElement$3}from"./component13.js";import{d as defineCustomElement$1}from"./component3.js";class SelectController extends InputIconController{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value?e.value===t:!!Array.isArray(e.options)&&this.isValueInOptions(t,e.options))),this.filterValuesInOptions=(t,e)=>t.filter((t=>void 0!==this.isValueInOptions(t,e))),this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),fillKeyOptionMap(this.keyOptionMap,n);const t=e.has("_value")?e.get("_value"):this.component.state._value,i=this.filterValuesInOptions(Array.isArray(t)&&t.length>0?t:[],n);!1===this.component._multiple&&0===i.length?(e.set("_value",[n[0].value]),this.onStateChange()):Array.isArray(t)&&i.length<t.length&&(e.set("_value",i),this.onStateChange())}},this.component=t}validateOptions(t){validateOptionsWithOptgroup(this.component,t,{hooks:{beforePatch:this.beforePatchOptions}})}validateMultiple(t){watchBoolean(this.component,"_multiple",t,{hooks:{beforePatch:this.beforePatchOptions}})}validateRequired(t){watchBoolean(this.component,"_required",t)}validateRows(t){validateRows(this.component,t)}validateValue(t){watchJsonArrayString(this.component,"_value",(()=>!0),t,void 0,{hooks:{beforePatch:this.beforePatchOptions}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(STATE_CHANGE_EVENT)}))}},this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t/* input[type='checkbox'], */\n\t/* input[type='radio'], */\n\t/* input[type='range'], */\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, option, select, textarea, .input-label) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n",isSelected=(t,e)=>Array.isArray(t)&&t.includes(e),KolSelect=proxyCustomElement(class extends HTMLElement{async getValue(){return this._value}renderOptgroup(t,e){var n;return h("optgroup",{disabled:t.disabled,label:t.label},null===(n=t.options)||void 0===n?void 0:n.map(((t,n)=>{const i=`${e}-${n}`;return Array.isArray(t.options)?this.renderOptgroup(t,i):h("option",{disabled:t.disabled,key:i,selected:isSelected(this.state._value,t.value),value:i},t.label)})))}render(){const{ariaDescribedBy:t}=getRenderStates(this.state),e=showExpertSlot(this.state._label);return h(Host,{class:{"has-value":this.state._hasValue}},h("kol-input",{class:{"hide-label":!!this.state._hideLabel,select:!0},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},h("span",{slot:"label"},e?h("slot",{name:"expert"}):"string"==typeof this.state._accessKey?h(Fragment,null,h(InternalUnderlinedAccessKey,{accessKey:this.state._accessKey,label:this.state._label})," ",h("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):h("span",null,this.state._label)),h("div",{slot:"input"},h("select",{ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,multiple:this.state._multiple,name:this.state._name,required:this.state._required,size:this.state._rows,spellcheck:"false",onClick:this.controller.onFacade.onClick,onBlur:this.controller.onFacade.onBlur,onFocus:this.controller.onFacade.onFocus,onChange:this.onChange},this.state._options.map(((t,e)=>{const n=`-${e}`;return Array.isArray(t.options)?this.renderOptgroup(t,n):h("option",{disabled:t.disabled,key:n,selected:isSelected(this.state._value,t.value),value:n},t.label)}))))))}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.catchRef=t=>{this.ref=t,propagateFocus(this.host,this.ref)},this.onChange=t=>{var e,n;this._value=Array.from((null===(e=this.ref)||void 0===e?void 0:e.options)||[]).filter((t=>!0===t.selected)).map((t=>{var e;return null===(e=this.controller.getOptionByKey(t.value))||void 0===e?void 0:e.value})),stopPropagation(t),tryToDispatchKoliBriEvent("change",this.host,this._value),this.controller.setFormAssociatedValue(this._value),"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n.onChange)&&this.state._on.onChange(t,this._value)},this._accessKey=void 0,this._alert=!0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideError:!1,_id:`id-${nonce()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.controller=new SelectController(this,"select",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(this.onChange),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return this}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}static get style(){return{default:defaultStyleCss}}},[33,"kol-select",{_accessKey:[1,"_access-key"],_alert:[1540],_disabled:[4],_error:[1],_hideError:[1540,"_hide-error"],_hideLabel:[4,"_hide-label"],_hint:[1],_icons:[1],_id:[1],_label:[1],_multiple:[4],_name:[1],_on:[16],_options:[1],_required:[4],_rows:[2],_syncValueBySelector:[1,"_sync-value-by-selector"],_tabIndex:[2,"_tab-index"],_tooltipAlign:[1,"_tooltip-align"],_touched:[1540],_value:[1025],state:[32],getValue:[64]},void 0,{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-select","kol-alert","kol-alert-wc","kol-button-wc","kol-heading-wc","kol-icon","kol-input","kol-span-wc","kol-tooltip-wc"].forEach((t=>{switch(t){case"kol-select":customElements.get(t)||customElements.define(t,KolSelect);break;case"kol-alert":customElements.get(t)||defineCustomElement$8();break;case"kol-alert-wc":customElements.get(t)||defineCustomElement$7();break;case"kol-button-wc":customElements.get(t)||defineCustomElement$6();break;case"kol-heading-wc":customElements.get(t)||defineCustomElement$5();break;case"kol-icon":customElements.get(t)||defineCustomElement$4();break;case"kol-input":customElements.get(t)||defineCustomElement$3();break;case"kol-span-wc":customElements.get(t)||defineCustomElement$2();break;case"kol-tooltip-wc":customElements.get(t)||defineCustomElement$1()}}))}export{KolSelect as K,defineCustomElement as d};
+import{proxyCustomElement,HTMLElement,h,Host,Fragment}from"@stencil/core/internal/client";import{f as watchBoolean,G as watchJsonArrayString,M as STATE_CHANGE_EVENT,r as propagateFocus,n as nonce,s as showExpertSlot}from"./prop.validators.js";import{s as stopPropagation,t as tryToDispatchKoliBriEvent}from"./events.js";import{g as getRenderStates}from"./controller.js";import{I as InternalUnderlinedAccessKey,d as defineCustomElement$2}from"./component2.js";import{f as fillKeyOptionMap,v as validateOptionsWithOptgroup}from"./controller2.js";import{v as validateRows}from"./rows.js";import{I as InputIconController}from"./controller-icon.js";import{d as defineCustomElement$8}from"./shadow.js";import{d as defineCustomElement$7}from"./component6.js";import{d as defineCustomElement$6}from"./component5.js";import{d as defineCustomElement$5}from"./component4.js";import{d as defineCustomElement$4}from"./component.js";import{d as defineCustomElement$3}from"./component13.js";import{d as defineCustomElement$1}from"./component3.js";class SelectController extends InputIconController{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value?e.value===t:!!Array.isArray(e.options)&&this.isValueInOptions(t,e.options))),this.filterValuesInOptions=(t,e)=>t.filter((t=>void 0!==this.isValueInOptions(t,e))),this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),fillKeyOptionMap(this.keyOptionMap,n);const t=e.has("_value")?e.get("_value"):this.component.state._value,i=this.filterValuesInOptions(Array.isArray(t)&&t.length>0?t:[],n);!1===this.component._multiple&&0===i.length?(e.set("_value",[n[0].value]),this.onStateChange()):Array.isArray(t)&&i.length<t.length&&(e.set("_value",i),this.onStateChange())}},this.component=t}validateOptions(t){validateOptionsWithOptgroup(this.component,t,{hooks:{beforePatch:this.beforePatchOptions}})}validateMultiple(t){watchBoolean(this.component,"_multiple",t,{hooks:{beforePatch:this.beforePatchOptions}})}validateRequired(t){watchBoolean(this.component,"_required",t)}validateRows(t){validateRows(this.component,t)}validateValue(t){watchJsonArrayString(this.component,"_value",(()=>!0),t,void 0,{hooks:{beforePatch:this.beforePatchOptions}}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(STATE_CHANGE_EVENT)}))}},this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const defaultStyleCss="/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * Minimum size of interactive elements.\n\t\t */\n\t\t--a11y-min-size: 44px;\n\t\t/*\n\t\t * No element should be used without a background and font color whose contrast ratio has\n\t\t * not been checked. By initially setting the background color to white and the font color\n\t\t * to black, the contrast ratio is ensured and explicit adjustment is forced.\n\t\t */\n\t\tbackground-color: white;\n\t\tcolor: black;\n\t\t/*\n\t\t * Verdana is an accessible font that can be used without requiring additional loading time.\n\t\t */\n\t\tfont-family: Verdana;\n\t}\n\n\t* {\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\thyphens: auto;\n\t\t/*\n\t\t * Letter spacing is required for all texts.\n\t\t */\n\t\tletter-spacing: inherit;\n\t\t/*\n\t\t * This rule enables the word dividing for all texts. That is important for high zoom levels.\n\t\t */\n\t\tword-break: break-word;\n\t\t/*\n\t\t * Word spacing is required for all texts.\n\t\t */\n\t\tword-spacing: inherit;\n\t}\n\n\t/*\n\t * All interactive elements should have a minimum size of 44px.\n\t */\n\t/* input:not([type='checkbox'], [type='radio'], [type='range']), */\n\t/* option, */\n\t/* select, */\n\t/* textarea, */\n\t[role='button'],\n\tbutton:not([role='link']),\n\tkol-input .input {\n\t\tmin-height: var(--a11y-min-size);\n\t\tmin-width: var(--a11y-min-size);\n\t}\n\n\t/*\n\t * Some interactive elements should not inherit the font-family and font-size.\n\t */\n\ta,\n\tbutton,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tinput,\n\toption,\n\tselect,\n\ttextarea {\n\t\t/*\n\t\t * All elements should inherit the font family from his parent element.\n\t\t */\n\t\tfont-family: inherit;\n\t\t/*\n\t\t * All elements should inherit the font size from his parent element.\n\t\t */\n\t\tfont-size: inherit;\n\t}\n}\n\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n\tclip: rect(0 0 0 0);\n\tclip-path: inset(50%);\n\theight: 1px;\n\toverflow: hidden;\n\tposition: absolute;\n\twhite-space: nowrap;\n\twidth: 1px;\n}\n\n@layer kol-global {\n\t/*\n\t * Dieses CSS stellt sicher, dass der Standard-Style\n\t * von A und Button resettet werden.\n\t */\n\t:is(a, button) {\n\t\tbackground-color: transparent;\n\t\tborder: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\twidth: 100%; /* 100% needed for custom width from outside */\n\t}\n\n\t/*\n\t * Ensure elements with hidden attribute to be actually not visible\n\t * @see https://meowni.ca/hidden.is.a.lie.html\n\t */\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n}\n\n@layer kol-global {\n\t:host {\n\t\t/*\n\t\t * The max-width is needed to prevent the table from overflowing the\n\t\t * parent node, if the table is wider than the parent node.\n\t\t */\n\t\tmax-width: 100%;\n\t}\n\n\t* {\n\t\t/*\n\t\t * We prefer to box-sizing: border-box for all elements.\n\t\t */\n\t\tbox-sizing: border-box;\n\t}\n\n\t/* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n\tkol-span-wc {\n\t\tdisplay: grid;\n\t\tplace-items: center;\n\t}\n\n\t/* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n\tkol-span-wc > span {\n\t\tdisplay: flex;\n\t\tplace-items: center;\n\t}\n\n\ta,\n\tbutton {\n\t\tcursor: pointer;\n\t}\n\n\t/* This is the text label. */\n\t.icon-only > kol-span-wc > span > span {\n\t\tdisplay: none;\n\t}\n}\n\n@layer kol-component {\n\t.required label > span::after,\n\t.required legend > span::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t:host {\n\t\tdisplay: block;\n\t}\n}\n\n@layer kol-component {\n\tinput,\n\ttextarea {\n\t\tcursor: text;\n\t}\n\n\tinput[type='checkbox'],\n\tinput[type='color'],\n\tinput[type='file'],\n\tinput[type='radio'],\n\tinput[type='range'],\n\tlabel,\n\toption,\n\tselect {\n\t\tcursor: pointer;\n\t}\n\n\t/* input[type='checkbox'], */\n\t/* input[type='radio'], */\n\t/* input[type='range'], */\n\tinput[type='color'],\n\tinput[type='date'],\n\tinput[type='datetime-local'],\n\tinput[type='email'],\n\tinput[type='file'],\n\tinput[type='month'],\n\tinput[type='number'],\n\tinput[type='password'],\n\tinput[type='search'],\n\tinput[type='tel'],\n\tinput[type='text'],\n\tinput[type='time'],\n\tinput[type='url'],\n\tinput[type='week'],\n\tselect,\n\tselect[multiple] option,\n\ttextarea {\n\t\tfont-size: 1rem;\n\t\twidth: 100%;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tinput[type='file'] {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 10) 0.5em;\n\t}\n\n\t/* needed hack for vertical alignment */\n\tselect[multiple] option {\n\t\tpadding: calc((var(--a11y-min-size) - 1rem) / 2) 0.5em;\n\t}\n\n\tkol-input.disabled :is(button, input, option, select, textarea, .input-label) {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n}\n\n@layer kol-component {\n\tkol-input {\n\t\tdisplay: grid;\n\t}\n\n\tkol-input .input-slot {\n\t\tflex-grow: 1;\n\t}\n\n\tinput:not([type='checkbox'], [type='radio']),\n\tselect:not([multiple], [size]) {\n\t\theight: 2.75em;\n\t}\n\n\tinput:focus,\n\toption:focus,\n\tselect:focus,\n\ttextarea:focus {\n\t\toutline: 0;\n\t}\n\n\t.input {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.input > kol-icon {\n\t\tdisplay: grid;\n\t\theight: var(--a11y-min-size);\n\t\tplace-items: center;\n\t}\n\n\tkol-input.required .input-tooltip .span-label::after {\n\t\tcontent: '*';\n\t}\n}\n\n@layer kol-component {\n\t.error.hidden {\n\t\tdisplay: none;\n\t}\n}\n",isSelected=(t,e)=>Array.isArray(t)&&t.includes(e),KolSelect=proxyCustomElement(class extends HTMLElement{async getValue(){return this._value}renderOptgroup(t,e){var n;return h("optgroup",{disabled:t.disabled,label:t.label},null===(n=t.options)||void 0===n?void 0:n.map(((t,n)=>{const i=`${e}-${n}`;return Array.isArray(t.options)?this.renderOptgroup(t,i):h("option",{disabled:t.disabled,key:i,selected:isSelected(this.state._value,t.value),value:i},t.label)})))}render(){const{ariaDescribedBy:t}=getRenderStates(this.state),e=showExpertSlot(this.state._label);return h(Host,{class:{"has-value":this.state._hasValue}},h("kol-input",{class:{"hide-label":!!this.state._hideLabel,select:!0},_accessKey:this.state._accessKey,_disabled:this.state._disabled,_error:this.state._error,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_required:this.state._required,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.ref)||void 0===t?void 0:t.focus()}},h("span",{slot:"label"},e?h("slot",{name:"expert"}):"string"==typeof this.state._accessKey?h(Fragment,null,h(InternalUnderlinedAccessKey,{accessKey:this.state._accessKey,label:this.state._label})," ",h("span",{class:"access-key-hint","aria-hidden":"true"},this.state._accessKey)):h("span",null,this.state._label)),h("div",{slot:"input"},h("select",{ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,multiple:this.state._multiple,name:this.state._name,required:this.state._required,size:this.state._rows,spellcheck:"false",onClick:this.controller.onFacade.onClick,onBlur:this.controller.onFacade.onBlur,onFocus:this.controller.onFacade.onFocus,onChange:this.onChange},this.state._options.map(((t,e)=>{const n=`-${e}`;return Array.isArray(t.options)?this.renderOptgroup(t,n):h("option",{disabled:t.disabled,key:n,selected:isSelected(this.state._value,t.value),value:n},t.label)}))))))}constructor(){super(),this.__registerHost(),this.__attachShadow(),this.catchRef=t=>{this.ref=t,propagateFocus(this.host,this.ref)},this.onChange=t=>{var e,n;this._value=Array.from((null===(e=this.ref)||void 0===e?void 0:e.options)||[]).filter((t=>!0===t.selected)).map((t=>{var e;return null===(e=this.controller.getOptionByKey(t.value))||void 0===e?void 0:e.value})),stopPropagation(t),tryToDispatchKoliBriEvent("change",this.host,this._value),this.controller.setFormAssociatedValue(this._value),"function"==typeof(null===(n=this.state._on)||void 0===n?void 0:n.onChange)&&this.state._on.onChange(t,this._value)},this._accessKey=void 0,this._alert=!0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideError:!1,_id:`id-${nonce()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.controller=new SelectController(this,"select",this.host)}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(this.onChange),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}get host(){return this}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}static get style(){return{default:defaultStyleCss}}},[33,"kol-select",{_accessKey:[1,"_access-key"],_alert:[1540],_disabled:[4],_error:[1],_hideError:[1540,"_hide-error"],_hideLabel:[4,"_hide-label"],_hint:[1],_icons:[1],_id:[1],_label:[1],_multiple:[4],_name:[1],_on:[16],_options:[1],_required:[4],_rows:[2],_syncValueBySelector:[1,"_sync-value-by-selector"],_tabIndex:[2,"_tab-index"],_tooltipAlign:[1,"_tooltip-align"],_touched:[1540],_value:[1025],state:[32],getValue:[64]},void 0,{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-select","kol-alert","kol-alert-wc","kol-button-wc","kol-heading-wc","kol-icon","kol-input","kol-span-wc","kol-tooltip-wc"].forEach((t=>{switch(t){case"kol-select":customElements.get(t)||customElements.define(t,KolSelect);break;case"kol-alert":customElements.get(t)||defineCustomElement$8();break;case"kol-alert-wc":customElements.get(t)||defineCustomElement$7();break;case"kol-button-wc":customElements.get(t)||defineCustomElement$6();break;case"kol-heading-wc":customElements.get(t)||defineCustomElement$5();break;case"kol-icon":customElements.get(t)||defineCustomElement$4();break;case"kol-input":customElements.get(t)||defineCustomElement$3();break;case"kol-span-wc":customElements.get(t)||defineCustomElement$2();break;case"kol-tooltip-wc":customElements.get(t)||defineCustomElement$1()}}))}export{KolSelect as K,defineCustomElement as d};