@public-ui/sample-react 4.0.0-alpha.1 → 4.0.0-alpha.11

package/src/scenarios/routes.ts

@@ -1,23 +1,27 @@
 import { Routes } from '../shares/types';
+import { ButtonShortkeyTable } from './button-shortkey-table';
 import { ChangeTabindex } from './change-tabindex';
-import { CustomTooltipWidth } from './custom-tooltip-width';
+import { CustomTooltipCssProperties } from './custom-tooltip-css-properties';
+import { DateInForm } from './date-in-form';
 import { DisabledInteractiveElements } from './disabled-interactive-elements';
 import { FocusElements } from './focus-elements';
+import { TableHorizontalScrollAdvanced } from './horizontal-scrollbar-advanced';
 import { InputGroupWithError } from './input-group-with-error';
 import { InputsGetValue } from './inputs-get-value';
 import { PerformanceTest } from './performance-test';
+import { RHFBasic } from './react-hook-form/basic';
 import { SameHeightOfAllInteractiveElements } from './same-height-of-all-interactive-elements';
-import { StaticForm } from './static-form';
 import { SampleFormWithValidation } from './sample-form-with-validation';
-import { TableHorizontalScrollAdvanced } from './horizontal-scrollbar-advanced';
+import { StaticForm } from './static-form';
 import { ToolbarItemOrder } from './toolbar-item-order';
 import { TooltipPositioning } from './tooltip-positioning';
