@public-ui/sample-react 2.2.12 → 2.2.13-rc.0

package/unocss.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from '@unocss/webpack';
-import { presetUno } from '@unocss/preset-uno';
+import { defineConfig } from '@unocss/vite';
+import { presetMini } from '@unocss/preset-mini';
 
 function pxValueToRem(size: number): string {
 	return `calc(${size}rem / var(--kolibri-root-font-size, 16))`;
@@ -10,152 +10,251 @@ function convertRem(value: number): string {
 }
 
 function convertDynamicClassValueToRem(value: string) {
-	return pxValueToRem(Number.parseFloat(value) * 16 / 4);
+	return pxValueToRem((Number.parseFloat(value) * 16) / 4);
 }
 
 export default defineConfig({
 	rules: [
-		[/^p-(\d+)$/, ([, d]) => ({
-			padding: convertDynamicClassValueToRem(d)
-		})],
-
-		[/^px-(\d+)$/, ([, d]) => ({
-			'padding-left': convertDynamicClassValueToRem(d),
-			'padding-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^py-(\d+)$/, ([, d]) => ({
-			'padding-top': convertDynamicClassValueToRem(d),
-			'padding-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^ps-(\d+)$/, ([, d]) => ({
-			'padding-inline-start': convertDynamicClassValueToRem(d)
-		})],
-		[/^pe-(\d+)$/, ([, d]) => ({
-			'padding-inline-end': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^pt-(\d+)$/, ([, d]) => ({
-			'padding-top': convertDynamicClassValueToRem(d)
-		})],
-		[/^pl-(\d+)$/, ([, d]) => ({
-			'padding-left': convertDynamicClassValueToRem(d)
-		})],
-		[/^pr-(\d+)$/, ([, d]) => ({
-			'padding-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^pb-(\d+)$/, ([, d]) => ({
-			'padding-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^p-t-(\d+)$/, ([, d]) => ({
-			'padding-top': convertDynamicClassValueToRem(d)
-		})],
-		[/^p-l-(\d+)$/, ([, d]) => ({
-			'padding-left': convertDynamicClassValueToRem(d)
-		})],
-		[/^p-r-(\d+)$/, ([, d]) => ({
-			'padding-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^p-b-(\d+)$/, ([, d]) => ({
-			'padding-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^m-(\d+)$/, ([, d]) => ({
-			margin: convertDynamicClassValueToRem(d)
-		})],
-
-		[/^mx-(\d+)$/, ([, d]) => ({
-			'margin-left': convertDynamicClassValueToRem(d),
-			'margin-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^my-(\d+)$/, ([, d]) => ({
-			'margin-top': convertDynamicClassValueToRem(d),
-			'margin-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^ms-(\d+)$/, ([, d]) => ({
-			'margin-inline-start': convertDynamicClassValueToRem(d)
-		})],
-		[/^me-(\d+)$/, ([, d]) => ({
-			'margin-inline-end': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^mt$/, ([, d]) => ({
-			'margin-top': pxValueToRem(16)
-		})],
-		[/^ml$/, ([, d]) => ({
-			'margin-left': pxValueToRem(16)
-		})],
-		[/^mr$/, ([, d]) => ({
-			'margin-right': pxValueToRem(16)
-		})],
-		[/^mb$/, ([, d]) => ({
-			'margin-bottom': pxValueToRem(16)
-		})],
-
-		[/^mt-(\d+)$/, ([, d]) => ({
-			'margin-top': convertDynamicClassValueToRem(d)
-		})],
-		[/^ml-(\d+)$/, ([, d]) => ({
-			'margin-left': convertDynamicClassValueToRem(d)
-		})],
-		[/^mr-(\d+)$/, ([, d]) => ({
-			'margin-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^mb-(\d+)$/, ([, d]) => ({
-			'margin-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^m-t-(\d+)$/, ([, d]) => ({
-			'margin-top': convertDynamicClassValueToRem(d)
-		})],
-		[/^m-l-(\d+)$/, ([, d]) => ({
-			'margin-left': convertDynamicClassValueToRem(d)
-		})],
-		[/^m-r-(\d+)$/, ([, d]) => ({
-			'margin-right': convertDynamicClassValueToRem(d)
-		})],
-		[/^m-b-(\d+)$/, ([, d]) => ({
-			'margin-bottom': convertDynamicClassValueToRem(d)
-		})],
-
-		[/^mb-sm$/, ([, d]) => ({
-			'margin-bottom': pxValueToRem(14)
-		})],
+		[
+			/^p-(\d+)$/,
+			([, d]) => ({
+				padding: convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^px-(\d+)$/,
+			([, d]) => ({
+				'padding-left': convertDynamicClassValueToRem(d),
+				'padding-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^py-(\d+)$/,
+			([, d]) => ({
+				'padding-top': convertDynamicClassValueToRem(d),
+				'padding-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^ps-(\d+)$/,
+			([, d]) => ({
+				'padding-inline-start': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^pe-(\d+)$/,
+			([, d]) => ({
+				'padding-inline-end': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^pt-(\d+)$/,
+			([, d]) => ({
+				'padding-top': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^pl-(\d+)$/,
+			([, d]) => ({
+				'padding-left': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^pr-(\d+)$/,
+			([, d]) => ({
+				'padding-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^pb-(\d+)$/,
+			([, d]) => ({
+				'padding-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^p-t-(\d+)$/,
+			([, d]) => ({
+				'padding-top': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^p-l-(\d+)$/,
+			([, d]) => ({
+				'padding-left': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^p-r-(\d+)$/,
+			([, d]) => ({
+				'padding-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^p-b-(\d+)$/,
+			([, d]) => ({
+				'padding-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^m-(\d+)$/,
+			([, d]) => ({
+				margin: convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^mx-(\d+)$/,
+			([, d]) => ({
+				'margin-left': convertDynamicClassValueToRem(d),
+				'margin-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^my-(\d+)$/,
+			([, d]) => ({
+				'margin-top': convertDynamicClassValueToRem(d),
+				'margin-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^ms-(\d+)$/,
+			([, d]) => ({
+				'margin-inline-start': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^me-(\d+)$/,
+			([, d]) => ({
+				'margin-inline-end': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^mt$/,
+			() => ({
+				'margin-top': pxValueToRem(16),
+			}),
+		],
+		[
+			/^ml$/,
+			() => ({
+				'margin-left': pxValueToRem(16),
+			}),
+		],
+		[
+			/^mr$/,
+			() => ({
+				'margin-right': pxValueToRem(16),
+			}),
+		],
+		[
+			/^mb$/,
+			() => ({
+				'margin-bottom': pxValueToRem(16),
+			}),
+		],
+
+		[
+			/^mt-(\d+)$/,
+			([, d]) => ({
+				'margin-top': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^ml-(\d+)$/,
+			([, d]) => ({
+				'margin-left': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^mr-(\d+)$/,
+			([, d]) => ({
+				'margin-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^mb-(\d+)$/,
+			([, d]) => ({
+				'margin-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^m-t-(\d+)$/,
+			([, d]) => ({
+				'margin-top': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^m-l-(\d+)$/,
+			([, d]) => ({
+				'margin-left': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^m-r-(\d+)$/,
+			([, d]) => ({
+				'margin-right': convertDynamicClassValueToRem(d),
+			}),
+		],
+		[
+			/^m-b-(\d+)$/,
+			([, d]) => ({
+				'margin-bottom': convertDynamicClassValueToRem(d),
+			}),
+		],
+
+		[
+			/^mb-sm$/,
+			() => ({
+				'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$/, () => ({
-			width: pxValueToRem(24 * 16) // 24rem
-		})],
+		[
+			/^w-sm$/,
+			() => ({
+				width: pxValueToRem(24 * 16), // 24rem
+			}),
+		],
 	],
 	extendTheme: (theme: any) => {
 		return {
 			...theme,
 			fontSize: {
-				xs: [ convertRem(0.75), '1' ],
-				sm: [ convertRem(0.875), '1.25' ],
-				base: [ convertRem(1), '1.5' ],
-				lg: [ convertRem(1.125), '1.75' ],
-				xl: [ convertRem(1.25), '1.75' ],
-				'2xl': [ convertRem(1.5), '2' ],
-				'3xl': [ convertRem(1.875), '2.25' ],
-				'4xl': [ convertRem(2.25), '2.5' ],
-				'5xl': [ convertRem(3), '1' ],
-				'6xl': [ convertRem(3.75), '1' ],
-				'7xl': [ convertRem(4.5), '1' ],
-				'8xl': [ convertRem(6), '1' ],
-				'9xl': [ convertRem(8), '1' ],
-				'kol-test': ['625%', '1']
-			  },
-			  borderRadius: {
+				xs: [convertRem(0.75), '1'],
+				sm: [convertRem(0.875), '1.25'],
+				base: [convertRem(1), '1.5'],
+				lg: [convertRem(1.125), '1.75'],
+				xl: [convertRem(1.25), '1.75'],
+				'2xl': [convertRem(1.5), '2'],
+				'3xl': [convertRem(1.875), '2.25'],
+				'4xl': [convertRem(2.25), '2.5'],
+				'5xl': [convertRem(3), '1'],
+				'6xl': [convertRem(3.75), '1'],
+				'7xl': [convertRem(4.5), '1'],
+				'8xl': [convertRem(6), '1'],
+				'9xl': [convertRem(8), '1'],
+				'kol-test': ['625%', '1'],
+			},
+			borderRadius: {
 				DEFAULT: convertRem(0.25),
 				none: '0',
 				sm: convertRem(0.125),
@@ -164,9 +263,9 @@ export default defineConfig({
 				xl: convertRem(0.75),
 				'2xl': convertRem(1),
 				'3xl': convertRem(1.5),
-				full: '9999px'
-			  },
-			  containers: {
+				full: '9999px',
+			},
+			containers: {
 				xs: `(min-width: ${convertRem(20)})`,
 				sm: `(min-width: ${convertRem(24)})`,
 				md: `(min-width: ${convertRem(28)})`,
@@ -178,9 +277,9 @@ export default defineConfig({
 				'5xl': `(min-width: ${convertRem(64)})`,
 				'6xl': `(min-width: ${convertRem(72)})`,
 				'7xl': `(min-width: ${convertRem(80)})`,
-				prose: '(min-width: 65ch)'
-			  },
-			  spacing: {
+				prose: '(min-width: 65ch)',
+			},
+			spacing: {
 				DEFAULT: convertRem(1),
 				none: '0',
 				xs: convertRem(0.75),
@@ -194,9 +293,9 @@ export default defineConfig({
 				'6xl': convertRem(3.75),
 				'7xl': convertRem(4.5),
 				'8xl': convertRem(6),
-				'9xl': convertRem(8)
-			  },
-			  textIndent: {
+				'9xl': convertRem(8),
+			},
+			textIndent: {
 				DEFAULT: convertRem(1.5),
 				xs: convertRem(0.5),
 				sm: convertRem(1),
@@ -204,16 +303,16 @@ export default defineConfig({
 				lg: convertRem(2),
 				xl: convertRem(2.5),
 				'2xl': convertRem(3),
-				'3xl': convertRem(4)
-			  },
-			  textStrokeWidth: {
+				'3xl': convertRem(4),
+			},
+			textStrokeWidth: {
 				DEFAULT: convertRem(1.5),
 				none: '0',
 				sm: 'thin',
 				md: 'medium',
-				lg: 'thick'
-			  },
-		}
+				lg: 'thick',
+			},
+		};
 	},
-	presets: [presetUno()],
+	presets: [presetMini()],
 });

package/vite.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from 'vite';
+import { execSync } from 'node:child_process';
+import react from '@vitejs/plugin-react-swc';
+import UnoCSS from '@unocss/vite';
+
+function getGitCommitHash(): string | null {
+	try {
+		return execSync('git rev-parse --short HEAD 2>/dev/null').toString().trim();
+	} catch {
+		return null;
+	}
+}
+
+export default defineConfig({
+	plugins: [react(), UnoCSS()],
+	define: {
+		'process.env.THEME_MODULE': JSON.stringify(process.env.THEME_MODULE || ''),
+		'process.env.THEME_EXPORT': JSON.stringify(process.env.THEME_EXPORT || ''),
+		'process.env.ENABLE_I18N_OVERWRITING': JSON.stringify(process.env.ENABLE_I18N_OVERWRITING || ''),
+		'process.env.ENABLE_TAG_NAME_TRANSFORMER': JSON.stringify(process.env.ENABLE_TAG_NAME_TRANSFORMER || ''),
+		'process.env.ENABLE_THEME_PATCHING': JSON.stringify(process.env.ENABLE_THEME_PATCHING || ''),
+		'process.env.BUILD_DATE': JSON.stringify(new Date().toISOString()),
+		'process.env.COMMIT_HASH': JSON.stringify(getGitCommitHash()),
+	},
+	build: {
+		sourcemap: true,
+	},
+	server: {
+		port: 9191,
+		strictPort: true,
+	},
+});

package/.eslintignore

@@ -1,2 +0,0 @@
-**/assets/**
-**/complex-form/**

package/.eslintrc.js

@@ -1,36 +0,0 @@
-const config = require('@leanup/stack/.eslintrc');
-
-config.parserOptions = {
-	tsconfigRootDir: __dirname,
-};
-
-config.overrides = config.overrides || [];
-config.overrides.push({
-	extends: ['plugin:react/recommended', 'plugin:jsx-a11y/recommended'],
-	files: ['**/*.tsx'],
-	parserOptions: {
-		ecmaFeatures: {
-			jsx: true,
-		},
-	},
-	rules: {
-		'@typescript-eslint/consistent-type-imports': 'error',
-		'@typescript-eslint/no-unsafe-member-access': 'error',
-		'react/no-unused-state': 'error',
-	},
-});
-
-config.plugins = config.plugins || [];
-config.plugins.push('react');
-config.plugins.push('jsx-a11y');
-
-config.rules = config.rules || {};
-config.rules.eqeqeq = 'error';
-
-config.settings = {
-	react: {
-		version: 'detect',
-	},
-};
-
-module.exports = config;

package/.gitignore

@@ -1,41 +0,0 @@
-# Next
-.next
-
-# GraphQL
-src/__generated__
-
-# IDE's
-.idea
-.project
-*.sublime-*
-*.code-*
-
-# Node.js
-node_modules
-npm-debug.log
-
-# Cache
-.sass-cache
-.cache
-
-# Operating system
-.DS_Store
-Thumbs.db
-
-# Other
-/.husky/
-/.reports/
-.env
-.eslintcache
-/dist/
-/public/assets/
-*~
-*.log
-*.tgz
-*.zip
-
-.kolibri.migrate.json
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/

package/.prettierignore

@@ -1,4 +0,0 @@
-**/assets/**
-*.feature
-*.sass
-*.scss

package/dist/1266.js

@@ -1,2 +0,0 @@
-/*! For license information please see 1266.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1266],{297:(t,e,n)=>{n.d(e,{v:()=>l});var i=n(8465);const o=(t,e,n)=>{(0,i.B)(n)?t[e]=n:(0,i.y)(n,1)&&(t[e]={icon:n})},a=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,i.G)(t.style))&&(void 0===t.label||(0,i.y)(t.label))&&(0,i.y)(t.icon,1),l=(t,e,n={})=>{(0,i.o)(e,(()=>{var l;try{e=(0,i.k)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,i.y)(t,1)||"object"==typeof t&&null!==t&&((0,i.y)(t.left,1)||a(t.left)||(0,i.y)(t.right,1)||a(t.right)||(0,i.y)(t.top,1)||a(t.top)||(0,i.y)(t.bottom,1)||a(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},n),{defaultValue:{},hooks:{afterPatch:null===(l=n.hooks)||void 0===l?void 0:l.afterPatch,beforePatch:(t,e,a,l)=>{var s,r;"function"==typeof(null===(s=n.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(r=n.hooks)||void 0===r||r.beforePatch(t,e,a,l)),(t=>{var e,n,a;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(n=t.nextState)||void 0===n?void 0:n.get("_icons");null===(a=t.nextState)||void 0===a||a.set("_icons",(t=>{let e={};return(0,i.y)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(o(e,"top",t.top),o(e,"right",t.right),o(e,"bottom",t.bottom),o(e,"left",t.left)),e})(e))}})(a)}}}))}))}},707:(t,e,n)=>{n.d(e,{v:()=>o});var i=n(8465);const o=(t,e)=>{(0,i.D)(t,"_rows",e,{min:1})}},1266:(t,e,n)=>{n.r(e),n.d(e,{kol_select:()=>m});var i=n(9807),o=n(8465),a=n(8133),l=n(9260),s=n(8445),r=n(5099),h=n(1916),d=n(2279),c=n(9523),p=n(5653),u=n(707),v=(n(1977),n(7445),n(2162),n(7335),n(3104),n(2480),n(297),(t,e,n)=>new Promise(((i,o)=>{var a=t=>{try{s(n.next(t))}catch(t){o(t)}},l=t=>{try{s(n.throw(t))}catch(t){o(t)}},s=t=>t.done?i(t.value):Promise.resolve(t.value).then(a,l);s((n=n.apply(t,e)).next())})));class b extends c.I{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value?e.value===t:!!Array.isArray(e.options)&&this.isValueInOptions(t,e.options))),this.filterValuesInOptions=(t,e)=>t.filter((t=>void 0!==this.isValueInOptions(t,e))),this.afterPatchOptions=(t,e,n,i)=>{"_value"===i&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(n)&&n.length>0){this.keyOptionMap.clear(),(0,p.f)(this.keyOptionMap,n);const t=e.has("_value")?e.get("_value"):this.component.state._value,i=this.filterValuesInOptions(Array.isArray(t)&&t.length>0?t:[],n);!1===this.component._multiple&&0===i.length?e.set("_value",[n[0].value]):Array.isArray(t)&&i.length<t.length&&e.set("_value",i)}},this.component=t}validateOptions(t){(0,p.v)(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateMultiple(t){(0,o.i)(this.component,"_multiple",t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateRequired(t){(0,o.i)(this.component,"_required",t)}validateRows(t){(0,u.v)(this.component,t)}validateValue(t){(0,o.t)(this.component,"_value",(()=>!0),t,void 0,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}componentWillLoad(){super.componentWillLoad(),this.validateOptions(this.component._options),this.validateMultiple(this.component._multiple),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const f=(t,e)=>Array.isArray(t)&&t.includes(e),m=class{getValue(){return v(this,null,(function*(){return this.state._value}))}focus(){return v(this,null,(function*(){yield this.kolFocus()}))}kolFocus(){return v(this,null,(function*(){var t;null===(t=this.selectRef)||void 0===t||t.focus()}))}renderOptgroup(t,e){var n;return(0,i.h)("optgroup",{disabled:t.disabled,label:t.label},null===(n=t.options)||void 0===n?void 0:n.map(((t,n)=>{const o=`${e}-${n}`;return Array.isArray(t.options)?this.renderOptgroup(t,o):(0,i.h)("option",{disabled:t.disabled,key:o,selected:f(this.state._value,t.value),value:o},t.label)})))}render(){const{ariaDescribedBy:t}=(0,h.g)(this.state),e=(0,o.A)(this.state._label);return(0,i.h)(i.H,{key:"7bb492332be80be000956f1bf41b52899c728ca5",class:{"kol-select":!0,"has-value":this.state._hasValue}},(0,i.h)(a.l,{key:"b66fca1f0855a92d56986491975dee6922e8fb27",class:{"hide-label":!!this.state._hideLabel,select:!0},_accessKey:this.state._accessKey,_alert:this.showAsAlert(),_disabled:this.state._disabled,_hideError:this.state._hideError,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_icons:this.state._icons,_id:this.state._id,_label:this.state._label,_msg:this.state._msg,_required:this.state._required,_shortKey:this.state._shortKey,_tooltipAlign:this._tooltipAlign,_touched:this.state._touched,onClick:()=>{var t;return null===(t=this.selectRef)||void 0===t?void 0:t.focus()},role:"presentation"},(0,i.h)("span",{key:"b30ed343e39c6cb52ba2b45c985a9c09cce0776e",slot:"label"},e?(0,i.h)("slot",{name:"expert"}):"string"==typeof this.state._accessKey||"string"==typeof this.state._shortKey?(0,i.h)(i.F,null,(0,i.h)(d.I,{badgeText:(0,o.z)(this.state._accessKey,this.state._shortKey),label:this.state._label})," ",(0,i.h)("span",{class:"badge-text-hint","aria-hidden":"true"},(0,o.z)(this.state._accessKey,this.state._shortKey))):(0,i.h)("span",null,this.state._label)),(0,i.h)("div",{key:"07cb61e5927c945ac0ef3285c8f7b8522e7d67b0",slot:"input"},(0,i.h)("form",{key:"5f808e9a56cc66ce7f6bbf44921851eaee225d47",onSubmit:t=>{t.preventDefault(),(0,r.p)({form:this.host,ref:this.selectRef})}},(0,i.h)("input",{key:"853cb5de54e7337fd13a844b4a541063164fa9bf",type:"submit",hidden:!0}),(0,i.h)("select",Object.assign({key:"e5ca87a564dc30134987f4f544b630ce6238a8d2",ref:this.catchRef,title:"",accessKey:this.state._accessKey,"aria-describedby":t.length>0?t.join(" "):void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,autoCapitalize:"off",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,multiple:this.state._multiple,name:this.state._name,required:this.state._required,size:this.state._rows},this.controller.onFacade,{onInput:this.onInput.bind(this),onChange:this.onChange.bind(this),onFocus:t=>{this.controller.onFacade.onFocus(t),this.inputHasFocus=!0},onBlur:t=>{this.controller.onFacade.onBlur(t),this.inputHasFocus=!1}}),this.state._options.map(((t,e)=>{const n=`-${e}`;return Array.isArray(t.options)?this.renderOptgroup(t,n):(0,i.h)("option",{disabled:t.disabled,key:n,selected:f(this.state._value,t.value),value:n},t.label)})))))))}constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.selectRef=t},this._accessKey=void 0,this._alert=void 0,this._disabled=!1,this._error=void 0,this._hideError=!1,this._hideLabel=!1,this._hint="",this._icons=void 0,this._id=void 0,this._label=void 0,this._msg=void 0,this._multiple=!1,this._name=void 0,this._on=void 0,this._options=void 0,this._required=!1,this._shortKey=void 0,this._rows=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._touched=!1,this._value=void 0,this.state={_hasValue:!1,_hideError:!1,_id:`id-${(0,l.n)()}`,_label:"",_multiple:!1,_options:[],_value:[]},this.inputHasFocus=!1,this.controller=new b(this,"select",this.host)}showAsAlert(){return void 0===this.state._alert?Boolean(this.state._touched)&&!this.inputHasFocus:this.state._alert}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHideError(t){this.controller.validateHideError(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateMultiple(t){this.controller.validateMultiple(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateOptions(t){this.controller.validateOptions(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._touched=!0===this._touched,this.controller.componentWillLoad(),this.state._hasValue=!!this.state._value,this.controller.addValueChangeListener((t=>this.state._hasValue=!!t))}onInput(t){var e,n,i;this._value=Array.from((null===(e=this.selectRef)||void 0===e?void 0:e.options)||[]).filter((t=>!0===t.selected)).map((t=>{var e;return null===(e=this.controller.getOptionByKey(t.value))||void 0===e?void 0:e.value})),(0,s.t)("input",this.host,this._value),null===(i=null===(n=this.state._on)||void 0===n?void 0:n.onInput)||void 0===i||i.call(n,t,this._value)}onChange(t){var e,n;(0,s.s)(t),(0,s.t)("change",this.host,this._value),this.controller.setFormAssociatedValue(this._value),null===(n=null===(e=this.state._on)||void 0===e?void 0:e.onChange)||void 0===n||n.call(e,t,this._value)}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hideError:["validateHideError"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_multiple:["validateMultiple"],_name:["validateName"],_on:["validateOn"],_options:["validateOptions"],_required:["validateRequired"],_rows:["validateRows"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};m.style={default:"@charset \"UTF-8\";\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@layer kol-component {\n  .kol-tooltip-wc {\n    display: contents;\n  }\n  .kol-tooltip-wc .tooltip-floating {\n    animation-duration: 0.25s;\n    animation-iteration-count: 1;\n    animation-name: fadeInOpacity;\n    animation-timing-function: ease-in;\n    display: none;\n    position: fixed;\n    visibility: hidden;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    max-width: 90vw;\n    max-height: 90vh;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width);\n  }\n  /* Shared between content and arrow */\n  .kol-tooltip-wc .tooltip-area {\n    background-color: #fff;\n    color: #000;\n  }\n  .kol-tooltip-wc .tooltip-arrow {\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    transform: rotate(45deg);\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\n    z-index: 999;\n  }\n  .kol-tooltip-wc .tooltip-content {\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes fadeInOpacity {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .required label > span::after,\n  .required legend > span::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  input,\n  textarea {\n    cursor: text;\n  }\n  input[type=checkbox],\n  input[type=color],\n  input[type=file],\n  input[type=radio],\n  input[type=range],\n  label,\n  option,\n  select {\n    cursor: pointer;\n  }\n  /* input[type='checkbox'], */\n  /* input[type='radio'], */\n  /* input[type='range'], */\n  input[type=color],\n  input[type=date],\n  input[type=datetime-local],\n  input[type=email],\n  input[type=file],\n  input[type=month],\n  input[type=number],\n  input[type=password],\n  input[type=search],\n  input[type=tel],\n  input[type=text],\n  input[type=time],\n  input[type=url],\n  input[type=week],\n  option,\n  select,\n  textarea {\n    background-color: transparent;\n    width: 100%;\n  }\n  /* needed hack for vertical alignment */\n  input[type=file] {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 10) 0.5em;\n  }\n  /* needed hack for vertical alignment */\n  select[multiple] option {\n    padding: calc((var(--a11y-min-size) - (16rem / var(--kolibri-root-font-size, 16))) / 2) 0.5em;\n  }\n}\n@layer kol-component {\n  .kol-alert-wc {\n    display: grid;\n  }\n  .kol-alert-wc .heading {\n    display: flex;\n    place-items: center;\n    overflow: hidden;\n  }\n  .kol-alert-wc .heading > div {\n    flex-grow: 1;\n  }\n  .close {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n}\n@layer kol-component {\n  .kol-input {\n    display: grid;\n  }\n  .kol-input .input-slot {\n    flex-grow: 1;\n    overflow: hidden;\n  }\n  input:focus,\n  option:focus,\n  select:focus,\n  textarea:focus {\n    outline: 0;\n  }\n  .input {\n    align-items: center;\n    background-color: white;\n    cursor: pointer;\n    display: flex;\n  }\n  button:not([role=link]) {\n    min-height: auto;\n  }\n  .input > .kol-icon {\n    display: grid;\n    place-items: center;\n  }\n  .kol-input.required .input-tooltip .span-label::after {\n    content: \"*\";\n  }\n}\n@layer kol-component {\n  option:checked::before {\n    content: \"✓ \";\n  }\n}"}},2279:(t,e,n)=>{n.d(e,{I:()=>o});var i=n(9807);const o=({badgeText:t,label:e})=>{const n=t;let[o,...a]=e.split(n);return 0===a.length&&(t=n.toUpperCase(),[o,...a]=e.split(n)),0===a.length&&(t=n.toLowerCase(),[o,...a]=e.split(n)),(0,i.h)(i.F,null,o,a.length?(0,i.h)(i.F,null,(0,i.h)("u",null,t),a.join(n)):null)}},5099:(t,e,n)=>{n.d(e,{a:()=>l,p:()=>s});var i=n(8465),o=n(8133);const a=t=>{for((0,i.E)()&&((0,i.C)("↓ Search form element start."),i.L.debug(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&t.tagName!==o.m.toUpperCase();){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,i.E)()&&(i.L.debug(t),(0,i.C)("↑ Search form element finished."))}return t},l=(t={})=>{var e,n;const l=a(t.form);if(l instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===l.tagName)(0,i.I)(t,l),l.dispatchEvent(t);else if(l.tagName===o.m.toUpperCase()){(0,i.I)(t,i.a.querySelector("form",l));const o=l;"function"==typeof(null===(e=o._on)||void 0===e?void 0:e.onReset)&&(null===(n=o._on)||void 0===n||n.onReset(t))}}},s=(t={})=>{const e=a(t.form);if(e instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:e});if("FORM"===e.tagName)(0,i.E)()&&!1===e.noValidate&&(0,i.C)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout((()=>{"function"==typeof e.requestSubmit?e.requestSubmit():((0,i.I)(t,e),e.dispatchEvent(t))}));else if(e.tagName===o.m.toUpperCase()){(0,i.I)(t,i.a.querySelector("form",e));const n=e;setTimeout((()=>{var e,i;"function"==typeof(null===(e=n._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=n._on)||void 0===i||i.onSubmit(t))}))}}}},5653:(t,e,n)=>{n.d(e,{I:()=>c,a:()=>p,b:()=>s,f:()=>d,v:()=>r});var i=n(8465),o=n(1916),a=n(7335);const l=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===(0,a.b)(t.label,3)&&!1===(0,a.c)(t.label)&&(0,i.f)(`A differing Aria-Label (${t.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===l(t)));if("number"==typeof t.label)return!0}return!1},s=(t,e,n={})=>{(0,i.t)(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),e,void 0,n)},r=(t,e,n={})=>{(0,i.t)(t,"_options",l,e,void 0,n)},h=["horizontal","vertical"],d=(t,e,n="")=>{e.forEach(((e,i)=>{const o=`${n}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?d(t,e.options,o):t.set(o,e))}))};class c extends o.I{constructor(t,e,n){super(t,e,n),this.component=t}validateRequired(t){((t,e)=>{(0,i.i)(t,"_required",e)})(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class p extends c{constructor(t,e,n){super(t,e,n),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,n,i)=>{"_value"===i&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const n=e.has("_options")?e.get("_options"):this.component.state._options;Array.isArray(n)&&n.length>0&&(this.keyOptionMap.clear(),d(this.keyOptionMap,n))},this.component=t}validateOrientation(t){(0,i.w)(this.component,"_orientation",(t=>"string"==typeof t&&h.includes(t)),new Set([`Orientation {${h.join(", ")}`]),t,{defaultValue:"vertical"})}validateOptions(t){s(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,(0,i.l)(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}},9523:(t,e,n)=>{n.d(e,{I:()=>a}),n(8465);var i=n(1916),o=n(297);class a extends i.I{constructor(t,e,n){super(t,e,n),this.component=t}validateIcons(t){(0,o.v)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}}}]);

package/dist/1266.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */

package/dist/1601.js

@@ -1,2 +0,0 @@
-/*! For license information please see 1601.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[1601],{1601:(n,e,t)=>{t.r(e),t.d(e,{kol_modal:()=>s});var i=t(9807),o=t(8465),a=t(7335),l=(n,e,t)=>new Promise(((i,o)=>{var a=n=>{try{s(t.next(n))}catch(n){o(n)}},l=n=>{try{s(t.throw(n))}catch(n){o(n)}},s=n=>n.done?i(n.value):Promise.resolve(n.value).then(a,l);s((t=t.apply(n,e)).next())}));const s=class{constructor(n){(0,i.r)(this,n),this._activeElement=void 0,this._label=void 0,this._on=void 0,this._width="100%",this.state={_activeElement:null,_label:"",_width:"100%"}}componentDidRender(){var n;this.state._activeElement&&(null===(n=this.refDialog)||void 0===n||n.showModal())}disconnectedCallback(){this.closeModal()}handleNativeCloseEvent(){var n,e;null===(e=null===(n=this.state._on)||void 0===n?void 0:n.onClose)||void 0===e||e.call(n)}openModal(){return l(this,null,(function*(){var n;null===(n=this.refDialog)||void 0===n||n.showModal()}))}closeModal(){return l(this,null,(function*(){var n,e;this._activeElement=null,null===(e=null===(n=this.refDialog)||void 0===n?void 0:n.close)||void 0===e||e.call(n)}))}render(){return(0,i.h)("dialog",{key:"60cb0446cef2f09e240cf1c726c291b9ed7d236d",class:"kol-modal",ref:n=>{this.refDialog=n},style:{width:this.state._width},"aria-label":this.state._label,onClose:this.handleNativeCloseEvent.bind(this)},(0,i.h)("div",{key:"58dab73678e09f898a432f3a22879a1f150a98a5"},(0,i.h)("slot",{key:"ea74a2c036fd070e2ed21731888a24b4846174fe"})))}validateActiveElement(n){(0,o.w)(this,"_activeElement",(n=>"object"==typeof n||null===n),new Set(["HTMLElement","null"]),n,{defaultValue:null,hooks:{afterPatch:()=>{this.state._activeElement?this.openModal():this.closeModal()}}})}validateLabel(n){(0,a.v)(this,n,{required:!0})}validateOn(n){if("object"==typeof n&&null!==n){const e={};"function"!=typeof n.onClose&&!0!==n.onClose||(e.onClose=n.onClose),(0,o.l)(this,"_on",e)}}validateWidth(n){(0,o.x)(this,"_width",n,{defaultValue:"100%"})}componentWillLoad(){this.validateActiveElement(this._activeElement),this.validateLabel(this._label),this.validateOn(this._on),this.validateWidth(this._width)}static get watchers(){return{_activeElement:["validateActiveElement"],_label:["validateLabel"],_on:["validateOn"],_width:["validateWidth"]}}};s.style={default:"/*\n * This file contains all rules for accessibility.\n */\n@layer kol-global {\n  :host {\n    /*\n     * Minimum size of interactive elements.\n     */\n    --a11y-min-size: calc(44rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without a background and font color whose contrast ratio has\n     * not been checked. By initially setting the background color to white and the font color\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    background-color: white;\n    color: black;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /*\n   * All interactive elements should have a minimum size of rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  [role=button],\n  button:not([role=link]),\n  .kol-input .input {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n  }\n}\n/**\n * Sometimes we need the semantic element for accessibility reasons,\n * but we don't want to show it.\n *\n * - https://www.a11yproject.com/posts/how-to-hide-content/\n */\n.visually-hidden {\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 100%; /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n}\n@layer kol-global {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n  .kol-span-wc {\n    display: grid;\n    place-items: center;\n  }\n  /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  .kol-span-wc > span {\n    display: flex;\n    place-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  /* This is the text label. */\n  .hide-label > .kol-span-wc > span > span {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    cursor: not-allowed;\n    opacity: 0.5;\n    outline: none;\n  }\n  [aria-disabled=true]:focus .kol-span-wc,\n  [disabled]:focus .kol-span-wc {\n    outline: none !important;\n  }\n  .badge-text-hint {\n    background-color: lightgray;\n    color: black;\n  }\n}\n@layer kol-component {\n  .kol-modal {\n    border: 0;\n    padding: 0;\n  }\n  .kol-modal::backdrop {\n    background-color: rgba(0, 0, 0, 0.33);\n  }\n}"}},7335:(n,e,t)=>{t.d(e,{a:()=>c,b:()=>s,c:()=>r,h:()=>o,v:()=>h});var i=t(8465);const o=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,l=/^\d+$/;function s(n,e=1){return function(n){var e;return"string"==typeof n&&(null===(e=n.match(a))||void 0===e?void 0:e.length)||0}(n)>=e}function r(n){return l.test(n)}const d=new Set(["string"]),h=(n,e,t={})=>{(0,i.w)(n,"_label",(n=>"string"==typeof n),d,e,function(n){var e;return Object.assign(Object.assign({},n),{hooks:{afterPatch:(e,t,o,a)=>{var l,d;"function"==typeof(null===(l=n.hooks)||void 0===l?void 0:l.afterPatch)&&(null===(d=n.hooks)||void 0===d||d.afterPatch(e,t,o,a)),"string"==typeof e&&!1===s(e,3)&&!1===r(e)&&(0,i.f)(`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,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=n.hooks)||void 0===e?void 0:e.beforePatch}})}(t))},c=h}}]);

package/dist/1601.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */