@public-ui/sample-react 2.2.10 → 2.2.11-rc.0

package/unocss.config.ts

@@ -13,131 +13,130 @@ function convertDynamicClassValueToRem(value: string) {
 	return pxValueToRem(Number.parseFloat(value) * 16 / 4);
 }
 
-// ts-prune-ignore-next
 export default defineConfig({
 	rules: [
-		[/^p-(\d+)$/, ([, d]) => ({ 
-			padding: convertDynamicClassValueToRem(d) 
+		[/^p-(\d+)$/, ([, d]) => ({
+			padding: convertDynamicClassValueToRem(d)
 		})],
 
-		[/^px-(\d+)$/, ([, d]) => ({ 
+		[/^px-(\d+)$/, ([, d]) => ({
 			'padding-left': convertDynamicClassValueToRem(d),
-			'padding-right': convertDynamicClassValueToRem(d)  
+			'padding-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^py-(\d+)$/, ([, d]) => ({ 
+		[/^py-(\d+)$/, ([, d]) => ({
 			'padding-top': convertDynamicClassValueToRem(d),
-			'padding-bottom': convertDynamicClassValueToRem(d)  
+			'padding-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^ps-(\d+)$/, ([, d]) => ({ 
-			'padding-inline-start': convertDynamicClassValueToRem(d) 
+		[/^ps-(\d+)$/, ([, d]) => ({
+			'padding-inline-start': convertDynamicClassValueToRem(d)
 		})],
-		[/^pe-(\d+)$/, ([, d]) => ({ 
-			'padding-inline-end': convertDynamicClassValueToRem(d) 
+		[/^pe-(\d+)$/, ([, d]) => ({
+			'padding-inline-end': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^pt-(\d+)$/, ([, d]) => ({ 
-			'padding-top': convertDynamicClassValueToRem(d) 
+		[/^pt-(\d+)$/, ([, d]) => ({
+			'padding-top': convertDynamicClassValueToRem(d)
 		})],
-		[/^pl-(\d+)$/, ([, d]) => ({ 
-			'padding-left': convertDynamicClassValueToRem(d) 
+		[/^pl-(\d+)$/, ([, d]) => ({
+			'padding-left': convertDynamicClassValueToRem(d)
 		})],
-		[/^pr-(\d+)$/, ([, d]) => ({ 
-			'padding-right': convertDynamicClassValueToRem(d) 
+		[/^pr-(\d+)$/, ([, d]) => ({
+			'padding-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^pb-(\d+)$/, ([, d]) => ({ 
-			'padding-bottom': convertDynamicClassValueToRem(d) 
+		[/^pb-(\d+)$/, ([, d]) => ({
+			'padding-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^p-t-(\d+)$/, ([, d]) => ({ 
-			'padding-top': convertDynamicClassValueToRem(d) 
+		[/^p-t-(\d+)$/, ([, d]) => ({
+			'padding-top': convertDynamicClassValueToRem(d)
 		})],
-		[/^p-l-(\d+)$/, ([, d]) => ({ 
-			'padding-left': convertDynamicClassValueToRem(d) 
+		[/^p-l-(\d+)$/, ([, d]) => ({
+			'padding-left': convertDynamicClassValueToRem(d)
 		})],
-		[/^p-r-(\d+)$/, ([, d]) => ({ 
-			'padding-right': convertDynamicClassValueToRem(d) 
+		[/^p-r-(\d+)$/, ([, d]) => ({
+			'padding-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^p-b-(\d+)$/, ([, d]) => ({ 
-			'padding-bottom': convertDynamicClassValueToRem(d) 
+		[/^p-b-(\d+)$/, ([, d]) => ({
+			'padding-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^m-(\d+)$/, ([, d]) => ({ 
-			margin: convertDynamicClassValueToRem(d) 
+		[/^m-(\d+)$/, ([, d]) => ({
+			margin: convertDynamicClassValueToRem(d)
 		})],
 
-		[/^mx-(\d+)$/, ([, d]) => ({ 
+		[/^mx-(\d+)$/, ([, d]) => ({
 			'margin-left': convertDynamicClassValueToRem(d),
-			'margin-right': convertDynamicClassValueToRem(d)  
+			'margin-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^my-(\d+)$/, ([, d]) => ({ 
+		[/^my-(\d+)$/, ([, d]) => ({
 			'margin-top': convertDynamicClassValueToRem(d),
-			'margin-bottom': convertDynamicClassValueToRem(d)  
+			'margin-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^ms-(\d+)$/, ([, d]) => ({ 
-			'margin-inline-start': convertDynamicClassValueToRem(d) 
+		[/^ms-(\d+)$/, ([, d]) => ({
+			'margin-inline-start': convertDynamicClassValueToRem(d)
 		})],
-		[/^me-(\d+)$/, ([, d]) => ({ 
-			'margin-inline-end': convertDynamicClassValueToRem(d) 
+		[/^me-(\d+)$/, ([, d]) => ({
+			'margin-inline-end': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^mt$/, ([, d]) => ({ 
-			'margin-top': pxValueToRem(16) 
+		[/^mt$/, ([, d]) => ({
+			'margin-top': pxValueToRem(16)
 		})],
-		[/^ml$/, ([, d]) => ({ 
-			'margin-left': pxValueToRem(16) 
+		[/^ml$/, ([, d]) => ({
+			'margin-left': pxValueToRem(16)
 		})],
-		[/^mr$/, ([, d]) => ({ 
-			'margin-right': pxValueToRem(16) 
+		[/^mr$/, ([, d]) => ({
+			'margin-right': pxValueToRem(16)
 		})],
-		[/^mb$/, ([, d]) => ({ 
-			'margin-bottom': pxValueToRem(16) 
+		[/^mb$/, ([, d]) => ({
+			'margin-bottom': pxValueToRem(16)
 		})],
 
-		[/^mt-(\d+)$/, ([, d]) => ({ 
-			'margin-top': convertDynamicClassValueToRem(d) 
+		[/^mt-(\d+)$/, ([, d]) => ({
+			'margin-top': convertDynamicClassValueToRem(d)
 		})],
-		[/^ml-(\d+)$/, ([, d]) => ({ 
-			'margin-left': convertDynamicClassValueToRem(d) 
+		[/^ml-(\d+)$/, ([, d]) => ({
+			'margin-left': convertDynamicClassValueToRem(d)
 		})],
-		[/^mr-(\d+)$/, ([, d]) => ({ 
-			'margin-right': convertDynamicClassValueToRem(d) 
+		[/^mr-(\d+)$/, ([, d]) => ({
+			'margin-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^mb-(\d+)$/, ([, d]) => ({ 
-			'margin-bottom': convertDynamicClassValueToRem(d) 
+		[/^mb-(\d+)$/, ([, d]) => ({
+			'margin-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^m-t-(\d+)$/, ([, d]) => ({ 
-			'margin-top': convertDynamicClassValueToRem(d) 
+		[/^m-t-(\d+)$/, ([, d]) => ({
+			'margin-top': convertDynamicClassValueToRem(d)
 		})],
-		[/^m-l-(\d+)$/, ([, d]) => ({ 
-			'margin-left': convertDynamicClassValueToRem(d) 
+		[/^m-l-(\d+)$/, ([, d]) => ({
+			'margin-left': convertDynamicClassValueToRem(d)
 		})],
-		[/^m-r-(\d+)$/, ([, d]) => ({ 
-			'margin-right': convertDynamicClassValueToRem(d) 
+		[/^m-r-(\d+)$/, ([, d]) => ({
+			'margin-right': convertDynamicClassValueToRem(d)
 		})],
-		[/^m-b-(\d+)$/, ([, d]) => ({ 
-			'margin-bottom': convertDynamicClassValueToRem(d) 
+		[/^m-b-(\d+)$/, ([, d]) => ({
+			'margin-bottom': convertDynamicClassValueToRem(d)
 		})],
 
-		[/^mb-sm$/, ([, d]) => ({ 
-			'margin-bottom': pxValueToRem(14) 
+		[/^mb-sm$/, ([, d]) => ({
+			'margin-bottom': pxValueToRem(14)
 		})],
 
 		[/^gap-(\d+)$/, ([, d]) => ({ gap: convertDynamicClassValueToRem(d) })],
 		[/^gap-x-(\d+)$/, ([, d]) => ({ 'column-gap': convertDynamicClassValueToRem(d) })],
 		[/^gap-y-(\d+)$/, ([, d]) => ({ 'row-gap': convertDynamicClassValueToRem(d) })],
-	
-		[/^w-(\d+)rem$/, ([, d]) => ({ 
-			width: pxValueToRem(Number.parseInt(d) * 16) 
+
+		[/^w-(\d+)rem$/, ([, d]) => ({
+			width: pxValueToRem(Number.parseInt(d) * 16)
 		})],
 
-		[/^w-sm$/, () => ({ 
+		[/^w-sm$/, () => ({
 			width: pxValueToRem(24 * 16) // 24rem
 		})],
 	],
-	extendTheme: (theme: any) => { 
+	extendTheme: (theme: any) => {
 		return {
 			...theme,
 			fontSize: {

package/webpack.config.js

@@ -1,9 +1,20 @@
 const webpack = require('webpack');
 
+/**
+ * @returns {null|string}
+ */
+function getGitCommitHash() {
+	try {
+		return require('child_process').execSync('git rev-parse --short HEAD 2>/dev/null').toString().trim();
+	} catch (e) {
+		return null;
+	}
+}
+
 module.exports = (...args) => {
 	const config = require('@leanup/stack-react/webpack.config')(...args);
 	const UnoCSS = require('@unocss/webpack').default;
-	const commitHash = require('child_process').execSync('git rev-parse --short HEAD').toString().trim();
+
 	config.plugins.push(UnoCSS());
 	config.plugins.push(
 		new webpack.EnvironmentPlugin({
@@ -13,7 +24,7 @@ module.exports = (...args) => {
 			ENABLE_TAG_NAME_TRANSFORMER: '',
 			ENABLE_THEME_PATCHING: '',
 			BUILD_DATE: new Date().toISOString(),
-			COMMIT_HASH: commitHash,
+			COMMIT_HASH: getGitCommitHash(),
 		}),
 	);
 	delete config.devServer.proxy;

package/dist/2323.js

@@ -1,2 +0,0 @@
-/*! For license information please see 2323.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[2323],{2323:(e,t,i)=>{i.r(t),i.d(t,{initialize:()=>a});var o=i(4219),n=i(5838),r=i(2741);function l(e,t){try{Object.defineProperty((()=>{let e=(0,n.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,n.d)(),"KoliBri",{value:e,writable:!1})),e})(),e,{get:function(){return t}})}catch(t){n.L.debug(`KoliBri property ${e} is already bind.`)}}const s=(e,t)=>n.L.debug(`${e} ${t?"":"not "}activated`),a=()=>{if((0,o.i)(),(0,n.e)()){(0,o.r)(),l("a11yColorContrast",r.y),l("querySelector",r.t),l("querySelectorAll",r.z),l("querySelectorColors",r.A),l("utils",(function(){return r.B})),l("parseJson",r.p),l("stringifyJson",r.C);const e=(0,n.g)().body,t=(0,n.g)().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',(0,n.g)().body.appendChild(t),s("Development mode",(0,n.e)()),s("Experimental mode",(0,n.a)()),s("Color contrast analysis",(0,n.f)()),(0,n.f)()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.B.queryHtmlElementColors((0,n.g)().createElement("div"),(0,r.y)(e),!1,!1)}),1e4)}),2500)}}}},4219:(e,t,i)=>{i.d(t,{i:()=>s,n:()=>c,r:()=>a});var o=i(254),n=i(7177),r=i(5838);const l=()=>{let e=(0,r.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,r.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,r.s)(t.includes("dev-mode=true")),(0,r.b)(t.includes("experimental-mode=true")),(0,r.c)(t.includes("color-contrast-analysis=true")))}})(),r.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${o.E.kolibriVersion}\n\t`,{forceLog:!0})},a=()=>{!0!==l().adviceShown&&(Object.defineProperty(l(),"adviceShown",{get:function(){return!0}}),r.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===n.p&&(c=()=>"nonce")},7177:(e,t,i)=>{i.d(t,{b:()=>l,h:()=>n,p:()=>o,s:()=>r});let o="development";try{o="production"}catch(e){o="production"}const n=(e,t,i)=>{if(e&&t&&"string"==typeof i){const o=e.querySelector(`[slot="${i}"]`);o&&t.appendChild(o)}},r=e=>""===e,l=(e,t)=>e||t||""}}]);

package/dist/2778.js

@@ -1,2 +0,0 @@
-/*! For license information please see 2778.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[2778],{3420:(t,e,o)=>{o.d(e,{I:()=>p,g:()=>d});var n=o(8445),i=o(8715),s=o(2741),a=o(6692),r=o(7350),l=o(9027),c=o(7257),h=o(4323);const d=t=>{var e,o;const n=Boolean("error"===(null===(e=t._msg)||void 0===e?void 0:e._type)&&t._msg._description&&(null===(o=t._msg._description)||void 0===o?void 0:o.length)>0)&&!0===t._touched,i="string"==typeof t._hint&&t._hint.length>0,s=[];return!0===n&&s.push(`${t._id}-error`),!0===i&&s.push(`${t._id}-hint`),{hasError:n,hasHint:i,ariaDescribedBy:s}};class u extends i.A{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){(0,s.b)(this.component,"_alert",t)}validateTouched(t){((t,e)=>{(0,s.b)(t,"_touched",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class p extends u{constructor(t,e,o){super(t,e,o),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this)},this.component=t}validateAccessKey(t){(0,a.v)(this.component,t),(0,a.a)(t,this.component._shortKey)}validateAdjustHeight(t){((t,e)=>{(0,s.b)(t,"_adjustHeight",e)})(this.component,t)}validateDisabled(t){(0,s.b)(this.component,"_disabled",t),!0===t&&(0,s.c)()}validateTooltipAlign(t){(0,h.v)(this.component,t)}validateError(t){"string"==typeof t&&t.length>0?this.validateMsg({_description:t,_type:"error"}):this.validateMsg(void 0)}validateHideError(t){((t,e,o)=>{(0,s.b)(t,"_hideError",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,s.a)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){(0,r.v)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,s.a)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,s.i)(this.component,"_hint",t)}validateId(t){(0,s.i)(this.component,"_id",t,{minLength:1}),""!==t&&void 0!==t||(0,s.j)("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(t){(0,l.a)(this.component,t,{required:!0})}validateMsg(t){((t,e)=>{(0,s.o)(e,(()=>{try{e=(0,s.p)(e)}catch(t){}(0,s.w)(t,"_msg",(t=>(0,c.a)(t)&&"string"==typeof(null==t?void 0:t._description)),new Set(["MsgPropType"]),e,{defaultValue:{_description:"",_type:"error"}})}))})(this.component,t)}validateOn(t){"object"==typeof t&&(0,s.s)(this.component,"_on",t)}validateShortKey(t){(0,a.b)(this.component,t),(0,a.a)(this.component._accessKey,t)}validateSmartButton(t){(0,s.o)(t,(()=>{try{t=(0,s.p)(t)}catch(t){}(0,s.s)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,a.c)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.component._msg&&this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),(0,a.a)(this.component._accessKey,this.component._shortKey)}onBlur(t){var e;this.component._touched=!0,(0,n.s)(t),(0,n.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t,e){var o;e=null!=e?e:t.target.value,(0,n.t)("change",this.host,e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e),this.valueChangeListeners.forEach((t=>t(e)))}onInput(t,e=!0,o){var i;o=null!=o?o:t.target.value,(0,n.s)(t),(0,n.t)("input",this.host,o),e&&this.setFormAssociatedValue(o),"function"==typeof(null===(i=this.component._on)||void 0===i?void 0:i.onInput)&&this.component._on.onInput(t,o)}onClick(t){var e;(0,n.s)(t),(0,n.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;(0,n.s)(t),(0,n.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},4219:(t,e,o)=>{o.d(e,{i:()=>r,n:()=>c,r:()=>l});var n=o(254),i=o(7177),s=o(5838);const a=()=>{let t=(0,s.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,s.d)(),"KoliBri",{value:t,writable:!1})),t},r=()=>{(()=>{const t=(0,s.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,s.s)(e.includes("dev-mode=true")),(0,s.b)(e.includes("experimental-mode=true")),(0,s.c)(e.includes("color-contrast-analysis=true")))}})(),s.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},l=()=>{!0!==a().adviceShown&&(Object.defineProperty(a(),"adviceShown",{get:function(){return!0}}),s.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===i.p&&(c=()=>"nonce")},4323:(t,e,o)=>{o.d(e,{v:()=>i});var n=o(9357);const i=(t,e)=>{(0,n.v)(t,"_tooltipAlign",e)}},6692:(t,e,o)=>{o.d(e,{a:()=>l,b:()=>r,c:()=>a,v:()=>i});var n=o(2741);const i=(t,e)=>{(0,n.i)(t,"_accessKey",e)},s={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,n.a)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},a=(t,e)=>{(0,n.k)(t,"_tabIndex",e,s)},r=(t,e)=>{(0,n.i)(t,"_shortKey",e)},l=(t,e)=>{if(t&&e)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")}},7177:(t,e,o)=>{o.d(e,{b:()=>a,h:()=>i,p:()=>n,s:()=>s});let n="development";try{n="production"}catch(t){n="production"}const i=(t,e,o)=>{if(t&&e&&"string"==typeof o){const n=t.querySelector(`[slot="${o}"]`);n&&e.appendChild(n)}},s=t=>""===t,a=(t,e)=>t||e||""},7185:(t,e,o)=>{o.d(e,{I:()=>i});var n=o(254);const i=({badgeText:t,label:e})=>{const o=t;let[i,...s]=e.split(o);return 0===s.length&&(t=o.toUpperCase(),[i,...s]=e.split(o)),0===s.length&&(t=o.toLowerCase(),[i,...s]=e.split(o)),(0,n.h)(n.F,null,i,s.length?(0,n.h)(n.F,null,(0,n.h)("u",null,t),s.join(o)):null)}},7257:(t,e,o)=>{o.d(e,{S:()=>a,a:()=>n,b:()=>s,i:()=>i});const n=t=>"object"==typeof t&&null!==t,i=(t,e=0)=>"string"==typeof t&&t.length>=e,s=t=>{if("object"!=typeof t||null===t)return i(t,1);for(const e in t)if(!1===i(e,1))return!1;return!0},a=new Event("StateChange")},7350:(t,e,o)=>{o.d(e,{v:()=>i});var n=o(2741);const i=(t,e,o={})=>{(0,n.b)(t,"_hideLabel",e,o)}},8445:(t,e,o)=>{function n(t){t.stopImmediatePropagation(),t.stopPropagation()}function i(t,e,o){e&&function(t,e,o){const n=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,o))}(e,t,o)}function s(t){t.preventDefault(),n(t)}o.d(e,{p:()=>s,s:()=>n,t:()=>i})},8715:(t,e,o)=>{o.d(e,{A:()=>s});var n=o(5838),i=o(2741);class s{constructor(t,e,o){var s,a,r,l;if(this.experimentalMode=(0,n.a)(),this.setFormAssociatedValue=t=>{var e;const o=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==o&&""!==o||(0,i.j)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const n=this.tryToStringifyValue(t);this.syncValue(t,n,this.formAssociated),this.syncValue(t,n,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(o),this.type=e,this.experimentalMode&&("KOL-BUTTON"===(l=null===(s=this.host)||void 0===s?void 0:s.tagName)||"KOL-COMBOBOX"===l||"KOL-INPUT-CHECKBOX"===l||"KOL-INPUT-COLOR"===l||"KOL-INPUT-DATE"===l||"KOL-INPUT-EMAIL"===l||"KOL-INPUT-FILE"===l||"KOL-INPUT-NUMBER"===l||"KOL-INPUT-PASSWORD"===l||"KOL-INPUT-RADIO"===l||"KOL-INPUT-RANGE"===l||"KOL-INPUT-TEXT"===l||"KOL-SELECT"===l||"KOL-SINGLE-SELECT"===l||"KOL-TEXTAREA"===l)&&t._name){switch(null===(a=this.host)||void 0===a||a.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(r=this.host)||void 0===r||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,o){if(this.experimentalMode)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==e||e.setAttribute(t,`${o}`)}catch(o){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,i.l)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,o){if(o)switch(this.type){case"file":o.files=t;break;case"select":o.querySelectorAll("option").forEach((t=>{o.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),o.appendChild(t)}}));break;case"radio":"string"==typeof e&&(o.setAttribute("value",e),o.setAttribute("checked",""),o.value=e);break;default:"string"==typeof e?(o.setAttribute("value",e),o.value=e):(o.removeAttribute("value"),o.value="")}}validateName(t){((t,e,o)=>{(0,i.i)(t,"_name",e,o)})(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,i.j)("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},9027:(t,e,o)=>{o.d(e,{a:()=>d,b:()=>r,c:()=>l,h:()=>i,v:()=>h});var n=o(2741);const i=[0,1,2,3,4,5,6],s=/[a-zA-Z0-9äöüÄÖÜß]/g,a=/^\d+$/;function r(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(s))||void 0===e?void 0:e.length)||0}(t)>=e}function l(t){return a.test(t)}const c=new Set(["string"]),h=(t,e,o={})=>{(0,n.w)(t,"_label",(t=>"string"==typeof t),c,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,o,i,s)=>{var a,c;"function"==typeof(null===(a=t.hooks)||void 0===a?void 0:a.afterPatch)&&(null===(c=t.hooks)||void 0===c||c.afterPatch(e,o,i,s)),"string"==typeof e&&!1===r(e,3)&&!1===l(e)&&(0,n.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}(o))},d=h},9357:(t,e,o)=>{o.d(e,{a:()=>a,v:()=>i});var n=o(2741);const i=(t,e,o)=>{(0,n.w)(t,e,(t=>"string"==typeof t&&s.includes(t)),new Set(s),o,{defaultValue:"top"})},s=["left","right","top","bottom"],a=(t,e)=>{i(t,"_align",e)}}}]);