@public-ui/components 3.0.0-3f7ce4d6fae47ec93967f553e36b3173cbf0ab8d.0 → 3.0.0-5b77407d5176cae7a2828963773736f2e84d442f.0

package/dist/kolibri/{prop.validators-17aec743.js → prop.validators-644974c7.js}

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

package/dist/kolibri/rows-20cf69b2.js

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

package/dist/kolibri/show-d79c4a16.js

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

package/dist/kolibri/spell-check-8022aadd.js

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

package/dist/kolibri/{suggestions-04da2b2e.js → suggestions-933c68f4.js}

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

package/dist/kolibri/{table-settings-d708d477.js → table-settings-9a700fb0.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as o,q as e,o as n,p as t,s as a}from"./prop.validators-17aec743.js";import{b as s}from"./common-54bf85ba.js";const c=(e,n)=>{o(e,"_on",(o=>"object"==typeof o&&null!==o),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),n)},l=(e,n)=>{o(e,"_on",(o=>"object"==typeof o&&null!==o),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),n)},r=(o,s,l)=>{e(s,(()=>{n(s,(()=>{void 0===s&&(s=[]);try{s=t(s)}catch(o){}Array.isArray(s)&&s.every((o=>"object"==typeof o&&null!==o))&&a(o,"_data",s,l)}))}))},i=(o,s,l)=>{e(s,(()=>{n(s,(()=>{void 0===s&&(s=[]);try{s=t(s)}catch(o){}Array.isArray(s)&&s.every((o=>"object"==typeof o&&null!==o))&&a(o,"_dataFoot",s,l)}))}))},f=(o,e)=>{(o=>o&&s(o)&&"function"==typeof o.label&&(!o.selectedKeys||Array.isArray(o.selectedKeys)))("string"==typeof e?(()=>{try{return t(e)}catch(o){return}})():e)&&a(o,"_selection",e)};var u;!function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"}(u||(u={}));const p=(e,n)=>{o(e,"_tableSettings",(o=>"object"==typeof o&&null!==o),new Set(["TableSettings"]),n)};export{u as C,i as a,f as b,l as c,p as d,c as e,r as v};
+import{w as o,q as n,o as e,p as t,s as a}from"./prop.validators-644974c7.js";import{b as s}from"./common-54bf85ba.js";const c=(e,n)=>{o(e,"_on",(o=>"object"==typeof o&&null!==o),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),n)},l=(e,n)=>{o(e,"_on",(o=>"object"==typeof o&&null!==o),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),n)},r=(o,s,l)=>{n(s,(()=>{e(s,(()=>{void 0===s&&(s=[]);try{s=t(s)}catch(o){}Array.isArray(s)&&s.every((o=>"object"==typeof o&&null!==o))&&a(o,"_data",s,l)}))}))},i=(o,s,l)=>{n(s,(()=>{e(s,(()=>{void 0===s&&(s=[]);try{s=t(s)}catch(o){}Array.isArray(s)&&s.every((o=>"object"==typeof o&&null!==o))&&a(o,"_dataFoot",s,l)}))}))},f=(o,e)=>{(o=>o&&s(o)&&"function"==typeof o.label&&(!o.selectedKeys||Array.isArray(o.selectedKeys)))("string"==typeof e?(()=>{try{return t(e)}catch(o){return}})():e)&&a(o,"_selection",e)};var u;!function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"}(u||(u={}));const p=(e,n)=>{o(e,"_tableSettings",(o=>"object"==typeof o&&null!==o),new Set(["TableSettings"]),n)};export{u as C,i as a,f as b,l as c,p as d,c as e,r as v};

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

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

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

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

package/dist/kolibri/validation-4889471b.js

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

package/dist/kolibri/validation-d12dde72.js

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

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

