@public-ui/sample-react 3.0.7 → 3.0.8-rc.1

package/src/components/table/multi-sort.tsx

@@ -1,8 +1,8 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
 
-import type { KoliBriTableDataType, KoliBriTableHeaders } from '@public-ui/components';
-import { KolHeading, KolInputCheckbox, KolTableStateful } from '@public-ui/react-v19';
+import type { KoliBriTableDataType, KoliBriTableHeaderCellWithLogic, KoliBriTableHeaders } from '@public-ui/components';
+import { KolButtonLink, KolHeading, KolTableStateful } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 import type { Data } from './test-data';
 import { DATA } from './test-data';
@@ -13,64 +13,42 @@ const DATE_FORMATTER = Intl.DateTimeFormat('de-DE', {
 	year: 'numeric',
 });
 
+const TABLE_HEADER_CELLS: KoliBriTableHeaderCellWithLogic[] = [
+	{
+		label: 'order',
+		key: 'order',
+		textAlign: 'center',
+		compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
+			if ((data0 as Data).order < (data1 as Data).order) return -1;
+			else if ((data1 as Data).order < (data0 as Data).order) return 1;
+			else return 0;
+		},
+		sortDirection: 'ASC',
+	},
+	{
+		label: 'date',
+		key: 'date',
+		textAlign: 'center',
+		render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
+		compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
+			if ((data0 as Data).date < (data1 as Data).date) return -1;
+			else if ((data1 as Data).date < (data0 as Data).date) return 1;
+			else return 0;
+		},
+	},
+];
+
 const HEADERS_HORIZONTAL: KoliBriTableHeaders = {
-	horizontal: [
-		[
-			{
-				label: 'order',
-				key: 'order',
-				textAlign: 'center',
-				compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
-					if ((data0 as Data).order < (data1 as Data).order) return -1;
-					else if ((data1 as Data).order < (data0 as Data).order) return 1;
-					else return 0;
-				},
-			},
-			{
-				label: 'date',
-				key: 'date',
-				textAlign: 'center',
-				render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
-				compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
-					if ((data0 as Data).date < (data1 as Data).date) return -1;
-					else if ((data1 as Data).date < (data0 as Data).date) return 1;
-					else return 0;
-				},
-			},
-		],
-	],
+	horizontal: [TABLE_HEADER_CELLS],
 };
 
 const HEADERS_VERTICAL: KoliBriTableHeaders = {
-	vertical: [
-		[
-			{
-				label: 'order',
-				key: 'order',
-				textAlign: 'center',
-				compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
-					if ((data0 as Data).order < (data1 as Data).order) return -1;
-					else if ((data1 as Data).order < (data0 as Data).order) return 1;
-					else return 0;
-				},
-			},
-			{
-				label: 'date',
-				key: 'date',
-				textAlign: 'center',
-				render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
-				compareFn: (data0: KoliBriTableDataType, data1: KoliBriTableDataType) => {
-					if ((data0 as Data).date < (data1 as Data).date) return -1;
-					else if ((data1 as Data).date < (data0 as Data).date) return 1;
-					else return 0;
-				},
-			},
-		],
-	],
+	vertical: [TABLE_HEADER_CELLS],
 };
