@public-ui/sample-react 3.0.4-rc.1 → 3.0.4

package/src/components/table/non-hidable-columns.tsx

@@ -0,0 +1,34 @@
+import { KolTableStateful } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../SampleDescription';
+
+const DATA = [
+	{ id: '1001', name: 'John', age: 30 },
+	{ id: '1002', name: 'Jane', age: 25 },
+];
+
+export const TableNonHidableColumns: FC = () => (
+	<>
+		<SampleDescription>
+			<p>This example demonstrates a column that cannot be hidden in the settings.</p>
+		</SampleDescription>
+
+		<KolTableStateful
+			_label="Table with a non-hidable column"
+			_minWidth="auto"
+			_headers={{
+				horizontal: [
+					[
+						{ key: 'id', label: 'ID', hidable: false },
+						{ key: 'name', label: 'Name' },
+						{ key: 'age', label: 'Age' },
+					],
+				],
+			}}
+			_data={DATA}
+			className="block"
+			style={{ maxWidth: '600px' }}
+		/>
+	</>
+);

package/src/components/table/routes.ts

@@ -1,20 +1,21 @@
 import { Routes } from '../../shares/types';
-import { PaginationPosition } from './pagination-position';
 import { TableColumnAlignment } from './column-alignment';
 import { TableComplexHeaders } from './complex-headers';
 import { TableHorizontalScrollbar } from './horizontal-scrollbar';
+import { InteractiveChildElements } from './interactive-child-elements';
+import { MultiSortTable } from './multi-sort';
+import { TableNonHidableColumns } from './non-hidable-columns';
+import { PaginationPosition } from './pagination-position';
+import { PredefinedSettings } from './predefined-settings';
 import { TableRenderCell } from './render-cell';
 import { TableSortData } from './sort-data';
-import { TableStateless } from './stateless';
-import { TableWithFooter } from './with-footer';
 import { TableStatefulWithSelection } from './stateful-with-selection';
 import { TableStatefulWithSingleSelection } from './stateful-with-single-selection';
+import { TableStateless } from './stateless';
 import { TableStatelessWithSelection } from './stateless-with-selection';
 import { TableStatelessWithSingleSelection } from './stateless-with-single-selection';
+import { TableWithFooter } from './with-footer';
 import { TableWithPagination } from './with-pagination';