-import { RHFBasic } from './react-hook-form/basic';
 
 export const SCENARIO_ROUTES: Routes = {
 	scenarios: {
+		'button-shortkey-table': ButtonShortkeyTable,
 		'change-tabindex': ChangeTabindex,
-		'custom-tooltip-width': CustomTooltipWidth,
+		'custom-tooltip-css-properties': CustomTooltipCssProperties,
+		'date-in-form': DateInForm,
 		'disabled-interactive-scenario': DisabledInteractiveElements,
 		'focus-elements': FocusElements,
 		'input-group-with-error': InputGroupWithError,

package/src/scenarios/same-height-of-all-interactive-elements.tsx

@@ -34,28 +34,28 @@ export const SameHeightOfAllInteractiveElements: FC = () => {
 				</p>
 			</SampleDescription>
 			<div className="w-full flex flex-wrap gap-4">
-				<KolButton _icons="codicon codicon-home" _label="Button" _on={dummyEventHandler} />
-				<KolButton _hideLabel _icons="codicon codicon-home" _label="Button" _on={dummyEventHandler} />
-				<KolLinkButton _href="#" _icons="codicon codicon-home" _label="Link-Button" _on={dummyEventHandler} />
-				<KolLinkButton _hideLabel _href="#" _icons="codicon codicon-home" _label="Link-Button" _on={dummyEventHandler} />
-				<KolCombobox _hideLabel _icons="codicon codicon-home" _label="Combobox" _suggestions={[]} />
+				<KolButton _icons="fa-solid fa-house" _label="Button" _on={dummyEventHandler} />
+				<KolButton _hideLabel _icons="fa-solid fa-house" _label="Button" _on={dummyEventHandler} />
+				<KolLinkButton _href="#" _icons="fa-solid fa-house" _label="Link-Button" _on={dummyEventHandler} />
+				<KolLinkButton _hideLabel _href="#" _icons="fa-solid fa-house" _label="Link-Button" _on={dummyEventHandler} />
+				<KolCombobox _hideLabel _icons="fa-solid fa-house" _label="Combobox" _suggestions={[]} />
 				<KolInputColor
 					_hideLabel
 					_icons={{
-						left: 'codicon codicon-home',
+						left: 'fa-solid fa-house',
 					}}
 					_label="Input-Color"
 				/>
-				<KolInputFile _hideLabel _icons="codicon codicon-home" _label="Input-File" />
-				<KolInputDate _hideLabel _icons="codicon codicon-home" _label="Input-Date" />
-				<KolInputEmail _hideLabel _icons="codicon codicon-home" _label="Input-Email" />
-				<KolInputNumber _hideLabel _icons="codicon codicon-home" _label="Input-Number" />
-				<KolInputPassword _hideLabel _icons="codicon codicon-home" _label="Input-Password" />
-				<KolInputRange _hideLabel _icons="codicon codicon-home" _label="Input-Range" />
-				<KolInputText _hideLabel _icons="codicon codicon-home" _label="Input-Text" />
-				<KolSelect _hideLabel _icons="codicon codicon-home" _label="Combobox" _options={[]} />
-				<KolSingleSelect _hideLabel _icons="codicon codicon-home" _label="Combobox" _options={[]} />
-				<KolTextarea _hideLabel _icons="codicon codicon-home" _label="Combobox" />
+				<KolInputFile _hideLabel _icons="fa-solid fa-house" _label="Input-File" />
+				<KolInputDate _hideLabel _icons="fa-solid fa-house" _label="Input-Date" />
+				<KolInputEmail _hideLabel _icons="fa-solid fa-house" _label="Input-Email" />
+				<KolInputNumber _hideLabel _icons="fa-solid fa-house" _label="Input-Number" />
+				<KolInputPassword _hideLabel _icons="fa-solid fa-house" _label="Input-Password" />
+				<KolInputRange _hideLabel _icons="fa-solid fa-house" _label="Input-Range" />
+				<KolInputText _hideLabel _icons="fa-solid fa-house" _label="Input-Text" />
+				<KolSelect _hideLabel _icons="fa-solid fa-house" _label="Combobox" _options={[]} />
+				<KolSingleSelect _hideLabel _icons="fa-solid fa-house" _label="Combobox" _options={[]} />
+				<KolTextarea _hideLabel _icons="fa-solid fa-house" _label="Combobox" />
 			</div>
 		</>
 	);

package/src/scenarios/sample-form-with-validation.tsx

@@ -1,32 +1,28 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import {
+	KolComboboxController,
+	KolInputCheckboxController,
+	KolInputColorController,
+	KolInputDateController,
+	KolInputEmailController,
+	KolInputNumberController,
+	KolInputPasswordController,
+	KolInputRadioController,
+	KolInputRangeController,
+	KolInputTextController,
+	KolSelectController,
+	KolSingleSelectController,
+	KolTextareaController,
+} from '@public-ui/react-hook-form-adapter';
+import { KolAlert, KolButton, KolHeading, KolLink } from '@public-ui/react-v19';
 import React from 'react';
-import { useForm } from 'react-hook-form';
 import type { FieldError } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 
-import {
-	KolInputCheckbox,
-	KolInputColor,
-	KolInputDate,
-	KolInputEmail,
-	KolInputNumber,
-	KolInputPassword,
-	KolInputRadio,
-	KolInputRange,
-	KolInputText,
-	KolSelect,
-	KolSingleSelect,
-	KolCombobox,
-	KolTextarea,
-	KolButton,
-	KolHeading,
-	KolAlert,
-	KolLink,
-} from '@public-ui/react-v19';
-
 import { SampleDescription } from '../components/SampleDescription';
-import { COUNTRY_SUGGESTIONS } from '../shares/country';
 import { useToasterService } from '../hooks/useToasterService';
+import { COUNTRY_SUGGESTIONS } from '../shares/country';
 
 const formSchema = z.object({
 	date: z.preprocess(
@@ -59,11 +55,9 @@ export const SampleFormWithValidation: React.FC = () => {
 	const { dummyClickEventHandler } = useToasterService();
 	const {
 		handleSubmit,
-		formState: { errors, touchedFields },
+		formState: { errors },
 		reset,
-		setValue,
-		trigger,
-		watch,
+		control,
 	} = useForm({
 		mode: 'onBlur',
 		reValidateMode: 'onChange',
@@ -74,35 +68,6 @@ export const SampleFormWithValidation: React.FC = () => {
 		},
 	});
 
-	const err = (key: keyof z.infer<typeof formSchema>) => {
-		const fieldError = errors[key];
-
-		if (!fieldError || typeof fieldError !== 'object' || !('message' in fieldError)) {
-			return undefined;
-		}
-
-		return {
-			_description: fieldError.message as string,
-			_type: 'error' as const,
-		};
-	};
-
-	const isTouched = (key: keyof z.infer<typeof formSchema>) => {
-		return !!touchedFields[key];
-	};
-
-	const bind = <K extends keyof z.infer<typeof formSchema>>(key: K) => ({
-		id: `field-${key as string}`,
-		_name: key,
-		_value: watch(key) as z.infer<typeof formSchema>[K],
-		_touched: isTouched(key),
-		_msg: err(key),
-		_on: {
-			onInput: (_: Event, v: unknown) => setValue(key, v as any, { shouldTouch: true, shouldValidate: true }),
-			onBlur: () => trigger(key),
-		},
-	});
-
 	const onReset = () => {
 		reset(undefined, {
 			keepErrors: false,
@@ -147,40 +112,43 @@ export const SampleFormWithValidation: React.FC = () => {
 			)}
 
 			<form onSubmit={handleSubmit(dummyClickEventHandler)} noValidate className="grid gap-4 mt-6">
-				<KolInputDate _label="Date" {...bind('date')} />
-				<KolInputText _label="Text (≥ 10 chars)" {...bind('text')} />
-				<KolInputEmail _label="Email" {...bind('email')} />
-				<KolInputPassword _label="Password" {...bind('password')} />
-				<KolInputRange _label="Range (≥ 30)" _min={0} _max={100} {...bind('range')} />
-				<KolInputNumber _label="Number (1 – 10)" {...bind('number')} />
-				<KolInputCheckbox _label="Accept terms" {...bind('checkbox')} />
-				<KolInputRadio
+				<KolInputDateController control={control as any} name="date" _label="Date" />
+				<KolInputTextController control={control as any} name="text" _label="Text (≥ 10 chars)" />
+				<KolInputEmailController control={control as any} name="email" _label="Email" />
+				<KolInputPasswordController control={control as any} name="password" _label="Password" />
+				<KolInputRangeController control={control as any} name="range" _label="Range (≥ 30)" _min={0} _max={100} />
+				<KolInputNumberController control={control as any} name="number" _label="Number (1 – 10)" />
+				<KolInputCheckboxController control={control as any} name="checkbox" _label="Accept terms" />
+				<KolInputRadioController
+					control={control as any}
+					name="radio"
 					_label="Gender"
 					_options={[
 						{ label: 'Female', value: 'f' },
 						{ label: 'Male', value: 'm' },
 					]}
-					{...bind('radio')}
 				/>
-				<KolInputColor _label="Favorite Color" {...bind('color')} />
-				<KolSelect
+				<KolInputColorController control={control as any} name="color" _label="Favorite Color" />
+				<KolSelectController
+					control={control as any}
+					name="select"
 					_label="Select"
 					_options={[
 						{ label: 'Option A', value: 'A' },
 						{ label: 'Option B', value: 'B' },
 					]}
-					{...bind('select')}
 				/>
-				<KolSingleSelect
+				<KolSingleSelectController
+					control={control as any}
+					name="singleSelect"
 					_label="Single Select"
 					_options={[
 						{ label: 'Option A', value: 'A' },
 						{ label: 'Option B', value: 'B' },
 					]}
-					{...bind('singleSelect')}
 				/>
-				<KolCombobox _label="Country" _suggestions={COUNTRY_SUGGESTIONS} {...bind('combobox')} />
-				<KolTextarea _label="Message" _rows={4} {...bind('textarea')} />
+				<KolComboboxController control={control as any} name="combobox" _label="Country" _suggestions={COUNTRY_SUGGESTIONS} />
+				<KolTextareaController control={control as any} name="textarea" _label="Message" _rows={4} />
 
 				<div className="flex gap-4 mt-4">
 					<KolButton _label="Submit" _type="submit" _variant="primary" />

package/src/scenarios/static-form.tsx

@@ -1,5 +1,7 @@
 import {
 	KolButton,
+	KolCombobox,
+	KolHeading,
 	KolInputCheckbox,
 	KolInputColor,
 	KolInputDate,
@@ -12,9 +14,7 @@ import {
 	KolInputText,
 	KolSelect,
 	KolSingleSelect,
-	KolCombobox,
 	KolTextarea,
-	KolHeading,
 } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';

package/src/scenarios/toolbar-item-order.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import type { FC } from 'react';
 import type { ToolbarItemsPropType } from '@public-ui/components';
 import { KolHeading, KolToolbar } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 export const ToolbarItemOrder: FC = () => {
 	const [isSubmitting, setIsSubmitting] = useState(false);
@@ -32,9 +32,10 @@ export const ToolbarItemOrder: FC = () => {
 
 	const toolbarItems = useMemo(() => {
 		const items: ToolbarItemsPropType = Array.from({ length: 5 }, (_item, index) => ({
+			type: 'button',
 			_label: `Button ${index + 1}`,
 			_on: { onClick: handleSubmit },
-			_icons: isSubmitting ? 'codicon codicon-loading codicon-modifier-spin' : void 0,
+			_icons: isSubmitting ? 'fa-solid fa-spinner fa-spin' : void 0,
 			_disabled: isSubmitting,
 		}));
 		return items;
@@ -42,10 +43,11 @@ export const ToolbarItemOrder: FC = () => {
 
 	const brokenToolbarItems = useMemo(() => {
 		const items: ToolbarItemsPropType = Array.from({ length: 5 }, (_item, index) => ({
+			type: 'button',
 			_label: `Button ${index + 1}`,
 			_on: { onClick: handleSubmit2 },
 			_disabled: isSubmitting2,
-			_icons: isSubmitting2 ? 'codicon codicon-loading codicon-modifier-spin' : void 0,
+			_icons: isSubmitting2 ? 'fa-solid fa-spinner fa-spin' : void 0,
 		}));
 		return items;
 	}, [isSubmitting2]);

package/src/scenarios/tooltip-positioning.tsx

@@ -1,6 +1,6 @@
+import { KolPopoverButton } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-import { KolPopoverButton } from '@public-ui/react-v19';
 import { SampleDescription } from '../components/SampleDescription';
 
 export const TooltipPositioning: FC = () => {
@@ -20,7 +20,7 @@ export const TooltipPositioning: FC = () => {
 					contain: 'layout',
 				}}
 			>
-				<KolPopoverButton _label="Sample PopoverButton—Click for Popover" _icons="codicon codicon-info" _tooltipAlign="right" _hideLabel>
+				<KolPopoverButton _label="Sample PopoverButton—Click for Popover" _icons="kolicon-alert-info" _tooltipAlign="right" _hideLabel>
 					This is an explanation shown on click.
 				</KolPopoverButton>
 			</div>

package/src/shares/routes.ts

@@ -7,6 +7,7 @@ import { BREADCRUMB_ROUTES } from '../components/breadcrumb/routes';
 import { BUTTON_LINK_ROUTES } from '../components/button-link/routes';
 import { BUTTON_ROUTES } from '../components/button/routes';
 import { CARD_ROUTES } from '../components/card/routes';
+import { COMBOBOX_ROUTES } from '../components/combobox/routes';
 import { DETAILS_ROUTES } from '../components/details/routes';
 import { DRAWER_ROUTES } from '../components/drawer/routes';
 import { FORM_ROUTES } from '../components/form/routes';
@@ -33,8 +34,8 @@ import { PAGINATION_ROUTES } from '../components/pagination/routes';
 import { POPOVER_BUTTON_ROUTES } from '../components/popover-button/routes';
 import { PROGRESS_ROUTES } from '../components/progress/routes';
 import { QUOTE_ROUTES } from '../components/quote/routes';
-import { SCENARIO_ROUTES } from '../scenarios/routes';
 import { SELECT_ROUTES } from '../components/select/routes';
+import { SINGLE_SELECT_ROUTES } from '../components/single-select/routes';
 import { SKIP_NAV_ROUTES } from '../components/skip-nav/routes';
 import { SPIN_ROUTES } from '../components/spin/routes';
 import { SPLIT_BUTTON_ROUTES } from '../components/split-button/routes';
@@ -43,11 +44,10 @@ import { TABS_ROUTES } from '../components/tabs/routes';
 import { TEXTAREA_ROUTES } from '../components/textarea/routes';
 import { TOAST_ROUTES } from '../components/toast/routes';
 import { TOOLBAR_ROUTES } from '../components/toolbar/routes';
+import { TREE_ROUTES } from '../components/tree/routes';
 import { VERSION_ROUTES } from '../components/version/routes';
+import { SCENARIO_ROUTES } from '../scenarios/routes';
 import { Routes } from './types';
-import { TREE_ROUTES } from '../components/tree/routes';
-import { COMBOBOX_ROUTES } from '../components/combobox/routes';
-import { SINGLE_SELECT_ROUTES } from '../components/single-select/routes';
 
 export const ROUTES: Routes = {
 	...HANDOUT_ROUTES,

package/src/shares/store.ts

@@ -1,7 +1,7 @@
 import { Option } from '@public-ui/components';
 import PackageJson from '@public-ui/components/package.json';
 
-import { isTheme, Store, ThemeAndUnstyled, THEME_OPTIONS } from './theme';
+import { isTheme, Store, THEME_OPTIONS, ThemeAndUnstyled } from './theme';
 
 const STORE_IDENTIFIER = `public-ui.v${PackageJson.version}`;
 

package/src/style.scss

@@ -60,27 +60,25 @@ hr {
 	list-style: none;
 }
 
+.header-alert {
+	margin-bottom: rem(16);
+}
+
 @media (min-width: 1024px) {
 	.app-container {
 		display: grid;
-		height: 100%;
-		min-height: 100vh;
+		height: 100vh;
 		grid-template-columns: rem(360) calc(100% - rem(360));
 	}
 
 	.app-sidebar {
-		position: relative;
-		z-index: 1;
+		background-color: white;
+		max-height: calc(100vh - 32px);
 		border-right: 1px solid gray;
 
 		& .scrollable-container-wrapper {
 			display: flex;
-			position: fixed;
-			top: 0;
-			bottom: 0;
-			left: 0;
-			width: rem(330);
-			margin: rem(16);
+			max-height: calc(100vh - 32px);
 			flex-direction: column;
 
 			& .scrollable-container {
@@ -89,6 +87,11 @@ hr {
 			}
 		}
 	}
+
+	main {
+		max-height: calc(100vh);
+		overflow: auto;
+	}
 }
 
 @media print {

package/unocss.config.ts

@@ -1,5 +1,5 @@
-import { defineConfig } from '@unocss/vite';
 import { presetMini } from '@unocss/preset-mini';
+import { defineConfig } from '@unocss/vite';
 
 function pxValueToRem(size: number): string {
 	return `calc(${size}rem / var(--kolibri-root-font-size, 16))`;

package/vite.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from 'vite';
-import { execSync } from 'node:child_process';
-import react from '@vitejs/plugin-react-swc';
 import UnoCSS from '@unocss/vite';
-import process from 'process';
+import react from '@vitejs/plugin-react-swc';
+import { execSync } from 'node:child_process';
 import path from 'path';
+import process from 'process';
+import { defineConfig } from 'vite';
 
 function getGitCommitHash(): string | null {
 	try {
@@ -30,7 +30,7 @@ export default defineConfig({
 		sourcemap: true,
 	},
 	server: {
-		port: 9191,
+		port: parseInt(process.env.KOLIBRI_VISUAL_TEST_PORT || '9191', 10),
 		fs: {
 			allow: [
 				path.resolve(__dirname),

package/dist/assets/Alert-yh8R3coC-BCYFPt1y.js

@@ -1,4 +0,0 @@
-import{_ as A}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{V as v,h as a,W as f,e as C,X as L,i as k,Y as E,F as S}from"./index-BvWOSbaR.js";import{c as y}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as s}from"./i18n-CdSCDnmA-CsM0aySV.js";import{K as T}from"./Heading-KhwFHPZb-CVH-FD5x.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const O=s("kol-error"),B=s("kol-info"),M=s("kol-warning"),I=s("kol-success"),K=s("kol-message"),n=({ariaLabel:e,icon:o})=>a(S,null,a("span",{class:"visually-hidden"},e),a(k,{class:E,_label:"",_icons:o})),N=({type:e,label:o})=>{switch(e){case"error":return a(n,{ariaLabel:O,icon:"codicon codicon-error",label:o});case"info":return a(n,{ariaLabel:B,icon:"codicon codicon-info",label:o});case"warning":return a(n,{ariaLabel:M,icon:"codicon codicon-warning",label:o});case"success":return a(n,{ariaLabel:I,icon:"codicon codicon-pass",label:o});default:return a(n,{ariaLabel:K,icon:"codicon codicon-comment",label:o})}},R=s("kol-close-alert"),w=()=>{if(typeof navigator>"u"||typeof navigator.vibrate!="function")return;const e=navigator.userActivation;if((e?.isActive||e?.hasBeenActive)&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch{}},x=(e,o)=>{const{class:c={},alert:r=!1,hasCloser:d=!1,label:t,level:u=0,type:_="default",variant:i="msg",onAlertTimeout:l,onCloserClick:m}=e,b=A(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);r&&(w(),setTimeout(()=>{l?.()},1e4));const g=v("kol-alert",{hasCloser:!!d,[`type-${_}`]:!0,[`variant-${i}`]:!0}),h=v("kol-alert","heading",{[`h${u}`]:!0}),p=Object.assign({class:y(c,g)},b);return a("div",Object.assign({"aria-live":r?"assertive":"polite",role:r?"alert":"status"},p,{"data-testid":"alert"}),a("div",{class:"kol-alert__container"},a(N,{label:t,type:_}),a("div",{class:"kol-alert__container-content"},t&&a(T,{class:h,level:u,id:"heading"},t),i==="msg"&&a("span",{class:f,"aria-describedby":t?"heading":void 0},o)),d&&a(C,{class:L,"data-testid":"alert-close-button",_ariaDescription:t?.trim()||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:R,_on:{onClick:m},_tooltipAlign:"left"})),i==="card"&&a("div",{class:f,"aria-describedby":t?"heading":void 0},o))};export{x as K};
-//# sourceMappingURL=Alert-yh8R3coC-BCYFPt1y.js.map

package/dist/assets/Alert-yh8R3coC-BCYFPt1y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert-yh8R3coC-BCYFPt1y.js","sources":["../../../../components/dist/esm/Alert-yh8R3coC.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { h, F as Fragment } from './index-Dina3aff.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as KolIconTag, d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { a as BEM_CLASS_ALERT__ICON, b as bem, c as BEM_CLASS_ALERT__CONTENT, d as BEM_CLASS_ALERT__CLOSER } from './bem-CHTjklyp.js';\nimport { K as KolHeadingFc } from './Heading-KhwFHPZb.js';\n\nconst translateError = translate('kol-error');\nconst translateInfo = translate('kol-info');\nconst translateWarning = translate('kol-warning');\nconst translateSuccess = translate('kol-success');\nconst translateMessage = translate('kol-message');\nconst Icon = ({ ariaLabel, icon }) => {\n    return (h(Fragment, null, h(\"span\", { class: \"visually-hidden\" }, ariaLabel), h(KolIconTag, { class: BEM_CLASS_ALERT__ICON, _label: \"\", _icons: icon })));\n};\nconst AlertIcon = ({ type, label }) => {\n    switch (type) {\n        case 'error':\n            return h(Icon, { ariaLabel: translateError, icon: \"codicon codicon-error\", label: label });\n        case 'info':\n            return h(Icon, { ariaLabel: translateInfo, icon: \"codicon codicon-info\", label: label });\n        case 'warning':\n            return h(Icon, { ariaLabel: translateWarning, icon: \"codicon codicon-warning\", label: label });\n        case 'success':\n            return h(Icon, { ariaLabel: translateSuccess, icon: \"codicon codicon-pass\", label: label });\n        default:\n            return h(Icon, { ariaLabel: translateMessage, icon: \"codicon codicon-comment\", label: label });\n    }\n};\n\nconst translateCloseAlert = translate('kol-close-alert');\nconst vibrateOnError = () => {\n    if (typeof navigator === 'undefined' || typeof navigator.vibrate !== 'function') {\n        return;\n    }\n    const ua = navigator.userActivation;\n    const hasGesture = (ua === null || ua === void 0 ? void 0 : ua.isActive) || (ua === null || ua === void 0 ? void 0 : ua.hasBeenActive);\n    if (!hasGesture) {\n        return;\n    }\n    if (!matchMedia('(any-pointer: coarse)').matches) {\n        return;\n    }\n    try {\n        navigator.vibrate([100, 75, 100, 75, 100]);\n    }\n    catch (_a) {\n    }\n};\nconst KolAlertFc = (props, children) => {\n    const { class: classNames = {}, alert = false, hasCloser = false, label, level = 0, type = 'default', variant = 'msg', onAlertTimeout, onCloserClick } = props, other = __rest(props, [\"class\", \"alert\", \"hasCloser\", \"label\", \"level\", \"type\", \"variant\", \"onAlertTimeout\", \"onCloserClick\"]);\n    if (alert) {\n        vibrateOnError();\n        setTimeout(() => {\n            onAlertTimeout === null || onAlertTimeout === void 0 ? void 0 : onAlertTimeout();\n        }, 10000);\n    }\n    const BEM_CLASS_ROOT = bem('kol-alert', {\n        hasCloser: !!hasCloser,\n        [`type-${type}`]: true,\n        [`variant-${variant}`]: true,\n    });\n    const BEM_CLASS__HEADING = bem('kol-alert', 'heading', {\n        [`h${level}`]: true,\n    });\n    const rootProps = Object.assign({ class: clsx(classNames, BEM_CLASS_ROOT) }, other);\n    return (h(\"div\", Object.assign({ \"aria-live\": alert ? 'assertive' : 'polite', role: alert ? 'alert' : 'status' }, rootProps, { \"data-testid\": \"alert\" }), h(\"div\", { class: \"kol-alert__container\" }, h(AlertIcon, { label: label, type: type }), h(\"div\", { class: \"kol-alert__container-content\" }, label && (h(KolHeadingFc, { class: BEM_CLASS__HEADING, level: level, id: \"heading\" }, label)), variant === 'msg' && (h(\"span\", { class: BEM_CLASS_ALERT__CONTENT, \"aria-describedby\": label ? 'heading' : undefined }, children))), hasCloser && (h(KolButtonWcTag, { class: BEM_CLASS_ALERT__CLOSER, \"data-testid\": \"alert-close-button\", _ariaDescription: (label === null || label === void 0 ? void 0 : label.trim()) || '', _hideLabel: true, _icons: {\n            left: {\n                icon: 'codicon codicon-close',\n            },\n        }, _label: translateCloseAlert, _on: { onClick: onCloserClick }, _tooltipAlign: \"left\" }))), variant === 'card' && (h(\"div\", { class: BEM_CLASS_ALERT__CONTENT, \"aria-describedby\": label ? 'heading' : undefined }, children))));\n};\n\nexport { KolAlertFc as K };\n//# sourceMappingURL=Alert-yh8R3coC.js.map\n\n//# sourceMappingURL=Alert-yh8R3coC.js.map"],"names":["translateError","translate","translateInfo","translateWarning","translateSuccess","translateMessage","Icon","ariaLabel","icon","h","Fragment","KolIconTag","BEM_CLASS_ALERT__ICON","AlertIcon","type","label","translateCloseAlert","vibrateOnError","ua","KolAlertFc","props","children","classNames","alert","hasCloser","level","variant","onAlertTimeout","onCloserClick","other","__rest","BEM_CLASS_ROOT","bem","BEM_CLASS__HEADING","rootProps","clsx","KolHeadingFc","BEM_CLASS_ALERT__CONTENT","KolButtonWcTag","BEM_CLASS_ALERT__CLOSER"],"mappings":"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"}

package/dist/assets/Collapsible-DMNJjdc3-DYmZzd2C.js

@@ -1,4 +0,0 @@
-import{_ as m}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{h as s,e as f}from"./index-BvWOSbaR.js";import{c as a}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as g}from"./Heading-KhwFHPZb-CVH-FD5x.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const K=(d,r)=>{const{id:n,class:t,label:p,level:v=1,disabled:c,open:e,onClick:_,HeadingProps:i={},HeadingButtonProps:l={},ContentProps:o={}}=d,b=m(d,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),u=e?"remove":"add";return s("div",Object.assign({id:n,class:a("collapsible",{"collapsible--disabled":c===!0,"collapsible--open":e===!0},t)},b),s(g,{ref:i?.ref,level:v,class:a("collapsible__heading",i?.class)},s(f,{class:a("collapsible__heading-button",l?.class),ref:l?.ref,slot:"expert",_ariaControls:`${n}-control`,_ariaExpanded:e,_disabled:c,_icons:l?._icons||`codicon codicon-${u}`,_label:p,_on:{onClick:_}})),s("div",{class:a("collapsible__wrapper",o?.wrapperClass)},s("div",{class:a("collapsible__wrapper-animation",o?.animationClass)},s("div",{"aria-hidden":e===!1?"true":void 0,class:a("collapsible__content",o?.class),id:`${n}-control`},r))))};export{K};
-//# sourceMappingURL=Collapsible-DMNJjdc3-DYmZzd2C.js.map

package/dist/assets/Collapsible-DMNJjdc3-DYmZzd2C.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible-DMNJjdc3-DYmZzd2C.js","sources":["../../../../components/dist/esm/Collapsible-DMNJjdc3.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { h } from './index-Dina3aff.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { d as KolButtonWcTag } from './component-names-CkE54Ym7.js';\nimport { K as KolHeadingFc } from './Heading-KhwFHPZb.js';\n\nconst KolCollapsibleFc = (props, children) => {\n    const { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {} } = props, other = __rest(props, [\"id\", \"class\", \"label\", \"level\", \"disabled\", \"open\", \"onClick\", \"HeadingProps\", \"HeadingButtonProps\", \"ContentProps\"]);\n    const icon = open ? 'remove' : 'add';\n    return (h(\"div\", Object.assign({ id: id, class: clsx('collapsible', {\n            'collapsible--disabled': disabled === true,\n            'collapsible--open': open === true,\n        }, classNames) }, other), h(KolHeadingFc, { ref: HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.ref, level: level, class: clsx('collapsible__heading', HeadingProps === null || HeadingProps === void 0 ? void 0 : HeadingProps.class) }, h(KolButtonWcTag, { class: clsx('collapsible__heading-button', HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps.class), ref: HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps.ref, slot: \"expert\", _ariaControls: `${id}-control`, _ariaExpanded: open, _disabled: disabled, _icons: (HeadingButtonProps === null || HeadingButtonProps === void 0 ? void 0 : HeadingButtonProps._icons) || `codicon codicon-${icon}`, _label: label, _on: { onClick } })), h(\"div\", { class: clsx('collapsible__wrapper', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.wrapperClass) }, h(\"div\", { class: clsx('collapsible__wrapper-animation', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.animationClass) }, h(\"div\", { \"aria-hidden\": open === false ? 'true' : undefined, class: clsx('collapsible__content', ContentProps === null || ContentProps === void 0 ? void 0 : ContentProps.class), id: `${id}-control` }, children)))));\n};\n\nexport { KolCollapsibleFc as K };\n//# sourceMappingURL=Collapsible-DMNJjdc3.js.map\n\n//# sourceMappingURL=Collapsible-DMNJjdc3.js.map"],"names":["KolCollapsibleFc","props","children","id","classNames","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps","other","__rest","icon","h","clsx","KolHeadingFc","KolButtonWcTag"],"mappings":"uMAAA;AAAA;AAAA,GASK,MAACA,EAAmB,CAACC,EAAOC,IAAa,CAC1C,KAAM,CAAE,GAAAC,EAAI,MAAOC,EAAY,MAAAC,EAAO,MAAAC,EAAQ,EAAG,SAAAC,EAAU,KAAAC,EAAM,QAAAC,EAAS,aAAAC,EAAe,CAAA,EAAI,mBAAAC,EAAqB,CAAA,EAAI,aAAAC,EAAe,CAAA,CAAE,EAAKX,EAAOY,EAAQC,EAAOb,EAAO,CAAC,KAAM,QAAS,QAAS,QAAS,WAAY,OAAQ,UAAW,eAAgB,qBAAsB,cAAc,CAAC,EACzRc,EAAOP,EAAO,SAAW,MAC/B,OAAQQ,EAAE,MAAO,OAAO,OAAO,CAAE,GAAIb,EAAI,MAAOc,EAAK,cAAe,CAC5D,wBAAyBV,IAAa,GACtC,oBAAqBC,IAAS,EAC1C,EAAWJ,CAAU,CAAC,EAAIS,CAAK,EAAGG,EAAEE,EAAc,CAAE,IAAiER,GAAa,IAAK,MAAOJ,EAAO,MAAOW,EAAK,uBAAoFP,GAAa,KAAK,CAAC,EAAIM,EAAEG,EAAgB,CAAE,MAAOF,EAAK,8BAAuGN,GAAmB,KAAK,EAAG,IAA6EA,GAAmB,IAAK,KAAM,SAAU,cAAe,GAAGR,CAAE,WAAY,cAAeK,EAAM,UAAWD,EAAU,OAAiFI,GAAmB,QAAW,mBAAmBI,CAAI,GAAI,OAAQV,EAAO,IAAK,CAAE,QAAAI,CAAO,CAAE,CAAE,CAAC,EAAGO,EAAE,MAAO,CAAE,MAAOC,EAAK,uBAAoFL,GAAa,YAAY,CAAC,EAAII,EAAE,MAAO,CAAE,MAAOC,EAAK,iCAA8FL,GAAa,cAAc,CAAC,EAAII,EAAE,MAAO,CAAE,cAAeR,IAAS,GAAQ,OAAS,OAAW,MAAOS,EAAK,uBAAoFL,GAAa,KAAK,EAAG,GAAI,GAAGT,CAAE,UAAU,EAAID,CAAQ,CAAC,CAAC,CAAC,CAChxC"}

package/dist/assets/CustomSuggestionsToggle-_i-9Z6oo-Cwy2A9IT.js

@@ -1,4 +0,0 @@
-import{h as t,i as b}from"./index-BvWOSbaR.js";import{c as f}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as w}from"./i18n-CdSCDnmA-CsM0aySV.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const F=({index:o,ref:s,selected:e,onClick:i,onMouseOver:c,onFocus:g,onKeyDown:a,option:p,searchTerm:d})=>{const m=(l,n)=>{if(!n?.trim())return l;const u=new RegExp(`(${n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return l.split(u).map((r,k)=>u.test(r)?t("mark",{key:k},r):r)};return t("li",{id:`option-${o}`,key:`-${o}`,ref:s,"data-index":o,tabIndex:-1,role:"option","aria-selected":e?"true":void 0,onClick:i,onMouseOver:c,onFocus:g,class:"kol-custom-suggestions-option",onKeyDown:a},m(String(p),d||""))},h=({blockSuggestionMouseOver:o,onKeyDown:s,style:e},i)=>t("ul",{role:"listbox",style:e,class:f("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},i),C=w("kol-dropdown"),v=({onClick:o,disabled:s})=>t("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},t(b,{_icons:"codicon codicon-triangle-down",_label:C}));export{v as C,h as a,F as b};
-//# sourceMappingURL=CustomSuggestionsToggle-_i-9Z6oo-Cwy2A9IT.js.map

package/dist/assets/CustomSuggestionsToggle-_i-9Z6oo-Cwy2A9IT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsToggle-_i-9Z6oo-Cwy2A9IT.js","sources":["../../../../components/dist/esm/CustomSuggestionsToggle-_i-9Z6oo.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h } from './index-Dina3aff.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { e as KolIconTag } from './component-names-CkE54Ym7.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\n\nconst CustomSuggestionsOptionFc = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option, searchTerm }) => {\n    const highlightSearchTerm = (text, searchTerm) => {\n        if (!(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()))\n            return text;\n        const regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n        const parts = text.split(regex);\n        return parts.map((part, partIndex) => (regex.test(part) ? h(\"mark\", { key: partIndex }, part) : part));\n    };\n    return (h(\"li\", { id: `option-${index}`, key: `-${index}`, ref: ref, \"data-index\": index, tabIndex: -1, role: \"option\", \"aria-selected\": selected ? 'true' : undefined, onClick: onClick, onMouseOver: onMouseOver, onFocus: onFocus, class: \"kol-custom-suggestions-option\", onKeyDown: onKeyDown }, highlightSearchTerm(String(option), searchTerm || '')));\n};\n\nconst CustomSuggestionsOptionsGroupFc = ({ blockSuggestionMouseOver, onKeyDown, style }, children) => {\n    return (h(\"ul\", { role: \"listbox\", style: style, class: clsx('kol-custom-suggestions-options-group', {\n            'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n        }), onKeyDown: onKeyDown }, children));\n};\n\nconst translateDropdown = translate('kol-dropdown');\nconst CustomSuggestionsToggleFc = ({ onClick, disabled }) => {\n    return (h(\"button\", { tabindex: \"-1\", class: \"kol-custom-suggestions-toggle\", onClick: onClick, disabled: disabled }, h(KolIconTag, { _icons: \"codicon codicon-triangle-down\", _label: translateDropdown })));\n};\n\nexport { CustomSuggestionsToggleFc as C, CustomSuggestionsOptionsGroupFc as a, CustomSuggestionsOptionFc as b };\n//# sourceMappingURL=CustomSuggestionsToggle-_i-9Z6oo.js.map\n\n//# sourceMappingURL=CustomSuggestionsToggle-_i-9Z6oo.js.map"],"names":["CustomSuggestionsOptionFc","index","ref","selected","onClick","onMouseOver","onFocus","onKeyDown","option","searchTerm","highlightSearchTerm","text","regex","part","partIndex","h","CustomSuggestionsOptionsGroupFc","blockSuggestionMouseOver","style","children","clsx","translateDropdown","translate","CustomSuggestionsToggleFc","disabled","KolIconTag"],"mappings":"+IAAA;AAAA;AAAA,GAQK,MAACA,EAA4B,CAAC,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,EAAU,QAAAC,EAAS,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,OAAAC,EAAQ,WAAAC,CAAU,IAAO,CAC1H,MAAMC,EAAsB,CAACC,EAAMF,IAAe,CAC9C,GAAI,CAA0DA,GAAW,OACrE,OAAOE,EACX,MAAMC,EAAQ,IAAI,OAAO,IAAIH,EAAW,QAAQ,sBAAuB,MAAM,CAAC,IAAK,IAAI,EAEvF,OADcE,EAAK,MAAMC,CAAK,EACjB,IAAI,CAACC,EAAMC,IAAeF,EAAM,KAAKC,CAAI,EAAIE,EAAE,OAAQ,CAAE,IAAKD,CAAS,EAAID,CAAI,EAAIA,CAAK,CACzG,EACA,OAAQE,EAAE,KAAM,CAAE,GAAI,UAAUd,CAAK,GAAI,IAAK,IAAIA,CAAK,GAAI,IAAKC,EAAK,aAAcD,EAAO,SAAU,GAAI,KAAM,SAAU,gBAAiBE,EAAW,OAAS,OAAW,QAASC,EAAS,YAAaC,EAAa,QAASC,EAAS,MAAO,gCAAiC,UAAWC,CAAS,EAAIG,EAAoB,OAAOF,CAAM,EAAGC,GAAc,EAAE,CAAC,CAC/V,EAEMO,EAAkC,CAAC,CAAE,yBAAAC,EAA0B,UAAAV,EAAW,MAAAW,CAAK,EAAIC,IAC7EJ,EAAE,KAAM,CAAE,KAAM,UAAW,MAAOG,EAAO,MAAOE,EAAK,uCAAwC,CAC7F,sDAAuDH,CACnE,CAAS,EAAG,UAAWV,CAAS,EAAIY,CAAQ,EAGtCE,EAAoBC,EAAU,cAAc,EAC5CC,EAA4B,CAAC,CAAE,QAAAnB,EAAS,SAAAoB,KAClCT,EAAE,SAAU,CAAE,SAAU,KAAM,MAAO,gCAAiC,QAASX,EAAS,SAAUoB,CAAQ,EAAIT,EAAEU,EAAY,CAAE,OAAQ,gCAAiC,OAAQJ,CAAiB,CAAE,CAAC"}

package/dist/assets/FieldControlStateWrapper-DxTxYvO0-B7LDSNuz.js

@@ -1,4 +0,0 @@
-import{_ as b}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{h as e,F as S}from"./index-BvWOSbaR.js";import{c}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{b as q,s as w}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{c as I,a as E,K as M,b as $}from"./FormFieldStateWrapper-DRcnPo2o-DHMFNAbV.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const W=(o,l)=>{var{class:n}=o,i=b(o,["class"]);return e("div",Object.assign({class:c("kol-field-control__input",n)},i),l)},z=(o,l)=>{const{class:n,id:i,disabled:m,label:t,hideLabel:a,labelAlign:d,renderNoTooltip:_,hint:y,renderNoHint:C,tooltipAlign:F,accessKey:p,shortKey:f,msg:s,touched:h,required:K,readonly:k,fieldControlInputProps:T,fieldControlLabelProps:r,fieldControlTooltipProps:v,fieldControlHintProps:O}=o,B=b(o,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),P=!C,x=!_,L=I(s,h),g=w(t),N=x&&!g&&a,j=q(p,f),A=typeof s=="string"?"error":s?._type,u=[e(S,null,e(W,Object.assign({},T),l),N&&e(E,Object.assign({},v||{},{id:i,label:t,align:F,badgeText:j}))),e(M,Object.assign({},r||{},{id:i,baseClassName:"kol-field-control",class:c(r?.class,{"kol-field-control__label--visually-hidden":!!a}),hasExpertSlot:g,label:t,accessKey:p,shortKey:f}))];d==="left"&&u.reverse();const H={"kol-field-control--disabled":!!m,"kol-field-control--required":!!K,"kol-field-control--touched":!!h,"kol-field-control--hide-label":!!a,"kol-field-control--read-only":!!k,[`kol-field-control--${A||"error"}`]:!!L,[`kol-field-control--label-align-${d}`]:!!d};return e("div",Object.assign({class:c("kol-field-control",H,n)},B),u,P&&e($,Object.assign({},O||{},{baseClassName:"kol-field-control",id:i,hint:y})))};function D(o){const l={id:o._id,disabled:o._disabled,msg:o._msg,hint:o._hint,label:o._label,hideLabel:o._hideLabel,touched:o._touched};return"_required"in o&&(l.required=o._required),"_readOnly"in o&&(l.readonly=o._readOnly),"_labelAlign"in o&&(l.labelAlign=o._labelAlign),"_accessKey"in o&&(l.accessKey=o._accessKey),"_shortKey"in o&&(l.shortKey=o._shortKey),l}const V=(o,l)=>{var{state:n}=o,i=b(o,["state"]);return e(z,Object.assign({},D(n),i),l)};export{V as F};
-//# sourceMappingURL=FieldControlStateWrapper-DxTxYvO0-B7LDSNuz.js.map

package/dist/assets/FieldControlStateWrapper-DxTxYvO0-B7LDSNuz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldControlStateWrapper-DxTxYvO0-B7LDSNuz.js","sources":["../../../../components/dist/esm/FieldControlStateWrapper-DxTxYvO0.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { h, F as Fragment } from './index-Dina3aff.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport './common-8fBdMvJM.js';\nimport { b as buildBadgeTextString, s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { a as FormFieldTooltipFc, K as KolFormFieldLabelFc, b as KolFormFieldHintFc, c as checkHasMsg } from './FormFieldStateWrapper-DRcnPo2o.js';\n\nconst InputContainer = (_a, children) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return (h(\"div\", Object.assign({ class: clsx('kol-field-control__input', classNames) }, other), children));\n};\nconst KolFieldControlFc = (props, children) => {\n    const { class: classNames, id, disabled, label, hideLabel, labelAlign, renderNoTooltip, hint, renderNoHint, tooltipAlign, accessKey, shortKey, msg, touched, required, readonly, fieldControlInputProps, fieldControlLabelProps, fieldControlTooltipProps, fieldControlHintProps } = props, other = __rest(props, [\"class\", \"id\", \"disabled\", \"label\", \"hideLabel\", \"labelAlign\", \"renderNoTooltip\", \"hint\", \"renderNoHint\", \"tooltipAlign\", \"accessKey\", \"shortKey\", \"msg\", \"touched\", \"required\", \"readonly\", \"fieldControlInputProps\", \"fieldControlLabelProps\", \"fieldControlTooltipProps\", \"fieldControlHintProps\"]);\n    const canShowHint = !renderNoHint;\n    const canShowTooltip = !renderNoTooltip;\n    const showMsg = checkHasMsg(msg, touched);\n    const hasExpertSlot = showExpertSlot(label);\n    const useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n    const badgeText = buildBadgeTextString(accessKey, shortKey);\n    const msgType = typeof msg === 'string' ? 'error' : msg === null || msg === void 0 ? void 0 : msg._type;\n    const components = [\n        h(Fragment, null, h(InputContainer, Object.assign({}, fieldControlInputProps), children), useTooltipInsteadOfLabel && (h(FormFieldTooltipFc, Object.assign({}, (fieldControlTooltipProps || {}), { id: id, label: label, align: tooltipAlign, badgeText: badgeText })))),\n        h(KolFormFieldLabelFc, Object.assign({}, (fieldControlLabelProps || {}), { id: id, baseClassName: \"kol-field-control\", class: clsx(fieldControlLabelProps === null || fieldControlLabelProps === void 0 ? void 0 : fieldControlLabelProps.class, {\n                ['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n            }), hasExpertSlot: hasExpertSlot, label: label, accessKey: accessKey, shortKey: shortKey })),\n    ];\n    if (labelAlign === 'left') {\n        components.reverse();\n    }\n    const stateCssClasses = {\n        ['kol-field-control--disabled']: Boolean(disabled),\n        ['kol-field-control--required']: Boolean(required),\n        ['kol-field-control--touched']: Boolean(touched),\n        ['kol-field-control--hide-label']: Boolean(hideLabel),\n        ['kol-field-control--read-only']: Boolean(readonly),\n        [`kol-field-control--${msgType || 'error'}`]: Boolean(showMsg),\n        [`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n    };\n    return (h(\"div\", Object.assign({ class: clsx('kol-field-control', stateCssClasses, classNames) }, other), components, canShowHint && h(KolFormFieldHintFc, Object.assign({}, (fieldControlHintProps || {}), { baseClassName: \"kol-field-control\", id: id, hint: hint }))));\n};\n\nfunction getFieldControlProps(state) {\n    const props = {\n        id: state._id,\n        disabled: state._disabled,\n        msg: state._msg,\n        hint: state._hint,\n        label: state._label,\n        hideLabel: state._hideLabel,\n        touched: state._touched,\n    };\n    if ('_required' in state) {\n        props.required = state._required;\n    }\n    if ('_readOnly' in state) {\n        props.readonly = state._readOnly;\n    }\n    if ('_labelAlign' in state) {\n        props.labelAlign = state._labelAlign;\n    }\n    if ('_accessKey' in state) {\n        props.accessKey = state._accessKey;\n    }\n    if ('_shortKey' in state) {\n        props.shortKey = state._shortKey;\n    }\n    return props;\n}\nconst FieldControlStateWrapper = (_a, children) => {\n    var { state } = _a, other = __rest(_a, [\"state\"]);\n    return (h(KolFieldControlFc, Object.assign({}, getFieldControlProps(state), other), children));\n};\n\nexport { FieldControlStateWrapper as F };\n//# sourceMappingURL=FieldControlStateWrapper-DxTxYvO0.js.map\n\n//# sourceMappingURL=FieldControlStateWrapper-DxTxYvO0.js.map"],"names":["InputContainer","_a","children","classNames","other","__rest","h","clsx","KolFieldControlFc","props","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps","canShowHint","canShowTooltip","showMsg","checkHasMsg","hasExpertSlot","showExpertSlot","useTooltipInsteadOfLabel","badgeText","buildBadgeTextString","msgType","components","Fragment","FormFieldTooltipFc","KolFormFieldLabelFc","stateCssClasses","KolFormFieldHintFc","getFieldControlProps","state","FieldControlStateWrapper"],"mappings":"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"}

package/dist/assets/FormFieldStateWrapper-DRcnPo2o-DHMFNAbV.js

@@ -1,4 +0,0 @@
-import{h as s,F as R,K as re,n as U,v as se,s as j,o as z,p as A,d as ae,a as k,m as N,w as le,U as ce,t as de,A as W}from"./index-BvWOSbaR.js";import{v as he,a as E,b as ue,c as me}from"./access-and-short-key-bcID78Ha-CxLL22Gm.js";import{v as pe}from"./disabled-BydergHu-Cv1b_0HG.js";import{v as fe}from"./hide-label-DRunOux4-B76jV3WP.js";import{a as ge}from"./label-CdtNxOKu-BgP05vXh.js";import{v as be}from"./tooltip-align-_VI7LehI-twrDw5DR.js";import{A as _e}from"./associated.controller-BKIODHIT-AfwHQGyb.js";import{i as H,a as ve,c as ye,r as xe}from"./isObject-DvSELytj-B0RigBxT.js";import{_ as T}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{c as v}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as Le}from"./Alert-yh8R3coC-BCYFPt1y.js";import{i as D,K as Fe}from"./InternalUnderlinedBadgeText-BnPUgbKl-BvtrJtYz.js";import{b as G,s as Te}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{t as f}from"./i18n-CdSCDnmA-CsM0aySV.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const Ce=(e,t)=>{N(e,"_adjustHeight",t)},ke=(e,t,n)=>{N(e,"_hideMsg",t,n)},Ke=(e,t)=>{U(e,"_hint",t)},Se=(e,t)=>{z(t,()=>{try{t=A(t)}catch{}le(e,"_msg",n=>{if(n===void 0||typeof n=="string"&&n.length>0)return!0;if(ce(n)&&n!==null){const i=n._description;return de(i,1)}return!1},new Set(["MsgPropType","string"]),t)})};function Me(e,t){var n;if(!e)return!1;const i=typeof e=="string"?"error":(n=e._type)!==null&&n!==void 0?n:"error";return t===!0||i!=="error"}function Oe(e){if(typeof e=="string")try{return A(e)}catch{return{_description:e,_type:"error"}}return e&&typeof e=="object"&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}const Ie=(e,t)=>{N(e,"_touched",t)},je=e=>{var t,n,{alert:i,msg:o,id:l,class:d}=e,a=T(e,["alert","msg","id","class"]);const r=Oe(o);return s(Le,Object.assign({id:`${l}-msg`,alert:(t=r?._alert)!==null&&t!==void 0?t:i,hasCloser:!1,level:0,type:(n=r?._type)!==null&&n!==void 0?n:"error",variant:"msg",class:v("kol-form-field__msg",d)},a),r?._description||void 0)};var Ee="[object Symbol]";function Be(e){return typeof e=="symbol"||ve(e)&&ye(e)==Ee}var He=/\s/;function Ae(e){for(var t=e.length;t--&&He.test(e.charAt(t)););return t}var Ne=/^\s+/;function Pe(e){return e&&e.slice(0,Ae(e)+1).replace(Ne,"")}var q=NaN,we=/^[-+]0x[0-9a-f]+$/i,$e=/^0b[01]+$/i,We=/^0o[0-7]+$/i,De=parseInt;function V(e){if(typeof e=="number")return e;if(Be(e))return q;if(H(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=H(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Pe(e);var n=$e.test(e);return n||We.test(e)?De(e.slice(2),n?2:8):we.test(e)?q:+e}var B=function(){return xe.Date.now()},qe="Expected a function",Ve=Math.max,Re=Math.min;function Ue(e,t,n){var i,o,l,d,a,r,h=0,g=!1,p=!1,b=!0;if(typeof e!="function")throw new TypeError(qe);t=V(t)||0,H(n)&&(g=!!n.leading,p="maxWait"in n,l=p?Ve(V(n.maxWait)||0,t):l,b="trailing"in n?!!n.trailing:b);function m(c){var u=i,_=o;return i=o=void 0,h=c,d=e.apply(_,u),d}function K(c){return h=c,a=setTimeout(L,t),g?m(c):d}function y(c){var u=c-r,_=c-h,M=t-u;return p?Re(M,l-_):M}function x(c){var u=c-r,_=c-h;return r===void 0||u>=t||u<0||p&&_>=l}function L(){var c=B();if(x(c))return C(c);a=setTimeout(L,y(c))}function C(c){return a=void 0,b&&i?m(c):(i=o=void 0,d)}function S(){a!==void 0&&clearTimeout(a),h=0,i=r=o=a=void 0}function O(){return a===void 0?d:C(B())}function F(){var c=B(),u=x(c);if(i=arguments,o=this,r=c,u){if(a===void 0)return K(r);if(p)return clearTimeout(a),a=setTimeout(L,t),m(r)}return a===void 0&&(a=setTimeout(L,t)),d}return F.cancel=S,F.flush=O,F}const ze=({hasExpertSlot:e,accessKey:t,shortKey:n,label:i,showBadge:o=!0})=>{if(e)return s("slot",{name:"expert"});if(!i)return null;const l=D(t)||D(n);if(!o||!l)return s("span",null,i);const d=G(t,n);return s(R,null,s(Fe,{badgeText:d,label:i})," ",s("kbd",{class:"badge-text-hint","aria-hidden":"true"},d))},Ge=e=>{var{component:t="label",id:n,baseClassName:i="kol-form-field",class:o,accessKey:l,shortKey:d,label:a,hideLabel:r,hasExpertSlot:h,showBadge:g}=e,p=T(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const b=!h&&r;return s(t,Object.assign({},p,{class:v(`${i}__label`,o),id:b?void 0:`${n}-label`,hidden:b,htmlFor:n}),s("span",{class:v(`${i}__label-text`)},s(ze,{hasExpertSlot:h,accessKey:l,shortKey:d,label:a,showBadge:g})))},Je=e=>{var{id:t,class:n,hint:i,baseClassName:o="kol-form-field"}=e,l=T(e,["id","class","hint","baseClassName"]);return i?s("span",Object.assign({class:v(`${o}__hint`,n),id:`${t}-hint`},l),i):null},Xe=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:i})=>{let o,l;const d=["kol-form-field__counter"];if(i==="hard")o=typeof n=="number"?f("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):f("kol-character-counter-current",{placeholders:{current:String(e)}}),l=typeof n=="number"?f("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):f("kol-character-counter-current",{placeholders:{current:String(t)}});else if(typeof n=="number"){const a=n-e,r=a<0,h=n-t,g=h<0;o=r?f("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(a))}}):f("kol-character-limit-remaining",{placeholders:{remaining:String(a)}}),l=g?f("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(h))}}):f("kol-character-limit-remaining",{placeholders:{remaining:String(h)}}),r&&d.push("kol-form-field__counter--exceeded")}else return null;return s(R,null,s("span",{class:v(d),"aria-hidden":"true","data-testid":"input-counter"},o),s("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},l))},Qe=({id:e,maxLength:t})=>s("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},f("kol-character-limit-hint",{placeholders:{limit:String(t)}})),Ye=({id:e,align:t,badgeText:n,label:i,class:o})=>s(re,{"aria-hidden":"true",class:v("kol-form-field__tooltip",o),_badgeText:n,_align:t,_id:`${e}-label`,_label:i});function Ze(e){return e?.type&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[e?.type]||""}const et=(e,t)=>{var{class:n}=e,i=T(e,["class"]);return s("div",Object.assign({class:v("kol-form-field__input",n)},i),t)},tt=(e,t)=>{var n;const{component:i="div",renderNoLabel:o,renderNoTooltip:l,renderNoHint:d,anotherChildren:a,id:r,required:h,alert:g,disabled:p,class:b,msg:m,hideMsg:K,hideLabel:y,label:x,hint:L,accessKey:C,shortKey:S,tooltipAlign:O,counter:F,readOnly:c,touched:u,maxLength:_,formFieldLabelProps:M,formFieldHintProps:J,formFieldTooltipProps:X,formFieldMsgProps:Q,formFieldInputProps:Y}=e,Z=T(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),ee=!o,te=!d,ne=!l,P=Te(x),w=Me(m,u),ie=G(C,S),oe=ne&&!P&&y,$=typeof m=="string"?"error":(n=m?._type)!==null&&n!==void 0?n:"error";let I={"kol-form-field--disabled":!!p,"kol-form-field--required":!!h,"kol-form-field--touched":!!u,"kol-form-field--hide-label":!!y,"kol-form-field--read-only":!!c,"kol-form-field--hidden-msg":!!K};return w&&(I=Object.assign(Object.assign({},I),{[`kol-form-field--${$||"error"}`]:!0,[`kol-form-field--${Ze({type:$})}`]:!0})),s(i,Object.assign({class:v("kol-form-field",I,b)},Z),ee&&s(Ge,Object.assign({},M||{},{id:r,hasExpertSlot:P,hideLabel:y,label:x,accessKey:C,shortKey:S})),s(et,Object.assign({},Y),t,oe&&y===!0&&s(Ye,Object.assign({},X||{},{id:r,label:x,align:O,badgeText:ie}))),F?s(Xe,Object.assign({},F)):null,_?s(Qe,{id:r,maxLength:_}):null,w&&!K&&s(je,Object.assign({},Q||{},{id:r,alert:g,msg:m})),te&&s(Je,Object.assign({},J||{},{id:r,hint:L})),a)};function _t({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":e?.length?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}class nt extends _e{constructor(t,n,i){super(t,n,i),this.component=t}validateTouched(t){Ie(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class vt extends nt{constructor(t,n,i){super(t,n,i),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.updateCurrentLengthDebounced=Ue(o=>{j(this.component,"_currentLengthDebounced",o)},500),this.component=t}validateAccessKey(t){he(this.component,t),E(t,this.component._shortKey)}validateAdjustHeight(t){Ce(this.component,t)}validateDisabled(t){pe(this.component,t)}validateTooltipAlign(t){be(this.component,t)}validateHideMsg(t){ke(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&W("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){fe(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&W("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){Ke(this.component,t)}validateId(t){U(this.component,"_id",t,{minLength:1}),(t===""||typeof t>"u")&&se("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(t){ge(this.component,t,{required:!0})}validateMsg(t){Se(this.component,t)}validateOn(t){typeof t=="object"&&j(this.component,"_on",t)}validateShortKey(t){ue(this.component,t),E(this.component._accessKey,t)}validateSmartButton(t){z(t,()=>{try{t=A(t)}catch{}j(this.component,"_smartButton",t)})}validateTabIndex(t){me(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),E(this.component._accessKey,this.component._shortKey)}emitEvent(t,n){this.host&&ae(this.host,t,n)}onBlur(t){var n;this.component._touched=!0,this.emitEvent(k.blur),typeof((n=this.component._on)===null||n===void 0?void 0:n.onBlur)=="function"&&this.component._on.onBlur(t)}onChange(t,n){var i;typeof n>"u"&&(n=t.target.value),this.emitEvent(k.change,n),typeof((i=this.component._on)===null||i===void 0?void 0:i.onChange)=="function"&&this.component._on.onChange(t,n),this.valueChangeListeners.forEach(o=>o(n))}onInput(t,n=!0,i){var o;typeof i>"u"&&(i=t.target.value),this.emitEvent(k.input,i),n&&this.setFormAssociatedValue(i),typeof((o=this.component._on)===null||o===void 0?void 0:o.onInput)=="function"&&this.component._on.onInput(t,i)}onClick(t){var n;this.emitEvent(k.click),typeof((n=this.component._on)===null||n===void 0?void 0:n.onClick)=="function"&&this.component._on.onClick(t)}onFocus(t){var n;this.emitEvent(k.focus),typeof((n=this.component._on)===null||n===void 0?void 0:n.onFocus)=="function"&&this.component._on.onFocus(t)}addValueChangeListener(t){this.valueChangeListeners.push(t)}hasSoftCharacterLimit(){return typeof this.component.state._maxLength=="number"&&this.component.state._maxLengthBehavior==="soft"}hasCounter(){return this.component.state._hasCounter===!0}}const yt=e=>{var t;const n=e._msg,i=typeof n=="string"?n:n?._description,o=typeof n=="string"?"error":(t=n?._type)!==null&&t!==void 0?t:"error",l=!!(i&&i.length>0),a=o==="error"&&l&&e._touched===!0,r=typeof e._hint=="string"&&e._hint.length>0,h=[];return l&&!e._hideMsg&&h.push(`${e._id}-msg`),r&&h.push(`${e._id}-hint`),{hasError:a,hasHint:r,ariaDescribedBy:h}};function it(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&typeof e._currentLength=="number"&&"_currentLengthDebounced"in e&&typeof e._currentLengthDebounced=="number"&&"_hasCounter"in e&&e._hasCounter===!0&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const xt=(e,t)=>{var{state:n}=e,i=T(e,["state"]);return s(tt,Object.assign({},it(n),i),t)};export{xt as F,vt as I,Ge as K,Ye as a,Je as b,Me as c,_t as d,yt as g};
-//# sourceMappingURL=FormFieldStateWrapper-DRcnPo2o-DHMFNAbV.js.map