+
 export const MultiSortTable: FC = () => {
-	const [allowMultiSortVertical, setAllowMultiSortVertical] = useState(false);
-	const [allowMultiSortHorizontal, setAllowMultiSortHorizontal] = useState(true);
+	const [verticallHeader, setVerticalHeader] = useState(HEADERS_VERTICAL);
+	const [horizontalHeader, setHorizontalHeader] = useState(HEADERS_HORIZONTAL);
 	return (
 		<>
 			<SampleDescription>
@@ -80,36 +58,26 @@ export const MultiSortTable: FC = () => {
 			<section className="w-full grid gap-4">
 				<section className="grid gap-4">
 					<KolHeading _level={2} _label="Vertical" />
-					<KolInputCheckbox
-						_checked={allowMultiSortVertical}
-						_label="Allow Multi-Sort"
-						_variant="switch"
-						_on={{ onChange: (_, value) => setAllowMultiSortVertical(Boolean(value)) }}
-					></KolInputCheckbox>
+					<KolButtonLink _label="Reset Table" _on={{ onClick: () => setVerticalHeader({ vertical: [[...TABLE_HEADER_CELLS]] }) }}></KolButtonLink>
 					<KolTableStateful
 						_label="Sort Table with Order and Date"
 						_minWidth="auto"
 						_data={DATA.slice(0, 10)}
-						_headers={HEADERS_VERTICAL}
+						_headers={verticallHeader}
 						className="block"
-						_allowMultiSort={allowMultiSortVertical}
+						_allowMultiSort={true}
 					/>
 				</section>
 				<section className="grid gap-4">
 					<KolHeading _level={2} _label="Horizontal" />
-					<KolInputCheckbox
-						_checked={allowMultiSortHorizontal}
-						_label="Allow Multi-Sort"
-						_variant="switch"
-						_on={{ onChange: (_, value) => setAllowMultiSortHorizontal(Boolean(value)) }}
-					></KolInputCheckbox>
+					<KolButtonLink _label="Reset Table" _on={{ onClick: () => setHorizontalHeader({ horizontal: [[...TABLE_HEADER_CELLS]] }) }}></KolButtonLink>
 					<KolTableStateful
 						_label="Sort Table with Order and Date"
 						_minWidth="auto"
 						_data={DATA}
-						_headers={HEADERS_HORIZONTAL}
+						_headers={horizontalHeader}
 						className="block"
-						_allowMultiSort={allowMultiSortHorizontal}
+						_allowMultiSort={true}
 					/>
 				</section>
 			</section>

package/src/components/table/routes.ts

@@ -1,6 +1,7 @@
 import { Routes } from '../../shares/types';
 import { TableColumnAlignment } from './column-alignment';
 import { TableComplexHeaders } from './complex-headers';
+import { TableDirectionAwareSort } from './direction-aware-sort';
 import { TableHorizontalScrollbar } from './horizontal-scrollbar';
 import { InteractiveChildElements } from './interactive-child-elements';
 import { MultiSortTable } from './multi-sort';
@@ -31,6 +32,7 @@ export const TABLE_ROUTES: Routes = {
 		'predefined-settings': PredefinedSettings,
 		'render-cell': TableRenderCell,
 		'sort-data': TableSortData,
+		'direction-aware-sort': TableDirectionAwareSort,
 		'stateful-with-selection': TableStatefulWithSelection,
 		'stateless-with-settings-menu': TableStatelessWithSettingsMenu,
 		'stateful-with-single-selection': TableStatefulWithSingleSelection,

package/src/scenarios/custom-tooltip-css-properties.tsx

@@ -0,0 +1,42 @@
+import type { FC } from 'react';
+import React from 'react';
+
+import { KolButton } from '@public-ui/react-v19';
+import { SampleDescription } from '../components/SampleDescription';
+import { useToasterService } from '../hooks/useToasterService';
+
+export const CustomTooltipCssProperties: FC = () => {
+	const { dummyClickEventHandler } = useToasterService();
+
+	const dummyEventHandler = {
+		onClick: dummyClickEventHandler,
+	};
+
+	return (
+		<>
+			<SampleDescription>
+				<p>
+					This sample demonstrates how tooltip animation duration and width can be customized via
+					<code>--kolibri-tooltip-animation-duration</code> and <code>--kol-tooltip-width</code>.
+				</p>
+			</SampleDescription>
+
+			<div className="flex justify-center items-center gap-4">
+				<KolButton
+					_label="Custom duration"
+					_hideLabel
+					style={{ '--kolibri-tooltip-animation-duration': '2500ms' }}
+					_icons="codicon codicon-clock"
+					_on={dummyEventHandler}
+				></KolButton>
+				<KolButton
+					_label="Custom width"
+					_hideLabel
+					style={{ '--kol-tooltip-width': '400px' }}
+					_icons="codicon codicon-arrow-both"
+					_on={dummyEventHandler}
+				></KolButton>
+			</div>
+		</>
+	);
+};

package/src/scenarios/date-in-form.tsx

@@ -0,0 +1,24 @@
+import { KolButton, KolForm, KolInputDate } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../components/SampleDescription';
+
+export const DateInForm: FC = () => (
+	<>
+		<SampleDescription>
+			<p>KolForm with KolInputDate inside to make sure enter on the date icon does not submit the form.</p>
+		</SampleDescription>
+
+		<KolForm
+			_on={{
+				onSubmit: () => {
+					console.error('submitted');
+					alert('submitted');
+				},
+			}}
+		>
+			<KolInputDate _label="date" _name="datum" />
+			<KolButton _label="Submit" _type="submit" />
+		</KolForm>
+	</>
+);

package/src/scenarios/react-hook-form/basic.tsx

@@ -14,9 +14,8 @@ import {
 	KolSingleSelectController,
 	KolTextareaController,
 } from '@public-ui/react-hook-form-adapter';
-import { KolButton } from '@public-ui/react-v19';
-import type { FC } from 'react';
-import React from 'react';
+import { KolButton, KolForm } from '@public-ui/react-v19';
+import React, { type BaseSyntheticEvent, type FC } from 'react';
 import type { FieldErrors, SubmitHandler } from 'react-hook-form';
 import { useForm } from 'react-hook-form';
 
@@ -122,62 +121,74 @@ export const RHFBasic: FC = () => {
 	return (
 		<>
 			<SampleDescription>
-				<p>This sample demonstrates a form using React Hook Form with KoliBri adapters. All inputs are validated, and error messages are shown on submit.</p>
+				<p>
+					This sample demonstrates a form using React Hook Form with KoliBri adapters wrapped in a KolForm. All inputs are validated, and error messages are
+					shown on submit.
+				</p>
 			</SampleDescription>
 
-			<form onSubmit={handleSubmit(onSubmit, onError)} className="grid gap-4 w-full max-w-xl">
-				<KolInputTextController name="firstName" control={control} _label="First Name" rules={{ required: 'First name is required' }} _required />
-				<KolInputTextController name="lastName" control={control} _label="Last Name" rules={{ required: 'Last name is required' }} _required />
-				<KolInputEmailController name="email" control={control} _label="Email" rules={{ required: 'Email is required' }} _required />
-				<KolInputPasswordController name="password" control={control} _label="Password" rules={{ required: 'Password is required' }} _required />
-				<KolInputNumberController name="age" control={control} _label="Age" rules={{ required: 'Age is required', min: 0 }} _required />
-				<KolInputRangeController name="volume" control={control} _label="Volume (0–100)" _min={0} _max={100} />
-				<KolInputDateController name="birthday" control={control} _label="Birthday" rules={{ required: 'Birthday is required' }} />
-				<KolInputColorController name="favoriteColor" control={control} _label="Favorite Color" id="favoriteColor" />
-				<KolInputFileController name="cv" control={control} _label="Upload CV" rules={{ required: 'Please upload your CV' }} _required />
-				<KolTextareaController name="bio" control={control} _label="Bio" rules={{ required: 'Please provide a short bio' }} _required />
-				<KolComboboxController
-					control={control}
-					rules={{ required: 'Please select a country' }}
-					name="country"
-					_label="Country"
-					_suggestions={COUNTRY_SUGGESTIONS}
-					_required
-				/>
-				<KolSelectController
-					control={control}
-					rules={{ required: 'Please select a language' }}
-					name="language"
-					_label="Preferred Language"
-					_options={languageOptions}
-					_required
-				/>
-				<KolSingleSelectController
-					rules={{ required: 'Please select a framework' }}
-					control={control}
-					name="framework"
-					_label="Favorite Framework"
-					_options={frameworkOptions}
-					_required
-				/>
-				<KolInputRadioController
-					control={control}
-					rules={{ required: 'Please select your gender' }}
-					name="gender"
-					_label="Gender"
-					_options={genderOptions}
-					_required
-				/>
-				<KolInputCheckboxController
-					name="termsAccepted"
-					control={control}
-					_label="I accept the terms and conditions"
-					rules={{ required: 'You must accept the terms' }}
-					_required
-				/>
+			<KolForm
+				className="w-full max-w-xl"
+				_on={{
+					onSubmit: (event) => {
+						void handleSubmit(onSubmit, onError)(event as unknown as BaseSyntheticEvent);
+					},
+				}}
+			>
+				<div className="grid gap-4">
+					<KolInputTextController name="firstName" control={control} _label="First Name" rules={{ required: 'First name is required' }} _required />
+					<KolInputTextController name="lastName" control={control} _label="Last Name" rules={{ required: 'Last name is required' }} _required />
+					<KolInputEmailController name="email" control={control} _label="Email" rules={{ required: 'Email is required' }} _required />
+					<KolInputPasswordController name="password" control={control} _label="Password" rules={{ required: 'Password is required' }} _required />
+					<KolInputNumberController name="age" control={control} _label="Age" rules={{ required: 'Age is required', min: 0 }} _required />
+					<KolInputRangeController name="volume" control={control} _label="Volume (0–100)" _min={0} _max={100} />
+					<KolInputDateController name="birthday" control={control} _label="Birthday" rules={{ required: 'Birthday is required' }} />
+					<KolInputColorController name="favoriteColor" control={control} _label="Favorite Color" id="favoriteColor" />
+					<KolInputFileController name="cv" control={control} _label="Upload CV" rules={{ required: 'Please upload your CV' }} _required />
+					<KolTextareaController name="bio" control={control} _label="Bio" rules={{ required: 'Please provide a short bio' }} _required />
+					<KolComboboxController
+						control={control}
+						rules={{ required: 'Please select a country' }}
+						name="country"
+						_label="Country"
+						_suggestions={COUNTRY_SUGGESTIONS}
+						_required
+					/>
+					<KolSelectController
+						control={control}
+						rules={{ required: 'Please select a language' }}
+						name="language"
+						_label="Preferred Language"
+						_options={languageOptions}
+						_required
+					/>
+					<KolSingleSelectController
+						rules={{ required: 'Please select a framework' }}
+						control={control}
+						name="framework"
+						_label="Favorite Framework"
+						_options={frameworkOptions}
+						_required
+					/>
+					<KolInputRadioController
+						control={control}
+						rules={{ required: 'Please select your gender' }}
+						name="gender"
+						_label="Gender"
+						_options={genderOptions}
+						_required
+					/>
+					<KolInputCheckboxController
+						name="termsAccepted"
+						control={control}
+						_label="I accept the terms and conditions"
+						rules={{ required: 'You must accept the terms' }}
+						_required
+					/>
 
-				<KolButton _label="Submit" _type="submit" />
-			</form>
+					<KolButton _label="Submit" _type="submit" />
+				</div>
+			</KolForm>
 		</>
 	);
 };

package/src/scenarios/routes.ts

@@ -1,6 +1,7 @@
 import { Routes } from '../shares/types';
 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';
@@ -17,7 +18,8 @@ import { TooltipPositioning } from './tooltip-positioning';
 export const SCENARIO_ROUTES: Routes = {
 	scenarios: {
 		'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/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 {

package/dist/assets/CustomSuggestionsToggle-CdwPbwxK-CWroGqRB.js

@@ -1,4 +0,0 @@
-import{h as t,i as b}from"./index-fxDtDX87.js";import{c as f}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as w}from"./i18n-CdSCDnmA-DgJQ-VJ5.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-CdwPbwxK-CWroGqRB.js.map

package/dist/assets/CustomSuggestionsToggle-CdwPbwxK-CWroGqRB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsToggle-CdwPbwxK-CWroGqRB.js","sources":["../../../../components/dist/esm/CustomSuggestionsToggle-CdwPbwxK.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h } from './index-C0tYQjse.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-CdwPbwxK.js.map\n\n//# sourceMappingURL=CustomSuggestionsToggle-CdwPbwxK.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/FormFieldStateWrapper-B7_kb8IA-BIbZM7nW.js

@@ -1,4 +0,0 @@
-import{h as s,F as R,K as re,n as z,v as se,s as j,o as U,p as A,d as ae,a as k,m as N,w as le,Y as ce,t as de,A as W}from"./index-fxDtDX87.js";import{v as he,a as E,b as ue,c as me}from"./access-and-short-key-bcID78Ha-pFtpuTK5.js";import{v as pe}from"./disabled-BydergHu-BKth7uq8.js";import{v as fe}from"./hide-label-DRunOux4-BAsKtXwX.js";import{a as ge}from"./label-CdtNxOKu-ZkmIeW5K.js";import{v as be}from"./tooltip-align-_VI7LehI-pqbv8Mfd.js";import{A as _e}from"./associated.controller-BKIODHIT-COgEBdtM.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{b as G,s as Le}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{t as f}from"./i18n-CdSCDnmA-DgJQ-VJ5.js";import{i as D,K as Fe}from"./InternalUnderlinedBadgeText-CiCiGezF-CJTLIOfx.js";import{K as Te}from"./Alert-DNIbRJ_i-ZCvaGKIg.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)=>{z(e,"_hint",t)},Se=(e,t)=>{U(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=({id:e,maxLength:t})=>s("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},f("kol-character-limit-hint",{placeholders:{limit:String(t)}})),Ee=({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))},Be=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};var He="[object Symbol]";function Ae(e){return typeof e=="symbol"||ve(e)&&ye(e)==He}var Ne=/\s/;function Pe(e){for(var t=e.length;t--&&Ne.test(e.charAt(t)););return t}var we=/^\s+/;function $e(e){return e&&e.slice(0,Pe(e)+1).replace(we,"")}var q=NaN,We=/^[-+]0x[0-9a-f]+$/i,De=/^0b[01]+$/i,qe=/^0o[0-7]+$/i,Ve=parseInt;function V(e){if(typeof e=="number")return e;if(Ae(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=$e(e);var n=De.test(e);return n||qe.test(e)?Ve(e.slice(2),n?2:8):We.test(e)?q:+e}var B=function(){return xe.Date.now()},Re="Expected a function",ze=Math.max,Ue=Math.min;function Ge(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(Re);t=V(t)||0,H(n)&&(g=!!n.leading,p="maxWait"in n,l=p?ze(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?Ue(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 Je=({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))},Xe=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(Je,{hasExpertSlot:h,accessKey:l,shortKey:d,label:a,showBadge:g})))},Ye=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(Te,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)},Qe=({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:Y,formFieldInputProps:Q}=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=Le(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(Xe,Object.assign({},M||{},{id:r,hasExpertSlot:P,hideLabel:y,label:x,accessKey:C,shortKey:S})),s(et,Object.assign({},Q),t,oe&&y===!0&&s(Qe,Object.assign({},X||{},{id:r,label:x,align:O,badgeText:ie}))),F?s(Ee,Object.assign({},F)):null,_?s(je,{id:r,maxLength:_}):null,w&&!K&&s(Ye,Object.assign({},Y||{},{id:r,alert:g,msg:m})),te&&s(Be,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=Ge(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){z(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){U(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,Xe as K,Qe as a,Be as b,Me as c,_t as d,yt as g};
-//# sourceMappingURL=FormFieldStateWrapper-B7_kb8IA-BIbZM7nW.js.map

package/dist/assets/FormFieldStateWrapper-B7_kb8IA-BIbZM7nW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldStateWrapper-B7_kb8IA-BIbZM7nW.js","sources":["../../../../components/dist/esm/FormFieldStateWrapper-B7_kb8IA.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { d as watchBoolean, e as watchString, p as parseJson, o as objectObjectHandler, w as watchValidator, G as isObject, g as isString, j as devHint, s as setState, t as a11yHint } from './common-8fBdMvJM.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-bcID78Ha.js';\nimport { v as validateDisabled } from './disabled-BydergHu.js';\nimport { v as validateHideLabel } from './hide-label-DRunOux4.js';\nimport { a as validateLabelWithExpertSlot } from './label-CdtNxOKu.js';\nimport { v as validateTooltipAlign } from './tooltip-align-_VI7LehI.js';\nimport { d as dispatchDomEvent, K as KolEvent } from './events-CoPFQEiC.js';\nimport { A as AssociatedInputController } from './associated.controller-BKIODHIT.js';\nimport { a as isObjectLike, c as baseGetTag, i as isObject$1, r as root } from './isObject-DvSELytj.js';\nimport { _ as __rest } from './tslib.es6-CxX45GIN.js';\nimport { h, F as Fragment } from './index-C0tYQjse.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { b as buildBadgeTextString, s as showExpertSlot } from './reuse-CX4AQDkS.js';\nimport { t as translate } from './i18n-CdSCDnmA.js';\nimport { i as isString$1, K as KolInternalUnderlinedBadgeTextFc } from './InternalUnderlinedBadgeText-CiCiGezF.js';\nimport { K as KolAlertFc } from './Alert-DNIbRJ_i.js';\nimport { a as KolTooltipWcTag } from './component-names-CkE54Ym7.js';\n\nconst validateAdjustHeight = (component, value) => {\n    watchBoolean(component, '_adjustHeight', value);\n};\n\nconst validateHideMsg = (component, value, options) => {\n    watchBoolean(component, '_hideMsg', value, options);\n};\n\nconst validateHint = (component, value) => {\n    watchString(component, '_hint', value);\n};\n\nconst validateMsg = (component, value) => {\n    objectObjectHandler(value, () => {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        watchValidator(component, `_msg`, (value) => {\n            if (value === undefined) {\n                return true;\n            }\n            if (typeof value === 'string' && value.length > 0) {\n                return true;\n            }\n            if (isObject(value) && value !== null) {\n                const desc = value._description;\n                return isString(desc, 1);\n            }\n            return false;\n        }, new Set(['MsgPropType', 'string']), value);\n    });\n};\nfunction checkHasMsg(msg, touched) {\n    var _a;\n    if (!msg) {\n        return false;\n    }\n    const type = typeof msg === 'string' ? 'error' : ((_a = msg._type) !== null && _a !== void 0 ? _a : 'error');\n    const showMsg = touched === true || type !== 'error';\n    return showMsg;\n}\nfunction normalizeMsg(msg) {\n    if (typeof msg === 'string') {\n        try {\n            return parseJson(msg);\n        }\n        catch (e) {\n            return { _description: msg, _type: 'error' };\n        }\n    }\n    if (msg && typeof msg === 'object' && !('_type' in msg)) {\n        return Object.assign(Object.assign({}, msg), { _type: 'error' });\n    }\n    return msg;\n}\n\nconst validateTouched = (component, value) => {\n    watchBoolean(component, '_touched', value);\n};\n\nconst KolFormFieldCharacterLimitHintFc = ({ id, maxLength }) => {\n    return (h(\"span\", { id: `${id}-character-limit-hint`, class: \"visually-hidden\" }, translate('kol-character-limit-hint', { placeholders: { limit: String(maxLength) } })));\n};\n\nconst KolFormFieldCounterFc = ({ currentLength, currentLengthDebounced, maxLength, maxLengthBehavior }) => {\n    let visualText;\n    let ariaText;\n    const counterClasses = ['kol-form-field__counter'];\n    if (maxLengthBehavior === 'hard') {\n        visualText =\n            typeof maxLength === 'number'\n                ? translate('kol-character-counter-current-of-max', { placeholders: { current: String(currentLength), max: String(maxLength) } })\n                : translate('kol-character-counter-current', { placeholders: { current: String(currentLength) } });\n        ariaText =\n            typeof maxLength === 'number'\n                ? translate('kol-character-counter-current-of-max-aria', { placeholders: { current: String(currentLengthDebounced), max: String(maxLength) } })\n                : translate('kol-character-counter-current', { placeholders: { current: String(currentLengthDebounced) } });\n    }\n    else if (typeof maxLength === 'number') {\n        const remainingLive = maxLength - currentLength;\n        const exceededLive = remainingLive < 0;\n        const remainingDebounced = maxLength - currentLengthDebounced;\n        const exceededDebounced = remainingDebounced < 0;\n        visualText = exceededLive\n            ? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remainingLive)) } })\n            : translate('kol-character-limit-remaining', { placeholders: { remaining: String(remainingLive) } });\n        ariaText = exceededDebounced\n            ? translate('kol-character-limit-exceeded', { placeholders: { over: String(Math.abs(remainingDebounced)) } })\n            : translate('kol-character-limit-remaining', { placeholders: { remaining: String(remainingDebounced) } });\n        if (exceededLive) {\n            counterClasses.push('kol-form-field__counter--exceeded');\n        }\n    }\n    else {\n        return null;\n    }\n    return (h(Fragment, null, h(\"span\", { class: clsx(counterClasses), \"aria-hidden\": \"true\", \"data-testid\": \"input-counter\" }, visualText), h(\"span\", { \"aria-live\": \"polite\", class: \"visually-hidden\", \"data-testid\": \"input-counter-aria\" }, ariaText)));\n};\n\nconst KolFormFieldHintFc = (_a) => {\n    var { id, class: classNames, hint, baseClassName = 'kol-form-field' } = _a, other = __rest(_a, [\"id\", \"class\", \"hint\", \"baseClassName\"]);\n    if (!hint) {\n        return null;\n    }\n    return (h(\"span\", Object.assign({ class: clsx(`${baseClassName}__hint`, classNames), id: `${id}-hint` }, other), hint));\n};\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n  return typeof value == 'symbol' ||\n    (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\n/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n  var index = string.length;\n\n  while (index-- && reWhitespace.test(string.charAt(index))) {}\n  return index;\n}\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n  return string\n    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n    : string;\n}\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n  if (typeof value == 'number') {\n    return value;\n  }\n  if (isSymbol(value)) {\n    return NAN;\n  }\n  if (isObject$1(value)) {\n    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n    value = isObject$1(other) ? (other + '') : other;\n  }\n  if (typeof value != 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = baseTrim(value);\n  var isBinary = reIsBinary.test(value);\n  return (isBinary || reIsOctal.test(value))\n    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n    : (reIsBadHex.test(value) ? NAN : +value);\n}\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n *   console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n  return root.Date.now();\n};\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n    nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n *  Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n *  The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n *   'leading': true,\n *   'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n  var lastArgs,\n      lastThis,\n      maxWait,\n      result,\n      timerId,\n      lastCallTime,\n      lastInvokeTime = 0,\n      leading = false,\n      maxing = false,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  wait = toNumber(wait) || 0;\n  if (isObject$1(options)) {\n    leading = !!options.leading;\n    maxing = 'maxWait' in options;\n    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n\n  function invokeFunc(time) {\n    var args = lastArgs,\n        thisArg = lastThis;\n\n    lastArgs = lastThis = undefined;\n    lastInvokeTime = time;\n    result = func.apply(thisArg, args);\n    return result;\n  }\n\n  function leadingEdge(time) {\n    // Reset any `maxWait` timer.\n    lastInvokeTime = time;\n    // Start the timer for the trailing edge.\n    timerId = setTimeout(timerExpired, wait);\n    // Invoke the leading edge.\n    return leading ? invokeFunc(time) : result;\n  }\n\n  function remainingWait(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime,\n        timeWaiting = wait - timeSinceLastCall;\n\n    return maxing\n      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n      : timeWaiting;\n  }\n\n  function shouldInvoke(time) {\n    var timeSinceLastCall = time - lastCallTime,\n        timeSinceLastInvoke = time - lastInvokeTime;\n\n    // Either this is the first call, activity has stopped and we're at the\n    // trailing edge, the system time has gone backwards and we're treating\n    // it as the trailing edge, or we've hit the `maxWait` limit.\n    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n  }\n\n  function timerExpired() {\n    var time = now();\n    if (shouldInvoke(time)) {\n      return trailingEdge(time);\n    }\n    // Restart the timer.\n    timerId = setTimeout(timerExpired, remainingWait(time));\n  }\n\n  function trailingEdge(time) {\n    timerId = undefined;\n\n    // Only invoke if we have `lastArgs` which means `func` has been\n    // debounced at least once.\n    if (trailing && lastArgs) {\n      return invokeFunc(time);\n    }\n    lastArgs = lastThis = undefined;\n    return result;\n  }\n\n  function cancel() {\n    if (timerId !== undefined) {\n      clearTimeout(timerId);\n    }\n    lastInvokeTime = 0;\n    lastArgs = lastCallTime = lastThis = timerId = undefined;\n  }\n\n  function flush() {\n    return timerId === undefined ? result : trailingEdge(now());\n  }\n\n  function debounced() {\n    var time = now(),\n        isInvoking = shouldInvoke(time);\n\n    lastArgs = arguments;\n    lastThis = this;\n    lastCallTime = time;\n\n    if (isInvoking) {\n      if (timerId === undefined) {\n        return leadingEdge(lastCallTime);\n      }\n      if (maxing) {\n        // Handle invocations in a tight loop.\n        clearTimeout(timerId);\n        timerId = setTimeout(timerExpired, wait);\n        return invokeFunc(lastCallTime);\n      }\n    }\n    if (timerId === undefined) {\n      timerId = setTimeout(timerExpired, wait);\n    }\n    return result;\n  }\n  debounced.cancel = cancel;\n  debounced.flush = flush;\n  return debounced;\n}\n\nconst LabelFc = ({ hasExpertSlot, accessKey, shortKey, label, showBadge = true }) => {\n    if (hasExpertSlot) {\n        return h(\"slot\", { name: \"expert\" });\n    }\n    if (!label) {\n        return null;\n    }\n    const hasBadgeText = isString$1(accessKey) || isString$1(shortKey);\n    if (!showBadge || !hasBadgeText) {\n        return h(\"span\", null, label);\n    }\n    const badgeText = buildBadgeTextString(accessKey, shortKey);\n    return (h(Fragment, null, h(KolInternalUnderlinedBadgeTextFc, { badgeText: badgeText, label: label }), \"\\u00A0\", h(\"kbd\", { class: \"badge-text-hint\", \"aria-hidden\": \"true\" }, badgeText)));\n};\nconst KolFormFieldLabelFc = (_a) => {\n    var { component: Component = 'label', id, baseClassName = 'kol-form-field', class: classNames, accessKey, shortKey, label, hideLabel, hasExpertSlot, showBadge } = _a, other = __rest(_a, [\"component\", \"id\", \"baseClassName\", \"class\", \"accessKey\", \"shortKey\", \"label\", \"hideLabel\", \"hasExpertSlot\", \"showBadge\"]);\n    const useTooltipInsteadOfLabel = !hasExpertSlot && hideLabel;\n    return (h(Component, Object.assign({}, other, { class: clsx(`${baseClassName}__label`, classNames), id: !useTooltipInsteadOfLabel ? `${id}-label` : undefined, hidden: useTooltipInsteadOfLabel, htmlFor: id }), h(\"span\", { class: clsx(`${baseClassName}__label-text`) }, h(LabelFc, { hasExpertSlot: hasExpertSlot, accessKey: accessKey, shortKey: shortKey, label: label, showBadge: showBadge }))));\n};\n\nconst FormFieldMsgFc = (_a) => {\n    var _b, _c;\n    var { alert, msg, id, class: classNames } = _a, other = __rest(_a, [\"alert\", \"msg\", \"id\", \"class\"]);\n    const message = normalizeMsg(msg);\n    return (h(KolAlertFc, Object.assign({ id: `${id}-msg`, alert: (_b = message === null || message === void 0 ? void 0 : message._alert) !== null && _b !== void 0 ? _b : alert, hasCloser: false, level: 0, type: (_c = message === null || message === void 0 ? void 0 : message._type) !== null && _c !== void 0 ? _c : 'error', variant: \"msg\", class: clsx('kol-form-field__msg', classNames) }, other), (message === null || message === void 0 ? void 0 : message._description) || undefined));\n};\n\nconst FormFieldTooltipFc = ({ id, align, badgeText, label, class: classNames }) => {\n    return (h(KolTooltipWcTag, { \"aria-hidden\": \"true\", class: clsx('kol-form-field__tooltip', classNames), _badgeText: badgeText, _align: align, _id: `${id}-label`, _label: label }));\n};\n\nfunction getModifierClassNameByMsgType(msg) {\n    if (msg === null || msg === void 0 ? void 0 : msg.type) {\n        return ({\n            default: 'msg-type-default',\n            info: 'msg-type-info',\n            success: 'msg-type-success',\n            warning: 'msg-type-warning',\n            error: 'msg-type-error',\n        }[msg === null || msg === void 0 ? void 0 : msg.type] || '');\n    }\n    return '';\n}\nconst InputContainer = (_a, children) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return (h(\"div\", Object.assign({ class: clsx('kol-form-field__input', classNames) }, other), children));\n};\nconst KolFormFieldFc = (props, children) => {\n    var _a;\n    const { component: Component = 'div', renderNoLabel, renderNoTooltip, renderNoHint, anotherChildren, id, required, alert, disabled, class: classNames, msg, hideMsg, hideLabel, label, hint, accessKey, shortKey, tooltipAlign, counter, readOnly, touched, maxLength, formFieldLabelProps, formFieldHintProps, formFieldTooltipProps, formFieldMsgProps, formFieldInputProps } = props, other = __rest(props, [\"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\"]);\n    const showLabel = !renderNoLabel;\n    const showHint = !renderNoHint;\n    const showTooltip = !renderNoTooltip;\n    const hasExpertSlot = showExpertSlot(label);\n    const showMsg = checkHasMsg(msg, touched);\n    const badgeText = buildBadgeTextString(accessKey, shortKey);\n    const useTooltipInsteadOfLabel = showTooltip && !hasExpertSlot && hideLabel;\n    const msgType = typeof msg === 'string' ? 'error' : ((_a = msg === null || msg === void 0 ? void 0 : msg._type) !== null && _a !== void 0 ? _a : 'error');\n    let stateCssClasses = {\n        ['kol-form-field--disabled']: Boolean(disabled),\n        ['kol-form-field--required']: Boolean(required),\n        ['kol-form-field--touched']: Boolean(touched),\n        ['kol-form-field--hide-label']: Boolean(hideLabel),\n        ['kol-form-field--read-only']: Boolean(readOnly),\n        ['kol-form-field--hidden-msg']: Boolean(hideMsg),\n    };\n    if (showMsg) {\n        stateCssClasses = Object.assign(Object.assign({}, stateCssClasses), { [`kol-form-field--${msgType || 'error'}`]: true, [`kol-form-field--${getModifierClassNameByMsgType({ type: msgType })}`]: true });\n    }\n    return (h(Component, Object.assign({ class: clsx('kol-form-field', stateCssClasses, classNames) }, other), showLabel && (h(KolFormFieldLabelFc, Object.assign({}, (formFieldLabelProps || {}), { id: id, hasExpertSlot: hasExpertSlot, hideLabel: hideLabel, label: label, accessKey: accessKey, shortKey: shortKey }))), h(InputContainer, Object.assign({}, formFieldInputProps), children, useTooltipInsteadOfLabel && hideLabel === true && (h(FormFieldTooltipFc, Object.assign({}, (formFieldTooltipProps || {}), { id: id, label: label, align: tooltipAlign, badgeText: badgeText })))), counter ? h(KolFormFieldCounterFc, Object.assign({}, counter)) : null, maxLength ? h(KolFormFieldCharacterLimitHintFc, { id: id, maxLength: maxLength }) : null, showMsg && !hideMsg && h(FormFieldMsgFc, Object.assign({}, (formFieldMsgProps || {}), { id: id, alert: alert, msg: msg })), showHint && h(KolFormFieldHintFc, Object.assign({}, (formFieldHintProps || {}), { id: id, hint: hint })), anotherChildren));\n};\n\nfunction getDefaultProps({ ariaDescribedBy, hideLabel, label }) {\n    return {\n        title: '',\n        autoCapitalize: 'off',\n        autoCorrect: 'off',\n        'aria-describedby': (ariaDescribedBy === null || ariaDescribedBy === void 0 ? void 0 : ariaDescribedBy.length) ? ariaDescribedBy.join(' ') : undefined,\n        'aria-label': hideLabel && label ? label : undefined,\n    };\n}\n\nclass ControlledInputController extends AssociatedInputController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.component = component;\n    }\n    validateTouched(value) {\n        validateTouched(this.component, value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateTouched(this.component._touched);\n    }\n}\n\nclass InputController extends ControlledInputController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.valueChangeListeners = [];\n        this.onFacade = {\n            onBlur: this.onBlur.bind(this),\n            onChange: this.onChange.bind(this),\n            onClick: this.onClick.bind(this),\n            onFocus: this.onFocus.bind(this),\n            onInput: this.onInput.bind(this),\n        };\n        this.updateCurrentLengthDebounced = debounce((length) => {\n            setState(this.component, '_currentLengthDebounced', length);\n        }, 500);\n        this.component = component;\n    }\n    validateAccessKey(value) {\n        validateAccessKey(this.component, value);\n        validateAccessAndShortKey(value, this.component._shortKey);\n    }\n    validateAdjustHeight(value) {\n        validateAdjustHeight(this.component, value);\n    }\n    validateDisabled(value) {\n        validateDisabled(this.component, value);\n    }\n    validateTooltipAlign(value) {\n        validateTooltipAlign(this.component, value);\n    }\n    validateHideMsg(value) {\n        validateHideMsg(this.component, value, {\n            hooks: {\n                afterPatch: () => {\n                    if (this.component.state._hideMsg) {\n                        a11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n                    }\n                },\n            },\n        });\n    }\n    validateHideLabel(value) {\n        validateHideLabel(this.component, value, {\n            hooks: {\n                afterPatch: () => {\n                    if (this.component.state._hideLabel) {\n                        a11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n                    }\n                },\n            },\n        });\n    }\n    validateHint(value) {\n        validateHint(this.component, value);\n    }\n    validateId(value) {\n        watchString(this.component, '_id', value, { minLength: 1 });\n        if (value === '' || typeof value === 'undefined') {\n            devHint(`A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.`);\n        }\n    }\n    validateLabel(value) {\n        validateLabelWithExpertSlot(this.component, value, {\n            required: true,\n        });\n    }\n    validateMsg(value) {\n        validateMsg(this.component, value);\n    }\n    validateOn(value) {\n        if (typeof value === 'object') {\n            setState(this.component, '_on', value);\n        }\n    }\n    validateShortKey(value) {\n        validateShortKey(this.component, value);\n        validateAccessAndShortKey(this.component._accessKey, value);\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this.component, '_smartButton', value);\n        });\n    }\n    validateTabIndex(value) {\n        validateTabIndex(this.component, value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateAccessKey(this.component._accessKey);\n        this.validateAdjustHeight(this.component._adjustHeight);\n        this.validateMsg(this.component._msg);\n        this.validateDisabled(this.component._disabled);\n        this.validateHideMsg(this.component._hideMsg);\n        this.validateHideLabel(this.component._hideLabel);\n        this.validateHint(this.component._hint);\n        this.validateId(this.component._id);\n        this.validateLabel(this.component._label);\n        this.validateShortKey(this.component._shortKey);\n        this.validateSmartButton(this.component._smartButton);\n        this.validateOn(this.component._on);\n        this.validateTabIndex(this.component._tabIndex);\n        validateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n    }\n    emitEvent(type, value) {\n        if (this.host) {\n            dispatchDomEvent(this.host, type, value);\n        }\n    }\n    onBlur(event) {\n        var _a;\n        this.component._touched = true;\n        this.emitEvent(KolEvent.blur);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onBlur) === 'function') {\n            this.component._on.onBlur(event);\n        }\n    }\n    onChange(event, value) {\n        var _a;\n        if (typeof value === 'undefined') {\n            value = event.target.value;\n        }\n        this.emitEvent(KolEvent.change, value);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {\n            this.component._on.onChange(event, value);\n        }\n        this.valueChangeListeners.forEach((listener) => listener(value));\n    }\n    onInput(event, shouldSetFormAssociatedValue = true, value) {\n        var _a;\n        if (typeof value === 'undefined') {\n            value = event.target.value;\n        }\n        this.emitEvent(KolEvent.input, value);\n        if (shouldSetFormAssociatedValue) {\n            this.setFormAssociatedValue(value);\n        }\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {\n            this.component._on.onInput(event, value);\n        }\n    }\n    onClick(event) {\n        var _a;\n        this.emitEvent(KolEvent.click);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n            this.component._on.onClick(event);\n        }\n    }\n    onFocus(event) {\n        var _a;\n        this.emitEvent(KolEvent.focus);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onFocus) === 'function') {\n            this.component._on.onFocus(event);\n        }\n    }\n    addValueChangeListener(listener) {\n        this.valueChangeListeners.push(listener);\n    }\n    hasSoftCharacterLimit() {\n        return typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';\n    }\n    hasCounter() {\n        return this.component.state._hasCounter === true;\n    }\n}\n\nconst getRenderStates = (state) => {\n    var _a;\n    const msg = state._msg;\n    const description = typeof msg === 'string' ? msg : msg === null || msg === void 0 ? void 0 : msg._description;\n    const type = typeof msg === 'string' ? 'error' : ((_a = msg === null || msg === void 0 ? void 0 : msg._type) !== null && _a !== void 0 ? _a : 'error');\n    const hasMessage = Boolean(description && description.length > 0);\n    const isMessageValidError = type === 'error' && hasMessage;\n    const hasError = isMessageValidError && state._touched === true;\n    const hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n    const ariaDescribedBy = [];\n    if (hasMessage && !state._hideMsg) {\n        ariaDescribedBy.push(`${state._id}-msg`);\n    }\n    if (hasHint) {\n        ariaDescribedBy.push(`${state._id}-hint`);\n    }\n    return { hasError, hasHint, ariaDescribedBy };\n};\n\nfunction getFormFieldProps(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        hideMsg: state._hideMsg,\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 ('_accessKey' in state) {\n        props.accessKey = state._accessKey;\n    }\n    if ('_shortKey' in state) {\n        props.shortKey = state._shortKey;\n    }\n    if ('_maxLength' in state) {\n        props.maxLength = state._maxLength;\n    }\n    if ('_currentLength' in state &&\n        typeof state._currentLength === 'number' &&\n        '_currentLengthDebounced' in state &&\n        typeof state._currentLengthDebounced === 'number') {\n        if ('_hasCounter' in state && state._hasCounter === true) {\n            props.counter = {\n                currentLength: state._currentLength,\n                currentLengthDebounced: state._currentLengthDebounced,\n                maxLength: state._maxLength,\n                maxLengthBehavior: state._maxLengthBehavior || 'hard',\n            };\n        }\n    }\n    return props;\n}\nconst FormFieldStateWrapper = (_a, children) => {\n    var { state } = _a, other = __rest(_a, [\"state\"]);\n    return (h(KolFormFieldFc, Object.assign({}, getFormFieldProps(state), other), children));\n};\n\nexport { FormFieldStateWrapper as F, InputController as I, KolFormFieldLabelFc as K, FormFieldTooltipFc as a, KolFormFieldHintFc as b, checkHasMsg as c, getDefaultProps as d, getRenderStates as g };\n//# sourceMappingURL=FormFieldStateWrapper-B7_kb8IA.js.map\n\n//# sourceMappingURL=FormFieldStateWrapper-B7_kb8IA.js.map"],"names":["validateAdjustHeight","component","value","watchBoolean","validateHideMsg","options","validateHint","watchString","validateMsg","objectObjectHandler","parseJson","watchValidator","isObject","desc","isString","checkHasMsg","msg","touched","_a","type","normalizeMsg","validateTouched","KolFormFieldCharacterLimitHintFc","id","maxLength","h","translate","KolFormFieldCounterFc","currentLength","currentLengthDebounced","maxLengthBehavior","visualText","ariaText","counterClasses","remainingLive","exceededLive","remainingDebounced","exceededDebounced","Fragment","clsx","KolFormFieldHintFc","classNames","hint","baseClassName","other","__rest","symbolTag","isSymbol","isObjectLike","baseGetTag","reWhitespace","trimmedEndIndex","string","index","reTrimStart","baseTrim","NAN","reIsBadHex","reIsBinary","reIsOctal","freeParseInt","toNumber","isObject$1","isBinary","now","root","FUNC_ERROR_TEXT","nativeMax","nativeMin","debounce","func","wait","lastArgs","lastThis","maxWait","result","timerId","lastCallTime","lastInvokeTime","leading","maxing","trailing","invokeFunc","time","args","thisArg","leadingEdge","timerExpired","remainingWait","timeSinceLastCall","timeSinceLastInvoke","timeWaiting","shouldInvoke","trailingEdge","cancel","flush","debounced","isInvoking","LabelFc","hasExpertSlot","accessKey","shortKey","label","showBadge","hasBadgeText","isString$1","badgeText","buildBadgeTextString","KolInternalUnderlinedBadgeTextFc","KolFormFieldLabelFc","Component","hideLabel","useTooltipInsteadOfLabel","FormFieldMsgFc","_b","_c","alert","message","KolAlertFc","FormFieldTooltipFc","align","KolTooltipWcTag","getModifierClassNameByMsgType","InputContainer","children","KolFormFieldFc","props","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","required","disabled","hideMsg","tooltipAlign","counter","readOnly","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps","showLabel","showHint","showTooltip","showExpertSlot","showMsg","msgType","stateCssClasses","getDefaultProps","ariaDescribedBy","ControlledInputController","AssociatedInputController","name","host","InputController","length","setState","validateAccessKey","validateAccessAndShortKey","validateDisabled","validateTooltipAlign","a11yHint","validateHideLabel","devHint","validateLabelWithExpertSlot","validateShortKey","validateTabIndex","dispatchDomEvent","event","KolEvent","listener","shouldSetFormAssociatedValue","getRenderStates","state","description","hasMessage","hasError","hasHint","getFormFieldProps","FormFieldStateWrapper"],"mappings":"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"}

package/dist/assets/controller-icon-D4RNw8pj-SLBZ24GY.js

@@ -1,4 +0,0 @@
-import{h as r,w as O,e as v}from"./index-fxDtDX87.js";import{_ as u}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{K as y}from"./Icon-Bi9w3ZUM-DffEE-SL.js";import{c as g}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{c as P,I as B}from"./FormFieldStateWrapper-B7_kb8IA-BIbZM7nW.js";import{i as _}from"./InternalUnderlinedBadgeText-CiCiGezF-CJTLIOfx.js";import{i as b}from"./isObject-DvSELytj-B0RigBxT.js";import{v as K}from"./icons-72ER78AW-CyA7vKhL.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const C=(n,o)=>{var{position:i="start",class:e}=n,t=u(n,["position","class"]);const c="kol-input-container__adornment",s=`${c}--${i}`;return r("div",Object.assign({class:g(c,s,e)},t),o)};function I(n){return n?Array.isArray(n)?n.length>0:!!n:!1}const N=(n,o)=>{var{class:i}=n,e=u(n,["class"]);return r("div",Object.assign({class:g("kol-input-container__container",i)},e),o)},L=(n,o)=>{const{class:i,startAdornment:e,endAdornment:t,disabled:c,msg:s,touched:a,containerProps:l,startAdornmentProps:d,endAdornmentProps:p}=n,m=u(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),j=P(s,a),k=typeof s=="string"?"error":s?._type,A={"kol-input-container--disabled":c,[`kol-input-container--${k||"error"}`]:j},f=Object.assign({class:g("kol-input-container",A,i)},m);return!I(e)&&!I(t)?r("div",Object.assign({},f),r(N,Object.assign({},l),o)):r("div",Object.assign({},f),r(C,Object.assign({},d,{position:"start"}),e),r(N,Object.assign({},l),o),r(C,Object.assign({},p,{position:"end"}),t))},F=n=>{const{label:o,icons:i,hideLabel:e,disabled:t,onClick:c}=n,s=u(n,["label","icons","hideLabel","disabled","onClick"]);return r(v,Object.assign({_label:o,_disabled:t,_icons:i,_hideLabel:e,_on:{onClick:c}},s))},h=n=>{const{componentName:o="button",label:i,icon:e,onClick:t}=n,c=u(n,["componentName","label","icon","onClick"]);return r(o==="button"?F:y,Object.assign({label:i||"",hideLabel:!0,icons:`codicon codicon-${e}`,onClick:t},c))};function $(n){let o,i;return"_icons"in n&&(o=n._icons),"_smartButton"in n&&(i=n._smartButton),{icons:o,smartButton:i,disabled:n._disabled,msg:n._msg,touched:n._touched}}const V=({state:n,endAdornment:o},i)=>{const{icons:e,smartButton:t,disabled:c,msg:s,touched:a}=$(n);let l=e?.left;_(l)&&(l={icon:l});let d=e?.right;_(d)&&(d={icon:d});const p=[],m=[];return o&&(Array.isArray(o)?m.push(...o):m.push(o)),l&&p.push(r(h,Object.assign({componentName:"icon",class:"kol-input-container__icon"},b(l)?l:{}))),b(t)&&m.push(r(h,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},t,{hideLabel:!0,disabled:c}))),d&&m.push(r(h,Object.assign({componentName:"icon",class:"kol-input-container__icon"},b(d)?d:{}))),r(L,{disabled:c,msg:s,touched:a,startAdornment:p,endAdornment:m},i)};class q extends B{constructor(o,i,e){super(o,i,e),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=t=>typeof t=="number"?isNaN(t)?null:t:this.isNumberString(t)?parseFloat(t):null,this.validateNumber=(t,c)=>O(this.component,t,s=>s==null||typeof s=="number"||typeof s=="string"&&this.numberStringRegex.test(s),new Set(["number","NumberString"]),c,{hooks:{beforePatch:(s,a)=>{a?.has(t)&&a?.set(t,this.parseToNumber(s))}}}),this.component=o}validateIcons(o){K(this.component,o)}isNumberString(o){return typeof o=="string"&&this.numberStringRegex.test(o)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{V as I,h as K,q as a};
-//# sourceMappingURL=controller-icon-D4RNw8pj-SLBZ24GY.js.map