-import { InteractiveChildElements } from './interactive-child-elements';
-import { MultiSortTable } from './multi-sort';
-import { PredefinedSettings } from './predefined-settings';
 
 export const TABLE_ROUTES: Routes = {
 	table: {
@@ -23,6 +24,7 @@ export const TABLE_ROUTES: Routes = {
 		'horizontal-scrollbar': TableHorizontalScrollbar,
 		'interactive-child-elements': InteractiveChildElements,
 		'multi-sort': MultiSortTable,
+		'non-hidable-columns': TableNonHidableColumns,
 		'pagination-position': PaginationPosition,
 		'predefined-settings': PredefinedSettings,
 		'render-cell': TableRenderCell,

package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx

@@ -54,7 +54,13 @@ function TableHorizontalScrollbarAdvanced() {
 
 	return (
 		<>
-			<SampleDescription></SampleDescription>
+			<SampleDescription>
+				<p>
+					This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table
+					automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container
+					width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas.
+				</p>
+			</SampleDescription>
 			<div className="mainlayout">
 				<aside className="nav-area">
 					<KolNav _label="Main navigation" _links={LINKS} _hasCompactButton _hasIconsWhenExpanded />

package/src/scenarios/routes.ts

@@ -8,6 +8,7 @@ import { InputsGetValue } from './inputs-get-value';
 import { PerformanceTest } from './performance-test';
 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 { TooltipPositioning } from './tooltip-positioning';
 
@@ -22,6 +23,7 @@ export const SCENARIO_ROUTES: Routes = {
 		'performance-test': PerformanceTest,
 		'same-height-of-all-interactive-elements': SameHeightOfAllInteractiveElements,
 		'static-form': StaticForm,
+		'sample-form-with-validation': SampleFormWithValidation,
 		'table-horizontal-scrollbar-advanced': TableHorizontalScrollAdvanced,
 		'tooltip-positioning': TooltipPositioning,
 	},

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

@@ -0,0 +1,192 @@
+import React from 'react';
+import { useForm } from 'react-hook-form';
+import type { FieldError } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+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';
+
+const formSchema = z.object({
+	date: z.preprocess(
+		(val) => (typeof val === 'string' || val instanceof Date ? new Date(val) : undefined),
+		z.date({ message: 'Date is required' }).refine((d) => !isNaN(d.getTime()), { message: 'Invalid date' }),
+	),
+
+	text: z.string({ message: 'Please enter text.' }).min(10, 'Text must be at least 10 characters long.'),
+	email: z.string({ message: 'Please enter your email.' }).min(1, 'Please enter your email.').email('Invalid email address.'),
+	password: z
+		.string({ message: 'Please enter a password.' })
+		.min(8, 'Password must be at least 8 characters.')
+		.regex(/[A-Z]/, 'Password must include at least one uppercase letter.')
+		.regex(/[0-9]/, 'Password must include at least one number.'),
+	range: z.number({ message: 'Please select a range.' }).min(30, 'Minimum value is 30.'),
+	number: z.number({ message: 'Please enter a number.' }).min(1, 'Minimum is 1.').max(10, 'Maximum is 10.'),
+	checkbox: z.boolean().refine((val: boolean) => val === true, {
+		message: 'You must accept the terms and conditions.',
+	}),
+
+	radio: z.string({ message: 'Please select a gender.' }).min(1, 'Please select a gender.'),
+	color: z.string({ message: 'Please select a color.' }).min(1, 'Please select a color.'),
+	select: z.string({ message: 'Please select a value.' }).min(1, 'Please select a value.'),
+	singleSelect: z.string({ message: 'Please select a single option.' }).min(1, 'Please select a single option.'),
+	combobox: z.string({ message: 'Please select a country.' }).min(1, 'Please select a country.'),
+	textarea: z.string({ message: 'Please enter a message.' }).min(1, 'Please enter a message.'),
+});
+
+export const SampleFormWithValidation: React.FC = () => {
+	const { dummyClickEventHandler } = useToasterService();
+	const {
+		handleSubmit,
+		formState: { errors, touchedFields },
+		reset,
+		setValue,
+		trigger,
+		watch,
+	} = useForm({
+		mode: 'onBlur',
+		reValidateMode: 'onChange',
+		resolver: zodResolver(formSchema),
+		defaultValues: {
+			range: 30,
+			number: 5,
+		},
+	});
+
+	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,
+			keepTouched: false,
+			keepDirty: false,
+		});
+	};
+
+	const allErrors = Object.entries(errors)
+		.map(([key, value]) => [key, (value as FieldError).message] as const)
+		.filter(([, msg]) => Boolean(msg));
+
+	return (
+		<section className="w-full max-w-3xl mx-auto p-6">
+			<KolHeading _level={2} _label="Sample Form with Validation (Zod)" />
+			<SampleDescription>
+				<p>
+					This example shows validation with <code>react-hook-form</code>, <code>Zod</code>, and an error list.
+				</p>
+			</SampleDescription>
+
+			{allErrors.length > 0 && (
+				<KolAlert _type="error" _label="Please fix the following:" _alert _variant="card">
+					<ul className="list-disc pl-5">
+						{allErrors.map(([key, msg], i) => (
+							<li key={i}>
+								<KolLink
+									_label={msg}
+									_href={`#field-${key}`}
+									_on={{
+										onClick: (e: Event) => {
+											e.preventDefault();
+											const input = document.getElementById(`field-${key}`);
+											input?.focus();
+										},
+									}}
+								/>
+							</li>
+						))}
+					</ul>
+				</KolAlert>
+			)}
+
+			<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
+					_label="Gender"
+					_options={[
+						{ label: 'Female', value: 'f' },
+						{ label: 'Male', value: 'm' },
+					]}
+					{...bind('radio')}
+				/>
+				<KolInputColor _label="Favorite Color" {...bind('color')} />
+				<KolSelect
+					_label="Select"
+					_options={[
+						{ label: 'Option A', value: 'A' },
+						{ label: 'Option B', value: 'B' },
+					]}
+					{...bind('select')}
+				/>
+				<KolSingleSelect
+					_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')} />
+
+				<div className="flex gap-4 mt-4">
+					<KolButton _label="Submit" _type="submit" _variant="primary" />
+					<KolButton _label="Reset" _type="reset" onClick={onReset} />
+				</div>
+			</form>
+		</section>
+	);
+};

package/src/style.scss

@@ -35,7 +35,6 @@ hr {
 	overflow: hidden;
 
 	white-space: nowrap;
-	clip: rect(0 0 0 0);
 	clip-path: inset(50%);
 }
 

package/dist/assets/Alert-BGDOGZ66-CbLEK4aj.js

@@ -1,4 +0,0 @@
-import{_ as C,K as p}from"./Heading-BJWc7lPF-NcrgEiGP.js";import{T as v,h as a,U as f,e as L,V as k,i as E,W as S,F as T}from"./index-CSMXegjk.js";import{c as y}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as s}from"./i18n-CKkAYzG_-D6IaT1Pv.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(T,null,a("span",{class:"visually-hidden"},e),a(E,{class:S,_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!=null&&e.isActive||e!=null&&e.hasBeenActive)&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch{}},j=(e,o)=>{const{class:c={},alert:d=!1,hasCloser:u=!1,label:t,level:_=0,type:r="default",variant:i="msg",onAlertTimeout:l,onCloserClick:b}=e,g=C(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);d&&(w(),setTimeout(()=>{l==null||l()},1e4));const m=v("kol-alert",{hasCloser:!!u,[`type-${r}`]:!0,[`variant-${i}`]:!0}),h=v("kol-alert","heading",{[`h${_}`]:!0}),A=Object.assign({class:y(c,m),role:d?r==="error"?"alert":"status":void 0},g);return a("div",Object.assign({},A,{"data-testid":"alert"}),a("div",{class:"kol-alert__container"},a(N,{label:t,type:r}),a("div",{class:"kol-alert__container-content"},t&&a(p,{class:h,level:_,id:"heading"},t),i==="msg"&&a("span",{class:f,"aria-describedby":t?"heading":void 0},o)),u&&a(L,{class:k,"data-testid":"alert-close-button",_ariaDescription:(t==null?void 0:t.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:R,_on:{onClick:b},_tooltipAlign:"left"})),i==="card"&&a("div",{class:f,"aria-describedby":t?"heading":void 0},o))};export{j as K};
-//# sourceMappingURL=Alert-BGDOGZ66-CbLEK4aj.js.map

package/dist/assets/Collapsible-CV7OHhy1-DSu5qbx_.js

@@ -1,4 +0,0 @@
-import{_ as m,K as f}from"./Heading-BJWc7lPF-NcrgEiGP.js";import{h as s,e as g}from"./index-CSMXegjk.js";import{c as a}from"./clsx-eK3rPvPS-BT_IL7Fz.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const H=(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(f,{ref:i==null?void 0:i.ref,level:v,class:a("collapsible__heading",i==null?void 0:i.class)},s(g,{class:a("collapsible__heading-button",l==null?void 0:l.class),ref:l==null?void 0:l.ref,slot:"expert",_ariaControls:`${n}-control`,_ariaExpanded:e,_disabled:c,_icons:(l==null?void 0:l._icons)||`codicon codicon-${u}`,_label:p,_on:{onClick:_}})),s("div",{class:a("collapsible__wrapper",o==null?void 0:o.wrapperClass)},s("div",{class:a("collapsible__wrapper-animation",o==null?void 0:o.animationClass)},s("div",{"aria-hidden":e===!1?"true":void 0,class:a("collapsible__content",o==null?void 0:o.class),id:`${n}-control`},r))))};export{H as K};
-//# sourceMappingURL=Collapsible-CV7OHhy1-DSu5qbx_.js.map

package/dist/assets/CustomSuggestionsToggle-C60H2vRs-DYTpZfrl.js

@@ -1,4 +0,0 @@
-import{h as t,i as b}from"./index-CSMXegjk.js";import{c as f}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as w}from"./i18n-CKkAYzG_-D6IaT1Pv.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!=null&&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-C60H2vRs-DYTpZfrl.js.map