@@ -1,5 +1,6 @@
 import type { AccessKeyPropType, AlternativeButtonLinkRolePropType, AriaDescriptionPropType, ButtonAPI, ButtonCallbacksPropType, ButtonStates, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DisabledPropType, FocusableElement, IconsPropType, LabelWithExpertSlotPropType, ShortKeyPropType, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';
 export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     private readonly host?;
     private buttonRef?;
@@ -14,6 +15,7 @@ export declare class KolButtonWc implements ButtonAPI, FocusableElement {
     _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
     _ariaExpanded?: boolean;
+    _ariaHasPopup?: AriaHasPopupPropType;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;

package/dist/types/components/icon/bem.d.ts

@@ -0,0 +1,16 @@
+type SCHEMA = {
+    'kol-icon': {
+        elements: {
+            icon: {
+                modifiers: null;
+            };
+        };
+        modifiers: null;
+    };
+};
+declare const bem: <BlockName extends "kol-icon", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+declare const BEM: SCHEMA;
+declare const BEM_CLASS_ICON: string;
+declare const BEM_CLASS_ICON__ICON: string;
+export { bem as genBemAlert, BEM as BEM_ICON };
+export { BEM_CLASS_ICON, BEM_CLASS_ICON__ICON };

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

@@ -30,6 +30,7 @@ export declare class KolInputFile implements InputFileAPI, FocusableElement {
     _tooltipAlign?: TooltipAlignPropType;
     _touched?: boolean;
     private filename;
+    private hasFileSelected;
     state: InputFileStates;
     private inputHasFocus;
     constructor();

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

@@ -6,6 +6,7 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     private refPopover?;
     state: PopoverButtonStates;
     private justClosed;
+    private popoverOpen;
     hidePopover(): Promise<void>;
     private handleBeforeToggle;
     private handleToggle;
@@ -16,7 +17,6 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
-    _ariaExpanded?: boolean;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;

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

@@ -8,7 +8,6 @@ export declare class KolPopoverButton implements PopoverButtonProps {
     _accessKey?: AccessKeyPropType;
     _ariaControls?: string;
     _ariaDescription?: AriaDescriptionPropType;
-    _ariaExpanded?: boolean;
     _ariaSelected?: boolean;
     _customClass?: CustomClassPropType;
     _disabled?: boolean;

package/dist/types/components/single-select/controller.d.ts

@@ -12,5 +12,6 @@ export declare class SingleSelectController extends InputIconController implemen
     validateValue(value?: StencilUnknown): void;
     validatePlaceholder(value?: string): void;
     validateHideClearButton(value?: boolean): void;
+    validateRows(value?: number): void;
     componentWillLoad(): void;
 }

package/dist/types/components/single-select/shadow.d.ts

@@ -1,5 +1,5 @@
-import type { HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
+import type { HideMsgPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, OptionsPropType, RowsPropType, ShortKeyPropType, SingleSelectAPI, SingleSelectStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 export declare class KolSingleSelect implements SingleSelectAPI {
     private readonly host?;
     private refInput?;
@@ -51,6 +51,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     _touched?: boolean;
     _value?: StencilUnknown;
     _hideClearButton?: boolean;
+    _rows?: RowsPropType;
     state: SingleSelectStates;
     private inputHasFocus;
     constructor();
@@ -74,6 +75,7 @@ export declare class KolSingleSelect implements SingleSelectAPI {
     validateTouched(value?: boolean): void;
     validateValue(value?: StencilUnknown): void;
     validateHideClearButton(value?: boolean): void;
+    validateRows(value?: number): void;
     handleMouseEvent(): void;
     private updateInputValue;
     componentWillLoad(): void;

package/dist/types/components/table-stateless/component.d.ts

@@ -12,6 +12,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private dataToKeyMap;
     private checkboxRefs;
     private tableDivElementHasScrollbar;
+    private previousHeaderCells?;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
     _headerCells: TableHeaderCellsPropType;

package/dist/types/components.d.ts

@@ -6,11 +6,13 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { TableSettingsPropType } from "./schema/props/table-settings";
 import { MinWidthPropType } from "./schema/props/min-width";
 export { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { TableSettingsPropType } from "./schema/props/table-settings";
@@ -338,6 +340,10 @@ export namespace Components {
           * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
          */
         "_ariaExpanded"?: boolean;
+        /**
+          * Defines the aria-haspopup attribute. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-haspopup)
+         */
+        "_ariaHasPopup"?: AriaHasPopupPropType;
         /**
           * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
          */
@@ -1960,10 +1966,6 @@ export namespace Components {
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-         */
-        "_ariaExpanded"?: boolean;
         /**
           * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
          */
@@ -2055,10 +2057,6 @@ export namespace Components {
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-         */
-        "_ariaExpanded"?: boolean;
         /**
           * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
          */
@@ -2350,6 +2348,10 @@ export namespace Components {
           * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
          */
         "_required"?: boolean;
+        /**
+          * Maximum number of visible rows in the options dropdown before scrolling.
+         */
+        "_rows"?: RowsPropType;
         /**
           * Adds a visual short key hint to the component.
          */
@@ -5105,10 +5107,6 @@ declare namespace LocalJSX {
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-         */
-        "_ariaExpanded"?: boolean;
         /**
           * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
          */
@@ -5192,10 +5190,6 @@ declare namespace LocalJSX {
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
-         */
-        "_ariaExpanded"?: boolean;
         /**
           * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
          */
@@ -5473,6 +5467,10 @@ declare namespace LocalJSX {
           * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
          */
         "_required"?: boolean;
+        /**
+          * Maximum number of visible rows in the options dropdown before scrolling.
+         */
+        "_rows"?: RowsPropType;
         /**
           * Adds a visual short key hint to the component.
          */

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

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

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

@@ -0,0 +1,29 @@
+type SCHEMA = {
+    'kol-alert': {
+        elements: {
+            container: {
+                modifiers: null;
+            };
+            icon: {
+                modifiers: null;
+            };
+            heading: {
+                modifiers: Set<'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
+            };
+            content: {
+                modifiers: null;
+            };
+            closer: {
+                modifiers: null;
+            };
+        };
+        modifiers: Set<'hasCloser' | 'type-default' | 'type-error' | 'type-info' | 'type-success' | 'type-warning' | 'variant-card' | 'variant-msg'>;
+    };
+};
+declare const bem: <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+declare const BEM: SCHEMA;
+declare const BEM_CLASS_ALERT__CLOSER: string;
+declare const BEM_CLASS_ALERT__CONTENT: string;
+declare const BEM_CLASS_ALERT__ICON: string;
+export { bem as genBemAlert, BEM as BEM_ALERT };
+export { BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT, BEM_CLASS_ALERT__ICON };

package/dist/types/index.d.ts

@@ -7,3 +7,5 @@ export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
 export { KolEvent } from './utils/events';
 export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, } from './schema';
+export { BEM_ALERT } from './functional-components/Alert/bem';
+export { BEM_ICON } from './components/icon/bem';

package/dist/types/schema/components/single-select.d.ts

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched, PropRows } from '../props';
 import type { InputTypeOnDefault, KoliBriHIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
@@ -9,7 +9,7 @@ type OptionalProps = {
     placeholder: string;
     value: StencilUnknown;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropRows & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
@@ -18,7 +18,7 @@ type OptionalStates = {
     on: InputTypeOnDefault;
     placeholder: string;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
 export type SingleSelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SingleSelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SingleSelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/props/aria-has-popup.d.ts

@@ -0,0 +1,3 @@
+declare const ariaHasPopupOptions: readonly ["false", "true", "menu", "listbox", "tree", "grid", "dialog"];
+export type AriaHasPopupPropType = (typeof ariaHasPopupOptions)[number];
+export {};

package/doc/popover-button.md

@@ -10,7 +10,6 @@
 | `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string` \| `undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)          | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
 | `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean` \| `undefined`                                                                                                                                 | `undefined` |
 | `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `string` \| `undefined`                                                                                                                                  | `undefined` |
 | `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                           | `boolean` \| `undefined`                                                                                                                                 | `false`     |

package/doc/single-select.md

@@ -22,6 +22,7 @@
 | `_options` _(required)_ | `_options`           | Options the user can choose from.                                                                                                                            | `Option<StencilUnknown>[]` \| `string`                                                                                                                                                                                                                                                                                                                                                        | `undefined` |
 | `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                  | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_required`             | `_required`          | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                     | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_shortKey`             | `_short-key`         | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |
 | `_touched`              | `_touched`           | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.0-3f7ce4d6fae47ec93967f553e36b3173cbf0ab8d.0",
+  "version": "3.0.0-5b77407d5176cae7a2828963773736f2e84d442f.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -52,7 +52,7 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "1.6.13",
-    "adopted-style-sheets": "1.1.8",
+    "adopted-style-sheets": "1.1.9-rc.9",
     "clsx": "2.1.1",
     "color-convert": "2.0.1",
     "color-rgba": "2.4.0",
@@ -61,10 +61,11 @@
     "query-selector-all-shadow-root": "0.0.3",
     "query-selector-shadow-root": "0.0.3",
     "rgba-convert": "0.3.0",
+    "typed-bem": "1.0.0-rc.7",
     "wcag-contrast": "3.0.0"
   },
   "peerDependencies": {
-    "adopted-style-sheets": "1.1.8"
+    "adopted-style-sheets": "1.1.9-rc.9"
   },
   "files": [
     "assets",

package/vscode-custom-data.json

@@ -2769,10 +2769,6 @@
           "name": "_aria-description",
           "description": "Defines the value for the aria-description attribute."
         },
-        {
-          "name": "_aria-expanded",
-          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
-        },
         {
           "name": "_aria-selected",
           "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
@@ -2934,10 +2930,6 @@
           "name": "_aria-description",
           "description": "Defines the value for the aria-description attribute."
         },
-        {
-          "name": "_aria-expanded",
-          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
-        },
         {
           "name": "_aria-selected",
           "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
@@ -3346,6 +3338,10 @@
           "name": "_required",
           "description": "Makes the input element required."
         },
+        {
+          "name": "_rows",
+          "description": "Maximum number of visible rows in the options dropdown before scrolling."
+        },
         {
           "name": "_short-key",
           "description": "Adds a visual short key hint to the component."

package/dist/cjs/Alert-1985e597.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-9d66d61e.js"),clsx=require("./clsx-dd4d6dd1.js"),i18n=require("./i18n-0e710ccd.js"),componentNames=require("./component-names-82c4d68d.js"),Heading=require("./Heading-df45a02a.js"),Icon=({ariaLabel:e,icon:l})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:"kol-alert__heading-icon",_label:"",_icons:l})),AlertIcon=({type:e,label:l})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:l});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:l});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:l});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:l});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:l})}},AlertIcon$1=AlertIcon,KolAlertFc=(e,l)=>{var n,o;const{class:a={},type:i="default",variant:c="msg",label:t,hasCloser:r,alert:s,onAlertTimeout:d,onCloserClick:u,level:v}=e,b=tslib_es6.__rest(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);s&&((null===(n=navigator.userActivation)||void 0===n?void 0:n.hasBeenActive)&&(null===(o=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===o||o.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==d||d()}),1e4));const _=Object.assign({class:clsx.clsx("kol-alert",`kol-alert--${i}`,`kol-alert--${c}`,{"kol-alert--hasCloser":!!r},a),role:s?"alert":void 0},b);return index.h("div",Object.assign({},_),index.h("div",{class:"kol-alert__container"},index.h(AlertIcon$1,{label:t,type:i}),index.h("div",{class:"kol-alert__container-content"},t?index.h(Heading.KolHeadingFc,{class:"kol-alert__heading",level:v},t):null,"msg"===c&&index.h("div",{class:"kol-alert__content"},l)),r&&index.h(componentNames.KolButtonWcTag,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==t?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:u},_tooltipAlign:"left"})),"card"===c&&index.h("div",{class:"kol-alert__content"},l))},KolAlertFc$1=KolAlertFc;exports.KolAlertFc=KolAlertFc$1;

package/dist/cjs/Alert-1985e597.js.map

@@ -1 +0,0 @@
-{"file":"Alert-1985e597.js","mappings":";;;;;;;;;;;;AAUA,MAAM,IAAI,GAA4D,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;IACzF,QACCA;QACCA,kBAAM,KAAK,EAAC,iBAAiB,IAAE,SAAS,CAAQ;QAChDA,QAACC,yBAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,IAAI,GAAI,CACpE,EACF;AACH,CAAC,CAAC;AAEF,MAAM,SAAS,GAA6C,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;IAC3E,QAAQ,IAAI;QACX,KAAK,OAAO;YACX,OAAOD,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/F,KAAK,MAAM;YACV,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,UAAU,CAAC,EAAE,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC7F,KAAK,SAAS;YACb,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACnG,KAAK,SAAS;YACb,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAChG;YACC,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;KACnG;AACF,CAAC,CAAC;AAEF,oBAAe,SAAS;;ACjBxB,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,QAAQ;;IACvD,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAA9I,uGAAsI,CAAQ,CAAC;IAErJ,IAAI,KAAK,EAAE;QAOV,IAAI,MAAA,SAAS,CAAC,cAAc,0CAAE,aAAa,EAAE;YAC5C,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0DAAG,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;SAC9C;QAED,UAAU,CAAC;YACV,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;SACnB,EAAE,KAAK,CAAC,CAAC;KACV;IAED,MAAM,SAAS,mBACd,KAAK,EAAEC,SAAI,CAAC,WAAW,EAAE,cAAc,IAAI,EAAE,EAAE,cAAc,OAAO,EAAE,EAAE,EAAE,sBAAsB,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,UAAU,CAAC,EAC5H,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,IAC9B,KAAK,CACR,CAAC;IAEF,QACCH,iCAAS,SAAS;QACjBA,iBAAK,KAAK,EAAC,sBAAsB;YAChCA,QAACI,WAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YACvCJ,iBAAK,KAAK,EAAC,8BAA8B;gBACvC,KAAK,IACLA,QAACK,oBAAY,IAAC,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,IACnD,KAAK,CACQ,IACZ,IAAI;gBACP,OAAO,KAAK,KAAK,IAAIL,iBAAK,KAAK,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CACjE;YACL,SAAS,KACTA,QAACM,6BAAc,IACd,KAAK,EAAC,+BAA+B,iBACzB,oBAAoB,EAChC,gBAAgB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,KAAI,EAAE,EACrC,UAAU,QACV,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,IAAI,EAAE,uBAAuB;qBAC7B;iBACD,EACD,MAAM,EAAEJ,cAAS,CAAC,iBAAiB,CAAC,EACpC,GAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAC/B,aAAa,EAAC,MAAM,GACH,CAClB,CACI;QACL,OAAO,KAAK,MAAM,IAAIF,iBAAK,KAAK,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAClE,EACL;AACH,CAAC,CAAC;AAEF,qBAAe,UAAU;;;;","names":["h","KolIconTag","translate","clsx","AlertIcon","KolHeadingFc","KolButtonWcTag"],"sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class=\"kol-alert__heading-icon\" _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nimport { type InternalAlertProps } from '../../schema';\nimport { translate } from '../../i18n';\nimport { KolButtonWcTag } from '../../core/component-names';\n\nimport AlertIcon from '../AlertIcon';\nimport KolHeadingFc from '../Heading';\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst { class: classNames = {}, type = 'default', variant = 'msg', label, hasCloser, alert, onAlertTimeout, onCloserClick, level, ...other } = props;\n\n\tif (alert) {\n\t\t/**\n\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t * - Ongoing discussion: https://github.com/public-ui/kolibri/issues/7191\n\t\t * @todo Move side-effect out of render-function to avoid multiple incarnations.\n\t\t */\n\t\tif (navigator.userActivation?.hasBeenActive) {\n\t\t\tnavigator?.vibrate?.([100, 75, 100, 75, 100]);\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx('kol-alert', `kol-alert--${type}`, `kol-alert--${variant}`, { 'kol-alert--hasCloser': !!hasCloser }, classNames),\n\t\trole: alert ? 'alert' : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps}>\n\t\t\t<div class=\"kol-alert__container\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"kol-alert__container-content\">\n\t\t\t\t\t{label ? (\n\t\t\t\t\t\t<KolHeadingFc class=\"kol-alert__heading\" level={level}>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</KolHeadingFc>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{variant === 'msg' && <div class=\"kol-alert__content\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"kol-alert__close-button close\"\n\t\t\t\t\t\tdata-testid=\"alert-close-button\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translate('kol-close-alert')}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && <div class=\"kol-alert__content\">{children}</div>}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"version":3}

package/dist/cjs/CustomSuggestionsOptionsGroup-f06b3c8b.js.map

@@ -1 +0,0 @@
-{"file":"CustomSuggestionsOptionsGroup-f06b3c8b.js","mappings":";;;;;;;;;;MASa,eAAe,GAAG,CAAC,KAK/B;;IAKA,MAAM,cAAc,GAAG,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,MAAK,OAAO,CAAC;IACrD,MAAM,MAAM,GAAG,cAAc,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC;IACzD,MAAM,OAAO,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAa,EAAE,CAAC;IACrC,IAAI,MAAM,KAAK,IAAI,EAAE;QACpB,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,CAAC;KAC3C;IACD,IAAI,OAAO,KAAK,IAAI,EAAE;QACrB,eAAe,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,CAAC;KAC1C;IACD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;AAC7C;;ACxBA,MAAM,yBAAyB,GAAqC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;IACzF,QACCA,oBAAQ,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ;QAC/FA,QAACC,yBAAU,IAAC,MAAM,EAAC,+BAA+B,EAAC,MAAM,EAAEC,cAAS,CAAC,cAAc,CAAC,GAAI,CAChF,EACR;AACH,CAAC,CAAC;AACF,oCAAe,yBAAyB;;ACHxC,MAAM,yBAAyB,GAA+B,CAAC,SAAEC,OAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE;IACxI,QACCH,gBACC,EAAE,EAAE,UAAUG,OAAK,EAAE,EACrB,GAAG,EAAE,IAAIA,OAAK,EAAE,EAChB,GAAG,EAAE,GAAG,gBACIA,OAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,mBACE,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,SAAS,IAEnB,MAAM,CACH,EACJ;AACH,CAAC,CAAC;AACF,oCAAe,yBAAyB;;ACvBxC,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,EAAE,QAAQ;IACjI,QACCH,gBACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAEI,SAAI,CAAC,sCAAsC,EAAE;YACnD,qDAAqD,EAAE,wBAAwB;SAC/E,CAAC,EACF,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,EACJ;AACH,CAAC,CAAC;AACF,0CAAe,+BAA+B;;;;;;;","names":["h","KolIconTag","translate","index","clsx"],"sources":["src/components/input/controller.ts","src/functional-components/CustomSuggestionsToggle/CustomSuggestionsToggle.tsx","src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import type { MsgPropType, TouchedPropType } from '../../schema';\n\n/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_msg?: MsgPropType;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: TouchedPropType;\n}): {\n\thasMsg: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst isMessageValid = state._msg?._type === 'error';\n\tconst hasMsg = isMessageValid && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasMsg === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasMsg, hasHint, ariaDescribedBy };\n};\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { JSXBase } from '@stencil/core/internal';\n\nexport type CustomSuggestionsToggleProps = JSXBase.HTMLAttributes<HTMLButtonElement> & { disabled?: boolean };\n\nconst CustomSuggestionsToggleFc: FC<CustomSuggestionsToggleProps> = ({ onClick, disabled }) => {\n\treturn (\n\t\t<button tabindex=\"-1\" class=\"kol-custom-suggestions-toggle\" onClick={onClick} disabled={disabled}>\n\t\t\t<KolIconTag _icons=\"codicon codicon-triangle-down\" _label={translate('kol-dropdown')} />\n\t\t</button>\n\t);\n};\nexport default CustomSuggestionsToggleFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option }) => {\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass=\"kol-custom-suggestions-option\"\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{option}\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t})}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"version":3}

package/dist/cjs/InternalUnderlinedBadgeText-7b352779.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const index=require("./index-9d66d61e.js");var freeGlobal="object"==typeof global&&global&&global.Object===Object&&global;const freeGlobal$1=freeGlobal;var freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal$1||freeSelf||Function("return this")();const root$1=root;var Symbol=root$1.Symbol;const Symbol$1=Symbol;var objectProto$1=Object.prototype,hasOwnProperty=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol$1?Symbol$1.toStringTag:void 0;function getRawTag(t){var e=hasOwnProperty.call(t,symToStringTag$1),n=t[symToStringTag$1];try{t[symToStringTag$1]=void 0;var r=!0}catch(t){}var o=nativeObjectToString$1.call(t);return r&&(e?t[symToStringTag$1]=n:delete t[symToStringTag$1]),o}var objectProto=Object.prototype,nativeObjectToString=objectProto.toString;function objectToString(t){return nativeObjectToString.call(t)}var nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag=Symbol$1?Symbol$1.toStringTag:void 0;function baseGetTag(t){return null==t?void 0===t?undefinedTag:nullTag:symToStringTag&&symToStringTag in Object(t)?getRawTag(t):objectToString(t)}function isObjectLike(t){return null!=t&&"object"==typeof t}var isArray=Array.isArray;const isArray$1=isArray;var stringTag="[object String]";function isString(t){return"string"==typeof t||!isArray$1(t)&&isObjectLike(t)&&baseGetTag(t)==stringTag}const KolInternalUnderlinedBadgeTextFc=({badgeText:t,label:e})=>{const n=t;let[r,...o]=e.split(n);return 0===o.length&&(t=n.toUpperCase(),[r,...o]=e.split(n)),0===o.length&&(t=n.toLowerCase(),[r,...o]=e.split(n)),index.h(index.Fragment,null,r,o.length?index.h(index.Fragment,null,index.h("u",null,t),o.join(n)):null)},InternalUnderlinedBadgeText=KolInternalUnderlinedBadgeTextFc;exports.InternalUnderlinedBadgeText=InternalUnderlinedBadgeText,exports.isString=isString;