package/dist/assets/FieldControlStateWrapper-DVc-7hVp-DjSj9RGL.js

@@ -1,4 +0,0 @@
-import{_ as b}from"./Heading-BJWc7lPF-NcrgEiGP.js";import{h as e,F as H}from"./index-CSMXegjk.js";import{c}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{b as S,s as q}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{c as I,a as w,b as M,K as E,d as $}from"./FormFieldStateWrapper-BB8YPxqw-BVGXM8AG.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:a,hideLabel:s,labelAlign:d,renderNoTooltip:_,hint:y,renderNoHint:C,tooltipAlign:F,accessKey:p,shortKey:f,msg:r,touched:h,required:K,readonly:k,fieldControlInputProps:v,fieldControlLabelProps:t,fieldControlTooltipProps:T,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"]),L=!C,P=!_,x=w(r,h),g=q(a),N=P&&!g&&s,j=S(p,f),u=[e(H,null,e(W,Object.assign({},v),l),N&&e(M,Object.assign({},T||{},{id:i,label:a,hideLabel:s,align:F,badgeText:j}))),e(E,Object.assign({},t||{},{id:i,baseClassName:"kol-field-control",class:c(t==null?void 0:t.class,{"kol-field-control__label--visually-hidden":!!s}),hasExpertSlot:g,label:a,accessKey:p,shortKey:f}))];d==="left"&&u.reverse();const A={"kol-field-control--disabled":!!m,"kol-field-control--required":!!K,"kol-field-control--touched":!!h,"kol-field-control--hide-label":!!s,"kol-field-control--read-only":!!k,[`kol-field-control--${(r==null?void 0:r.type)||"error"}`]:!!x,[`kol-field-control--label-align-${d}`]:!!d};return e("div",Object.assign({class:c("kol-field-control",A,n)},B),u,L&&e($,Object.assign({},O||{},{baseClassName:"kol-field-control",id:i,hint:y})))};function D(o){const l={id:o._id,disabled:o._disabled,msg:I(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-DVc-7hVp-DjSj9RGL.js.map

package/dist/assets/FormFieldStateWrapper-BB8YPxqw-BVGXM8AG.js

@@ -1,4 +0,0 @@
-import{h as r,F as q,K as oe,n as V,v as re,s as j,o as R,p as U,d as se,a as K,m as A,w as ae,S as le,t as de,y as w}from"./index-CSMXegjk.js";import{v as ce,a as E,b as he,c as ue}from"./access-and-short-key-Dn89ieoC-CUrk7Zs5.js";import{v as me}from"./disabled-DmIh2qKl-DqCAwnPb.js";import{v as fe}from"./hide-label-CCWliH5X-BQw-HFZI.js";import{a as pe}from"./label-DWoPQebK-CnQuZRJk.js";import{v as ge}from"./tooltip-align-CF4S871j-DfWmlPg6.js";import{A as be}from"./associated.controller-BkDoI80f-n_Ra8XWD.js";import{i as H,a as _e,c as ve,r as ye}from"./isObject-DvSELytj-B0RigBxT.js";import{_ as L}from"./Heading-BJWc7lPF-NcrgEiGP.js";import{c as b}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{K as xe}from"./Alert-BGDOGZ66-CbLEK4aj.js";import{i as $,K as Le}from"./InternalUnderlinedBadgeText-BN6MGm6L-CFSr_NDO.js";import{b as z,s as Fe}from"./reuse-CX4AQDkS-Cyh-fyjG.js";import{t as p}from"./i18n-CKkAYzG_-D6IaT1Pv.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const Te=(e,t)=>{A(e,"_adjustHeight",t)},Ce=(e,t,n)=>{A(e,"_hideMsg",t,n)},Ke=(e,t)=>{V(e,"_hint",t)};function ke(e){return Object.entries(e).reduce((t,[n,i])=>{const o=n.startsWith("_")?n.slice(1):n;return Object.assign(Object.assign({},t),{[o]:i})},{})}const Se=(e,t)=>{R(t,()=>{try{t=U(t)}catch{}ae(e,"_msg",n=>n===void 0||typeof n=="string"&&n.length>0?!0:le(n)&&n!==null?de(n._description,1):!1,new Set(["MsgPropType","string"]),t)})};function G(e){if(e)return typeof e=="string"?{description:e,type:"error"}:ke(e)}function Me(e,t){return e?t===!0||(e==null?void 0:e.type)!=="error":!1}const Oe=(e,t)=>{A(e,"_touched",t)},Ie=e=>{var{alert:t,msg:n,hideMsg:i,id:o,class:a}=e,l=L(e,["alert","msg","hideMsg","id","class"]);return r(xe,Object.assign({id:`${o}-msg`,alert:t,type:"error",class:b("kol-form-field__msg",{"visually-hidden":i===!0},a)},n,l,{"aria-hidden":"true"}),(n==null?void 0:n.description)||void 0)};var je="[object Symbol]";function Ee(e){return typeof e=="symbol"||_e(e)&&ve(e)==je}var Be=/\s/;function He(e){for(var t=e.length;t--&&Be.test(e.charAt(t)););return t}var Ae=/^\s+/;function Ne(e){return e&&e.slice(0,He(e)+1).replace(Ae,"")}var W=NaN,Pe=/^[-+]0x[0-9a-f]+$/i,we=/^0b[01]+$/i,$e=/^0o[0-7]+$/i,We=parseInt;function D(e){if(typeof e=="number")return e;if(Ee(e))return W;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=Ne(e);var n=we.test(e);return n||$e.test(e)?We(e.slice(2),n?2:8):Pe.test(e)?W:+e}var B=function(){return ye.Date.now()},De="Expected a function",qe=Math.max,Ve=Math.min;function Re(e,t,n){var i,o,a,l,s,c,h=0,g=!1,f=!1,u=!0;if(typeof e!="function")throw new TypeError(De);t=D(t)||0,H(n)&&(g=!!n.leading,f="maxWait"in n,a=f?qe(D(n.maxWait)||0,t):a,u="trailing"in n?!!n.trailing:u);function y(d){var m=i,v=o;return i=o=void 0,h=d,l=e.apply(v,m),l}function x(d){return h=d,s=setTimeout(_,t),g?y(d):l}function F(d){var m=d-c,v=d-h,M=t-m;return f?Ve(M,a-v):M}function k(d){var m=d-c,v=d-h;return c===void 0||m>=t||m<0||f&&v>=a}function _(){var d=B();if(k(d))return T(d);s=setTimeout(_,F(d))}function T(d){return s=void 0,u&&i?y(d):(i=o=void 0,l)}function O(){s!==void 0&&clearTimeout(s),h=0,i=c=o=s=void 0}function S(){return s===void 0?l:T(B())}function C(){var d=B(),m=k(d);if(i=arguments,o=this,c=d,m){if(s===void 0)return x(c);if(f)return clearTimeout(s),s=setTimeout(_,t),y(c)}return s===void 0&&(s=setTimeout(_,t)),l}return C.cancel=O,C.flush=S,C}const Ue=({hasExpertSlot:e,accessKey:t,shortKey:n,label:i,showBadge:o=!0})=>{if(e)return r("slot",{name:"expert"});if(!i)return null;const a=$(t)||$(n);if(!o||!a)return r("span",null,i);const l=z(t,n);return r(q,null,r(Le,{badgeText:l,label:i})," ",r("kbd",{class:"badge-text-hint","aria-hidden":"true"},l))},ze=e=>{var{component:t="label",id:n,baseClassName:i="kol-form-field",class:o,accessKey:a,shortKey:l,label:s,hideLabel:c,hasExpertSlot:h,showBadge:g}=e,f=L(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge"]);const u=!h&&c;return r(t,Object.assign({},f,{class:b(`${i}__label`,o),id:u?void 0:`${n}-label`,hidden:u,htmlFor:n}),r("span",{class:b(`${i}__label-text`)},r(Ue,{hasExpertSlot:h,accessKey:a,shortKey:l,label:s,showBadge:g})))},Ge=e=>{var{id:t,class:n,hint:i,baseClassName:o="kol-form-field"}=e,a=L(e,["id","class","hint","baseClassName"]);return i?r("span",Object.assign({class:b(`${o}__hint`,n),id:`${t}-hint`},a),i):null},Je=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:i})=>{let o,a;const l=["kol-form-field__counter"];if(i==="hard")o=typeof n=="number"?p("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):p("kol-character-counter-current",{placeholders:{current:String(e)}}),a=typeof n=="number"?p("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):p("kol-character-counter-current",{placeholders:{current:String(t)}});else if(typeof n=="number"){const s=n-e,c=s<0,h=n-t,g=h<0;o=c?p("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(s))}}):p("kol-character-limit-remaining",{placeholders:{remaining:String(s)}}),a=g?p("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(h))}}):p("kol-character-limit-remaining",{placeholders:{remaining:String(h)}}),c&&l.push("kol-form-field__counter--exceeded")}else return null;return r(q,null,r("span",{class:b(l),"aria-hidden":"true","data-testid":"input-counter"},o),r("span",{"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},a))},Xe=({id:e,maxLength:t})=>r("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},p("kol-character-limit-hint",{placeholders:{limit:String(t)}})),Qe=({id:e,align:t,badgeText:n,hideLabel:i,label:o,class:a})=>r(oe,{"aria-hidden":"true",class:b("kol-form-field__tooltip",a),_badgeText:n,_align:t,_id:i?`${e}-label`:void 0,_label:o});function Ye(e){return e!=null&&e.type&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[e==null?void 0:e.type]||""}const Ze=(e,t)=>{var{class:n}=e,i=L(e,["class"]);return r("div",Object.assign({class:b("kol-form-field__input",n)},i),t)},et=(e,t)=>{const{component:n="div",renderNoLabel:i,renderNoTooltip:o,renderNoHint:a,anotherChildren:l,id:s,required:c,alert:h,disabled:g,class:f,msg:u,hideMsg:y,hideLabel:x,label:F,hint:k,accessKey:_,shortKey:T,tooltipAlign:O,counter:S,readOnly:C,touched:d,maxLength:m,formFieldLabelProps:v,formFieldHintProps:M,formFieldTooltipProps:J,formFieldMsgProps:X,formFieldInputProps:Q}=e,Y=L(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"]),Z=!i,ee=!a,te=!o,N=Fe(F),P=Me(u,d),ne=z(_,T),ie=te&&!N&&x;let I={"kol-form-field--disabled":!!g,"kol-form-field--required":!!c,"kol-form-field--touched":!!d,"kol-form-field--hide-label":!!x,"kol-form-field--read-only":!!C,"kol-form-field--hidden-msg":!!y};return P&&(I=Object.assign(Object.assign({},I),{[`kol-form-field--${(u==null?void 0:u.type)||"error"}`]:!0,[`kol-form-field--${Ye(u)}`]:!0})),r(n,Object.assign({class:b("kol-form-field",I,f)},Y),Z&&r(ze,Object.assign({},v||{},{id:s,hasExpertSlot:N,hideLabel:x,label:F,accessKey:_,shortKey:T})),r(Ze,Object.assign({},Q),t,ie&&r(Qe,Object.assign({},J||{},{id:s,label:F,hideLabel:x,align:O,badgeText:ne}))),S?r(Je,Object.assign({},S)):null,m?r(Xe,{id:s,maxLength:m}):null,P&&r(Ie,Object.assign({},X||{},{id:s,alert:h,msg:u,hideMsg:y})),ee&&r(Ge,Object.assign({},M||{},{id:s,hint:k})),l)};function bt({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":e!=null&&e.length?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}class tt extends be{constructor(t,n,i){super(t,n,i),this.component=t}validateTouched(t){Oe(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class _t extends tt{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=Re(o=>{j(this.component,"_currentLengthDebounced",o)},500),this.component=t}validateAccessKey(t){ce(this.component,t),E(t,this.component._shortKey)}validateAdjustHeight(t){Te(this.component,t)}validateDisabled(t){me(this.component,t)}validateTooltipAlign(t){ge(this.component,t)}validateHideMsg(t){Ce(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){V(this.component,"_id",t,{minLength:1}),(t===""||typeof t>"u")&&re("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(t){pe(this.component,t,{required:!0})}validateMsg(t){Se(this.component,t)}validateOn(t){typeof t=="object"&&j(this.component,"_on",t)}validateShortKey(t){he(this.component,t),E(this.component._accessKey,t)}validateSmartButton(t){R(t,()=>{try{t=U(t)}catch{}j(this.component,"_smartButton",t)})}validateTabIndex(t){ue(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&&se(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 vt=e=>{const t=G(e._msg),n=!!(t!=null&&t.description&&t.description.length>0),o=(t==null?void 0:t.type)==="error"&&n&&e._touched===!0,a=typeof e._hint=="string"&&e._hint.length>0,l=[];return n&&l.push(`${e._id}-msg`),a&&l.push(`${e._id}-hint`),{hasError:o,hasHint:a,ariaDescribedBy:l}};function nt(e){const t={id:e._id,disabled:e._disabled,msg:G(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 yt=(e,t)=>{var{state:n}=e,i=L(e,["state"]);return r(et,Object.assign({},nt(n),i),t)};export{yt as F,_t as I,ze as K,Me as a,Qe as b,G as c,Ge as d,bt as e,vt as g};
-//# sourceMappingURL=FormFieldStateWrapper-BB8YPxqw-BVGXM8AG.js.map

package/dist/assets/Input-cjOEMGqX-mue0BMbG.js

@@ -1,4 +0,0 @@
-import{_ as y}from"./Heading-BJWc7lPF-NcrgEiGP.js";import{h as n,F as k}from"./index-CSMXegjk.js";import{c as f}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{a as B,e as v}from"./FormFieldStateWrapper-BB8YPxqw-BVGXM8AG.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const F=s=>{const{class:d,msg:e,required:a,disabled:o,touched:t,readonly:l,ariaDescribedBy:u,hideLabel:c,label:p,suggestions:i,value:b}=s,r=y(s,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),g=B(e,t),m={"kol-input--disabled":!!o,"kol-input--required":!!a,"kol-input--touched":!!t,"kol-input--readonly":!!l,[`kol-input--${(e==null?void 0:e.type)||"error"}`]:g},h=Object.assign(Object.assign({class:f("kol-input",m,d),required:a,disabled:o,readonly:l,type:"text",list:i?`${r.id}-list`:void 0},v({ariaDescribedBy:u,hideLabel:c,label:p})),r);return n(k,null,n("input",Object.assign({},h,{value:b})),i)};export{F as I};
-//# sourceMappingURL=Input-cjOEMGqX-mue0BMbG.js.map

package/dist/assets/align-floating-elements-_qWSwItV-BduH2X3p.js

@@ -1,4 +0,0 @@
-import{Q as Vt}from"./index-CSMXegjk.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const Y=Math.min,_=Math.max,nt=Math.round,et=Math.floor,P=t=>({x:t,y:t}),Wt={left:"right",right:"left",bottom:"top",top:"bottom"},$t={start:"end",end:"start"};function ft(t,e,n){return _(t,Y(e,n))}function J(t,e){return typeof t=="function"?t(e):t}function z(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function Rt(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}const Bt=new Set(["top","bottom"]);function V(t){return Bt.has(z(t))?"y":"x"}function mt(t){return Rt(V(t))}function Ht(t,e,n){n===void 0&&(n=!1);const o=Z(t),i=mt(t),r=dt(i);let s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=ot(s)),[s,ot(s)]}function _t(t){const e=ot(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>$t[e])}const wt=["left","right"],yt=["right","left"],zt=["top","bottom"],jt=["bottom","top"];function It(t,e,n){switch(t){case"top":case"bottom":return n?e?yt:wt:e?wt:yt;case"left":case"right":return e?zt:jt;default:return[]}}function Yt(t,e,n,o){const i=Z(t);let r=It(z(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(at)))),r}function ot(t){return t.replace(/left|right|bottom|top/g,e=>Wt[e])}function qt(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ct(t){return typeof t!="number"?qt(t):{top:t,right:t,bottom:t,left:t}}function it(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function vt(t,e,n){let{reference:o,floating:i}=t;const r=V(e),s=mt(e),c=dt(s),l=z(e),f=r==="y",d=o.x+o.width/2-i.width/2,u=o.y+o.height/2-i.height/2,g=o[c]/2-i[c]/2;let a;switch(l){case"top":a={x:d,y:o.y-i.height};break;case"bottom":a={x:d,y:o.y+o.height};break;case"right":a={x:o.x+o.width,y:u};break;case"left":a={x:o.x-i.width,y:u};break;default:a={x:o.x,y:o.y}}switch(Z(e)){case"start":a[s]-=g*(n&&f?-1:1);break;case"end":a[s]+=g*(n&&f?-1:1);break}return a}const Xt=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,c=r.filter(Boolean),l=await(s.isRTL==null?void 0:s.isRTL(e));let f=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:u}=vt(f,o,l),g=o,a={},m=0;for(let h=0;h<c.length;h++){const{name:x,fn:p}=c[h],{x:w,y,data:b,reset:v}=await p({x:d,y:u,initialPlacement:o,placement:g,strategy:i,middlewareData:a,rects:f,platform:s,elements:{reference:t,floating:e}});d=w??d,u=y??u,a={...a,[x]:{...a[x],...b}},v&&m<=50&&(m++,typeof v=="object"&&(v.placement&&(g=v.placement),v.rects&&(f=v.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:i}):v.rects),{x:d,y:u}=vt(f,g,l)),h=-1)}return{x:d,y:u,placement:g,strategy:i,middlewareData:a}};async function Tt(t,e){var n;e===void 0&&(e={});const{x:o,y:i,platform:r,rects:s,elements:c,strategy:l}=t,{boundary:f="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:g=!1,padding:a=0}=J(e,t),m=Ct(a),x=c[g?u==="floating"?"reference":"floating":u],p=it(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(x)))==null||n?x:x.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:f,rootBoundary:d,strategy:l})),w=u==="floating"?{x:o,y:i,width:s.floating.width,height:s.floating.height}:s.reference,y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),b=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1},v=it(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:w,offsetParent:y,strategy:l}):w);return{top:(p.top-v.top+m.top)/b.y,bottom:(v.bottom-p.bottom+m.bottom)/b.y,left:(p.left-v.left+m.left)/b.x,right:(v.right-p.right+m.right)/b.x}}const Ut=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:r,platform:s,elements:c,middlewareData:l}=e,{element:f,padding:d=0}=J(t,e)||{};if(f==null)return{};const u=Ct(d),g={x:n,y:o},a=mt(i),m=dt(a),h=await s.getDimensions(f),x=a==="y",p=x?"top":"left",w=x?"bottom":"right",y=x?"clientHeight":"clientWidth",b=r.reference[m]+r.reference[a]-g[a]-r.floating[m],v=g[a]-r.reference[a],F=await(s.getOffsetParent==null?void 0:s.getOffsetParent(f));let R=F?F[y]:0;(!R||!await(s.isElement==null?void 0:s.isElement(F)))&&(R=c.floating[y]||r.floating[m]);const U=b/2-v/2,$=R/2-h[m]/2-1,k=Y(u[p],$),K=Y(u[w],$),B=k,Q=R-h[m]-K,A=R/2-h[m]/2+U,H=ft(B,A,Q),M=!l.arrow&&Z(i)!=null&&A!==H&&r.reference[m]/2-(A<B?k:K)-h[m]/2<0,C=M?A<B?A-B:A-Q:0;return{[a]:g[a]+C,data:{[a]:H,centerOffset:A-H-C,...M&&{alignmentOffset:C}},reset:M}}}),Kt=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:s,initialPlacement:c,platform:l,elements:f}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:g,fallbackStrategy:a="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:h=!0,...x}=J(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const p=z(i),w=V(c),y=z(c)===c,b=await(l.isRTL==null?void 0:l.isRTL(f.floating)),v=g||(y||!h?[ot(c)]:_t(c)),F=m!=="none";!g&&F&&v.push(...Yt(c,h,m,b));const R=[c,...v],U=await Tt(e,x),$=[];let k=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&$.push(U[p]),u){const A=Ht(i,s,b);$.push(U[A[0]],U[A[1]])}if(k=[...k,{placement:i,overflows:$}],!$.every(A=>A<=0)){var K,B;const A=(((K=r.flip)==null?void 0:K.index)||0)+1,H=R[A];if(H&&(!(u==="alignment"?w!==V(H):!1)||k.every(T=>T.overflows[0]>0&&V(T.placement)===w)))return{data:{index:A,overflows:k},reset:{placement:H}};let M=(B=k.filter(C=>C.overflows[0]<=0).sort((C,T)=>C.overflows[1]-T.overflows[1])[0])==null?void 0:B.placement;if(!M)switch(a){case"bestFit":{var Q;const C=(Q=k.filter(T=>{if(F){const N=V(T.placement);return N===w||N==="y"}return!0}).map(T=>[T.placement,T.overflows.filter(N=>N>0).reduce((N,Nt)=>N+Nt,0)]).sort((T,N)=>T[1]-N[1])[0])==null?void 0:Q[0];C&&(M=C);break}case"initialPlacement":M=c;break}if(i!==M)return{reset:{placement:M}}}return{}}}},Qt=new Set(["left","top"]);async function Gt(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=z(n),c=Z(n),l=V(n)==="y",f=Qt.has(s)?-1:1,d=r&&l?-1:1,u=J(e,t);let{mainAxis:g,crossAxis:a,alignmentAxis:m}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return c&&typeof m=="number"&&(a=c==="end"?m*-1:m),l?{x:a*d,y:g*f}:{x:g*f,y:a*d}}const Jt=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:s,middlewareData:c}=e,l=await Gt(e,t);return s===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Zt=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:c={fn:x=>{let{x:p,y:w}=x;return{x:p,y:w}}},...l}=J(t,e),f={x:n,y:o},d=await Tt(e,l),u=V(z(i)),g=Rt(u);let a=f[g],m=f[u];if(r){const x=g==="y"?"top":"left",p=g==="y"?"bottom":"right",w=a+d[x],y=a-d[p];a=ft(w,a,y)}if(s){const x=u==="y"?"top":"left",p=u==="y"?"bottom":"right",w=m+d[x],y=m-d[p];m=ft(w,m,y)}const h=c.fn({...e,[g]:a,[u]:m});return{...h,data:{x:h.x-n,y:h.y-o,enabled:{[g]:r,[u]:s}}}}}};function st(){return typeof window<"u"}function X(t){return Lt(t)?(t.nodeName||"").toLowerCase():"#document"}function O(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function E(t){var e;return(e=(Lt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Lt(t){return st()?t instanceof Node||t instanceof O(t).Node:!1}function L(t){return st()?t instanceof Element||t instanceof O(t).Element:!1}function D(t){return st()?t instanceof HTMLElement||t instanceof O(t).HTMLElement:!1}function bt(t){return!st()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof O(t).ShadowRoot}const te=new Set(["inline","contents"]);function tt(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=S(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!te.has(i)}const ee=new Set(["table","td","th"]);function ne(t){return ee.has(X(t))}const oe=[":popover-open",":modal"];function rt(t){return oe.some(e=>{try{return t.matches(e)}catch{return!1}})}const ie=["transform","translate","scale","rotate","perspective"],se=["transform","translate","scale","rotate","perspective","filter"],re=["paint","layout","strict","content"];function gt(t){const e=ht(),n=L(t)?S(t):t;return ie.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||se.some(o=>(n.willChange||"").includes(o))||re.some(o=>(n.contain||"").includes(o))}function ce(t){let e=W(t);for(;D(e)&&!q(e);){if(gt(e))return e;if(rt(e))return null;e=W(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const le=new Set(["html","body","#document"]);function q(t){return le.has(X(t))}function S(t){return O(t).getComputedStyle(t)}function ct(t){return L(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function W(t){if(X(t)==="html")return t;const e=t.assignedSlot||t.parentNode||bt(t)&&t.host||E(t);return bt(e)?e.host:e}function St(t){const e=W(t);return q(e)?t.ownerDocument?t.ownerDocument.body:t.body:D(e)&&tt(e)?e:St(e)}function G(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=St(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=O(i);if(r){const c=ut(s);return e.concat(s,s.visualViewport||[],tt(i)?i:[],c&&n?G(c):[])}return e.concat(i,G(i,[],n))}function ut(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Pt(t){const e=S(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=D(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,c=nt(n)!==r||nt(o)!==s;return c&&(n=r,o=s),{width:n,height:o,$:c}}function pt(t){return L(t)?t:t.contextElement}function I(t){const e=pt(t);if(!D(e))return P(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Pt(e);let s=(r?nt(n.width):n.width)/o,c=(r?nt(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!c||!Number.isFinite(c))&&(c=1),{x:s,y:c}}const fe=P(0);function Dt(t){const e=O(t);return!ht()||!e.visualViewport?fe:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ae(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==O(t)?!1:e}function j(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=pt(t);let s=P(1);e&&(o?L(o)&&(s=I(o)):s=I(t));const c=ae(r,n,o)?Dt(r):P(0);let l=(i.left+c.x)/s.x,f=(i.top+c.y)/s.y,d=i.width/s.x,u=i.height/s.y;if(r){const g=O(r),a=o&&L(o)?O(o):o;let m=g,h=ut(m);for(;h&&o&&a!==m;){const x=I(h),p=h.getBoundingClientRect(),w=S(h),y=p.left+(h.clientLeft+parseFloat(w.paddingLeft))*x.x,b=p.top+(h.clientTop+parseFloat(w.paddingTop))*x.y;l*=x.x,f*=x.y,d*=x.x,u*=x.y,l+=y,f+=b,m=O(h),h=ut(m)}}return it({width:d,height:u,x:l,y:f})}function xt(t,e){const n=ct(t).scrollLeft;return e?e.left+n:j(E(t)).left+n}function Et(t,e,n){n===void 0&&(n=!1);const o=t.getBoundingClientRect(),i=o.left+e.scrollLeft-(n?0:xt(t,o)),r=o.top+e.scrollTop;return{x:i,y:r}}function ue(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r=i==="fixed",s=E(o),c=e?rt(e.floating):!1;if(o===s||c&&r)return n;let l={scrollLeft:0,scrollTop:0},f=P(1);const d=P(0),u=D(o);if((u||!u&&!r)&&((X(o)!=="body"||tt(s))&&(l=ct(o)),D(o))){const a=j(o);f=I(o),d.x=a.x+o.clientLeft,d.y=a.y+o.clientTop}const g=s&&!u&&!r?Et(s,l,!0):P(0);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-l.scrollLeft*f.x+d.x+g.x,y:n.y*f.y-l.scrollTop*f.y+d.y+g.y}}function de(t){return Array.from(t.getClientRects())}function me(t){const e=E(t),n=ct(t),o=t.ownerDocument.body,i=_(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=_(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+xt(t);const c=-n.scrollTop;return S(o).direction==="rtl"&&(s+=_(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function ge(t,e){const n=O(t),o=E(t),i=n.visualViewport;let r=o.clientWidth,s=o.clientHeight,c=0,l=0;if(i){r=i.width,s=i.height;const f=ht();(!f||f&&e==="fixed")&&(c=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:c,y:l}}function he(t,e){const n=j(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=D(t)?I(t):P(1),s=t.clientWidth*r.x,c=t.clientHeight*r.y,l=i*r.x,f=o*r.y;return{width:s,height:c,x:l,y:f}}function At(t,e,n){let o;if(e==="viewport")o=ge(t,n);else if(e==="document")o=me(E(t));else if(L(e))o=he(e,n);else{const i=Dt(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return it(o)}function Ft(t,e){const n=W(t);return n===e||!L(n)||q(n)?!1:S(n).position==="fixed"||Ft(n,e)}function pe(t,e){const n=e.get(t);if(n)return n;let o=G(t,[],!1).filter(c=>L(c)&&X(c)!=="body"),i=null;const r=S(t).position==="fixed";let s=r?W(t):t;for(;L(s)&&!q(s);){const c=S(s),l=gt(s);!l&&c.position==="fixed"&&(i=null),(r?!l&&!i:!l&&c.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||tt(s)&&!l&&Ft(t,s))?o=o.filter(d=>d!==s):i=c,s=W(s)}return e.set(t,o),o}function xe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const s=[...n==="clippingAncestors"?rt(e)?[]:pe(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((f,d)=>{const u=At(e,d,i);return f.top=_(u.top,f.top),f.right=Y(u.right,f.right),f.bottom=Y(u.bottom,f.bottom),f.left=_(u.left,f.left),f},At(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function we(t){const{width:e,height:n}=Pt(t);return{width:e,height:n}}function ye(t,e,n){const o=D(e),i=E(e),r=n==="fixed",s=j(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const l=P(0);function f(){l.x=xt(i)}if(o||!o&&!r)if((X(e)!=="body"||tt(i))&&(c=ct(e)),o){const a=j(e,!0,r,e);l.x=a.x+e.clientLeft,l.y=a.y+e.clientTop}else i&&f();r&&!o&&i&&f();const d=i&&!o&&!r?Et(i,c):P(0),u=s.left+c.scrollLeft-l.x-d.x,g=s.top+c.scrollTop-l.y-d.y;return{x:u,y:g,width:s.width,height:s.height}}function lt(t){return S(t).position==="static"}function Ot(t,e){if(!D(t)||S(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return E(t)===n&&(n=n.ownerDocument.body),n}function kt(t,e){const n=O(t);if(rt(t))return n;if(!D(t)){let i=W(t);for(;i&&!q(i);){if(L(i)&&!lt(i))return i;i=W(i)}return n}let o=Ot(t,e);for(;o&&ne(o)&&lt(o);)o=Ot(o,e);return o&&q(o)&&lt(o)&&!gt(o)?n:o||ce(t)||n}const ve=async function(t){const e=this.getOffsetParent||kt,n=this.getDimensions,o=await n(t.floating);return{reference:ye(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function be(t){return S(t).direction==="rtl"}const Ae={convertOffsetParentRelativeRectToViewportRelativeRect:ue,getDocumentElement:E,getClippingRect:xe,getOffsetParent:kt,getElementRects:ve,getClientRects:de,getDimensions:we,getScale:I,isElement:L,isRTL:be};function Mt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Oe(t,e){let n=null,o;const i=E(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function s(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),r();const f=t.getBoundingClientRect(),{left:d,top:u,width:g,height:a}=f;if(c||e(),!g||!a)return;const m=et(u),h=et(i.clientWidth-(d+g)),x=et(i.clientHeight-(u+a)),p=et(d),y={rootMargin:-m+"px "+-h+"px "+-x+"px "+-p+"px",threshold:_(0,Y(1,l))||1};let b=!0;function v(F){const R=F[0].intersectionRatio;if(R!==l){if(!b)return s();R?s(!1,R):o=setTimeout(()=>{s(!1,1e-7)},1e3)}R===1&&!Mt(f,t.getBoundingClientRect())&&s(),b=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function De(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,f=pt(t),d=i||r?[...f?G(f):[],...G(e)]:[];d.forEach(p=>{i&&p.addEventListener("scroll",n,{passive:!0}),r&&p.addEventListener("resize",n)});const u=f&&c?Oe(f,n):null;let g=-1,a=null;s&&(a=new ResizeObserver(p=>{let[w]=p;w&&w.target===f&&a&&(a.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame(()=>{var y;(y=a)==null||y.observe(e)})),n()}),f&&!l&&a.observe(f),a.observe(e));let m,h=l?j(t):null;l&&x();function x(){const p=j(t);h&&!Mt(h,p)&&n(),h=p,m=requestAnimationFrame(x)}return n(),()=>{var p;d.forEach(w=>{i&&w.removeEventListener("scroll",n),r&&w.removeEventListener("resize",n)}),u==null||u(),(p=a)==null||p.disconnect(),a=null,l&&cancelAnimationFrame(m)}}const Re=Jt,Ce=Zt,Te=Kt,Le=Ut,Se=(t,e,n)=>{const o=new Map,i={platform:Ae,...n},r={...i.platform,_c:o};return Xt(t,e,{...i,platform:r})},Ee=async({floatingElement:t,referenceElement:e,arrowElement:n,align:o="top"})=>{var i,r,s;if(!Vt()){const c=[Re((i=n==null?void 0:n.offsetHeight)!==null&&i!==void 0?i:10),Te(),Ce()];n&&c.push(Le({element:n}));const{x:l,y:f,middlewareData:d,placement:u}=await Se(e,t,{placement:o,middleware:c,strategy:"fixed"});Object.assign(t.style,{left:`${l}px`,top:`${f}px`,visibility:"visible"}),n&&(!((r=d.arrow)===null||r===void 0)&&r.x?Object.assign(n.style,{left:`${d.arrow.x}px`,top:u==="bottom"?`${-n.offsetHeight/2}px`:"",bottom:u==="top"?`${-n.offsetHeight/2}px`:""}):!((s=d.arrow)===null||s===void 0)&&s.y&&Object.assign(n.style,{left:u==="right"?`${-n.offsetWidth/2}px`:"",right:u==="left"?`${-n.offsetWidth/2}px`:"",top:`${d.arrow.y}px`}))}};export{Ee as a,De as b};
-//# sourceMappingURL=align-floating-elements-_qWSwItV-BduH2X3p.js.map