@public-ui/sample-react 3.0.2-rc.0 → 3.0.2-rc.1

package/src/components/input-date/basic.tsx

@@ -11,6 +11,6 @@ export const InputDateBasic: FC = () => (
 			<p>KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputDateVariants} />
+		<FormWrap RefComponent={InputDateVariants} showButtons={false} />
 	</>
 );

package/src/components/input-email/basic.tsx

@@ -11,6 +11,6 @@ export const InputEmailBasic: FC = () => (
 			<p>KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputEmailVariants} />
+		<FormWrap RefComponent={InputEmailVariants} showButtons={false} />
 	</>
 );

package/src/components/input-file/basic.tsx

@@ -11,6 +11,6 @@ export const InputFileBasic: FC = () => (
 			<p>KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputFileVariants} />
+		<FormWrap RefComponent={InputFileVariants} showButtons={false} />
 	</>
 );

package/src/components/input-number/basic.tsx

@@ -14,6 +14,6 @@ export const InputNumberBasic: FC = () => (
 				emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.
 			</p>
 		</SampleDescription>
-		<FormWrap RefComponent={InputNumberVariants} />
+		<FormWrap RefComponent={InputNumberVariants} showButtons={false} />
 	</>
 );

package/src/components/input-password/basic.tsx

@@ -11,6 +11,6 @@ export const InputPasswordBasic: FC = () => (
 			<p>KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputPasswordVariants} />
+		<FormWrap RefComponent={InputPasswordVariants} showButtons={false} />
 	</>
 );

package/src/components/input-radio/basic.tsx

@@ -11,6 +11,6 @@ export const InputRadioBasic: FC = () => (
 			<p>KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputRadioVariants} />
+		<FormWrap RefComponent={InputRadioVariants} showButtons={false} />
 	</>
 );

package/src/components/input-range/basic.tsx

@@ -14,6 +14,6 @@ export const InputRangeBasic: FC = () => (
 			</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputRangeVariants} />
+		<FormWrap RefComponent={InputRangeVariants} showButtons={false} />
 	</>
 );

package/src/components/input-text/basic.tsx

@@ -11,6 +11,6 @@ export const InputTextBasic: FC = () => (
 			<p>KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={InputTextVariants} />
+		<FormWrap RefComponent={InputTextVariants} showButtons={false} />
 	</>
 );

package/src/components/input-text/text-formatter.tsx

@@ -115,7 +115,7 @@ export function InputTextFormatterDemo() {
 														return <KolInputText _label="Currency" _type={type} _value={value} _on={{ onBlur, onChange, onFocus }} />;
 													}}
 													displayType="input"
-													value={typeof field.value === 'number' ? Number(field.value).toFixed(2) : undefined}
+													value={typeof field.value === 'number' ? field.value.toFixed(2) : undefined}
 													onBlur={() => {
 														void form.setFieldTouched('currency', true);
 													}}

package/src/components/popover-button/basic.tsx

@@ -1,19 +1,34 @@
 import type { FC } from 'react';
-import { useContext } from 'react';
 import React from 'react';
 import { SampleDescription } from '../SampleDescription';
-import { KolButton, KolPopoverButton, KolBadge } from '@public-ui/react';
+import { KolPopoverButton, KolToolbar, KolHeading } from '@public-ui/react';
 import { useToasterService } from '../../hooks/useToasterService';
-import { HideMenusContext } from '../../shares/HideMenusContext';
 
 export const PopoverButtonBasic: FC = () => {
-	const hideMenus = useContext(HideMenusContext);
 	const { dummyClickEventHandler } = useToasterService();
 
 	const dummyEventHandler = {
 		onClick: dummyClickEventHandler,
 	};
 
+	const TOOLBAR_ITEMS = [
+		{
+			_label: 'Edit',
+			_icons: 'codicon codicon-edit',
+			_on: dummyEventHandler,
+		},
+		{
+			_label: 'Delete',
+			_icons: 'codicon codicon-trash',
+			_on: dummyEventHandler,
+		},
+		{
+			_label: 'Duplicate',
+			_icons: 'codicon codicon-copy',
+			_on: dummyEventHandler,
+		},
+	];
+
 	return (
 		<>
 			<SampleDescription>
@@ -22,32 +37,24 @@ export const PopoverButtonBasic: FC = () => {
 					right, bottom, left) using the <code>_popoverAlign</code> prop.
 				</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
-
-			<div className="flex flex-wrap gap-4">
-				<KolPopoverButton _label={'Open popover'} _variant="primary" _icons={{ right: 'codicon codicon-chevron-down' }}>
-					<KolButton _label="Button within popover" _variant="primary" _on={dummyEventHandler} />
-					<br />
-					<br />
-					<KolButton _label="Second Button within popover" _on={dummyEventHandler} />
-				</KolPopoverButton>
 
-				<KolPopoverButton _label="Open popover" _popoverAlign="right" _icons={{ right: 'codicon codicon-chevron-right' }}>
-					<p className="w-sm">
-						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum!
-						Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.
-					</p>
-				</KolPopoverButton>
+			<div className="flex flex-col gap-4">
+				<KolHeading _label="Vertical toolbar with action buttons" _level={2}></KolHeading>
 
-				<KolPopoverButton _label="icon-only with tooltip" _icons="codicon codicon-info" _tooltipAlign="right" _hideLabel>
-					This is an explanation shown on click.
+				<KolPopoverButton _label={'Actions'} _variant="primary" _icons={{ right: 'codicon codicon-chevron-down' }}>
+					<KolToolbar _label="Action toolbar" _items={TOOLBAR_ITEMS} _orientation="vertical" />
 				</KolPopoverButton>
 
-				<KolPopoverButton _label="">
-					<span slot="expert">
-						<u>Expert slot content</u>
-					</span>
-					This sample illustrates a button with expert slot.
+				<KolHeading _label="Info icon with help text" _level={2}></KolHeading>
+
+				<KolPopoverButton _label="Help" _icons="codicon codicon-info" _popoverAlign="right" _tooltipAlign="bottom" _hideLabel>
+					<div className="w-sm p-2 border border-solid border-gray">
+						<KolHeading _label="Help Information" _level={3}></KolHeading>
+						<p>
+							<u>Lorem ipsum dolor sit amet</u>, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum!
+							Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.
+						</p>
+					</div>
 				</KolPopoverButton>
 			</div>
 		</>

package/src/components/select/basic.tsx

@@ -11,6 +11,6 @@ export const SelectBasic: FC = () => (
 			<p>KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={SelectVariants} />
+		<FormWrap RefComponent={SelectVariants} showButtons={false} />
 	</>
 );

package/src/components/single-select/basic.tsx

@@ -1,23 +1,17 @@
 import React from 'react';
 import type { FC } from 'react';
 import { FormWrap } from '../FormWrap';
-import { HideMenusContext } from '../../shares/HideMenusContext';
 import { SampleDescription } from '../SampleDescription';
 import { SingleSelectVariants } from './partials/variants';
-import { useContext } from 'react';
-import { KolBadge } from '@public-ui/react';
 
 export const SingleSelectBasic: FC = () => {
-	const hideMenus = useContext(HideMenusContext);
-
 	return (
 		<>
 			<SampleDescription>
 				<p>SingleSelect provides a select field for a single value, supported by a search field.</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
-			<FormWrap RefComponent={SingleSelectVariants} />
+			<FormWrap RefComponent={SingleSelectVariants} showButtons={false} />
 		</>
 	);
 };

package/src/components/table/render-cell.tsx

@@ -84,7 +84,6 @@ const HEADERS: KoliBriTableHeaders = {
 			},
 			{
 				label: 'Action (react)',
-				key: 'action',
 				width: '20em',
 
 				/* Example 4: Render function using React */

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

@@ -19,7 +19,6 @@ const HEADERS_HORIZONTAL: KoliBriTableHeaders = {
 			{ label: 'order', key: 'order', textAlign: 'center' },
 			{
 				label: 'date',
-				key: 'date',
 				textAlign: 'center',
 				render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
 				compareFn: (data0, data1) => {
@@ -38,7 +37,6 @@ const HEADERS_VERTICAL: KoliBriTableHeaders = {
 			{ label: 'order', key: 'order', textAlign: 'center' },
 			{
 				label: 'date',
-				key: 'date',
 				textAlign: 'center',
 				render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
 				compareFn: (data0, data1) => {

package/src/components/textarea/basic.tsx

@@ -11,6 +11,6 @@ export const TextareaBasic: FC = () => (
 			<p>KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.</p>
 		</SampleDescription>
 
-		<FormWrap RefComponent={TextareaVariants} />
+		<FormWrap RefComponent={TextareaVariants} showButtons={false} />
 	</>
 );

package/src/components/toast/basic.tsx

@@ -20,6 +20,9 @@ export const ToastBasic: FC = () => {
 			description: 'Toasty',
 			label: `Initial Toast`,
 			type: 'warning',
+			onClose: () => {
+				console.log('Simple toast has been closed.');
+			},
 		});
 	};
 

package/src/components/toolbar/basic.tsx

@@ -1,7 +1,6 @@
 import type { FC } from 'react';
-import React, { useContext } from 'react';
-import { KolBadge, KolHeading, KolToolbar } from '@public-ui/react';
-import { HideMenusContext } from '../../shares/HideMenusContext';
+import React from 'react';
+import { KolHeading, KolToolbar } from '@public-ui/react';
 import { SampleDescription } from '../SampleDescription';
 
 export const ToolbarBasic: FC = () => {
@@ -36,7 +35,6 @@ export const ToolbarBasic: FC = () => {
 			_label: 'Bold',
 		},
 	];
-	const hideMenus = useContext(HideMenusContext);
 	return (
 		<>
 			<SampleDescription>
@@ -45,7 +43,6 @@ export const ToolbarBasic: FC = () => {
 					features button and link elements.
 				</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
 			<div className="flex flex-col gap-4">
 				<KolHeading _label="Orientation horizontal" _level={2} />

package/src/components/toolbar/disabled.tsx

@@ -1,17 +1,14 @@
 import type { FC } from 'react';
-import React, { useContext } from 'react';
-import { KolBadge, KolToolbar } from '@public-ui/react';
-import { HideMenusContext } from '../../shares/HideMenusContext';
+import React from 'react';
+import { KolToolbar } from '@public-ui/react';
 import { SampleDescription } from '../SampleDescription';
 
 export const ToolbarDisabled: FC = () => {
-	const hideMenus = useContext(HideMenusContext);
 	return (
 		<>
 			<SampleDescription>
 				<p>This sample shows KolToolbars with some of the elements disabled.</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
 			<KolToolbar
 				_label="Toolbar"

package/src/components/tree/basic.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useContext, useState } from 'react';
-import { KolBadge, KolButton, KolTree, KolTreeItem } from '@public-ui/react';
+import { KolButton, KolTree, KolTreeItem } from '@public-ui/react';
 import { getRandomEmoji } from '../../shares/randomEmoji';
 import { useParams } from 'react-router';
 import { HideMenusContext } from '../../shares/HideMenusContext';
@@ -29,7 +29,6 @@ export const TreeBasic: FC = () => {
 			<SampleDescription>
 				<p>KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.</p>
 			</SampleDescription>
-			{!hideMenus && <KolBadge className="block mb-3" _label="Component is a DRAFT - Don't use in production yet." _color="#db5461" />}
 
 			<KolTree _label="Sitemap" class="block w-fit">
 				<KolTreeItem _label={homeLabel} {...getItemProps('home')}></KolTreeItem>

package/src/react.main.tsx

@@ -30,6 +30,11 @@ if (ENABLE_TAG_NAME_TRANSFORMER) {
 const getThemes = async () => {
 	if (process.env.THEME_MODULE) {
 		/* Visual regression testing mode: Themes are overridden with a certain theme module, that should be used instead. */
+		if (process.env.PLATFORM === 'win32') {
+			/* Add leading slash, required for ESBuild on Windows.
+			   Note: process.env.THEME_MODULE must be used literally in the import(). Moving it to a constant breaks the import. */
+			process.env.THEME_MODULE = `/${process.env.THEME_MODULE}`;
+		}
 		const { [(process.env.THEME_EXPORT as string) || 'default']: theme } = (await import(/* @vite-ignore */ process.env.THEME_MODULE)) as Record<string, Theme>;
 		return [theme];
 	}

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

@@ -47,7 +47,7 @@ function TableHorizontalScrollbarAdvanced() {
 		let width = 0;
 
 		for (const def of columnDefinitions as { width: string }[]) {
-			width += Number(def.width?.replace('px', '') || 0);
+			width += parseFloat(def.width?.replace('px', '') || '0');
 		}
 		return `${width}px`;
 	});

package/src/shares/theme.ts

@@ -4,9 +4,9 @@ export const THEMES = ['default', 'ecl-ec', 'ecl-eu', 'unstyled'] as const;
 export type Theme = (typeof THEMES)[number];
 export type ThemeAndUnstyled = Theme | 'unstyled';
 
-const drafts: ThemeAndUnstyled[] = ['ecl-ec', 'ecl-eu'];
+// const drafts: ThemeAndUnstyled[] = ['ecl-ec', 'ecl-eu'];
 
-export const isDraftTheme = (theme: ThemeAndUnstyled) => drafts.includes(theme);
+// export const isDraftTheme = (theme: ThemeAndUnstyled) => drafts.includes(theme);
 
 export const isTheme = (value: unknown) => {
 	return THEMES.find((theme) => theme === value) !== undefined;

package/src/style.scss

@@ -63,6 +63,7 @@ hr {
 	.app-sidebar {
 		border-right: 1px solid gray;
 		position: relative;
+		z-index: 1;
 
 		& .scrollable-container-wrapper {
 			position: fixed;

package/tsconfig.json

@@ -26,5 +26,6 @@
 		"jsxFactory": "React.createElement",
 		"jsxFragmentFactory": "React.Fragment"
 	},
-	"include": ["**/*.ts", "**/*.tsx"]
+	"include": ["**/*.ts", "**/*.tsx"],
+	"exclude": ["node_modules", "dist"]
 }

package/vite.config.ts

@@ -2,6 +2,7 @@ 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';
 
 function getGitCommitHash(): string | null {
 	try {
@@ -21,12 +22,12 @@ export default defineConfig({
 		'process.env.ENABLE_THEME_PATCHING': JSON.stringify(process.env.ENABLE_THEME_PATCHING || ''),
 		'process.env.BUILD_DATE': JSON.stringify(new Date().toISOString()),
 		'process.env.COMMIT_HASH': JSON.stringify(getGitCommitHash()),
+		'process.env.PLATFORM': JSON.stringify(process.platform),
 	},
 	build: {
 		sourcemap: true,
 	},
 	server: {
 		port: 9191,
-		strictPort: true,
 	},
 });

package/dist/assets/Alert-4f2f7115-DHdieC0P.js

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

package/dist/assets/Alert-4f2f7115-DHdieC0P.js.map

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

package/dist/assets/CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js

@@ -1,4 +0,0 @@
-import{h as r,i as l}from"./index-BUj5OwnR.js";import{t as g}from"./i18n-260f0fe9-D-uh70qY.js";import{c as a}from"./clsx-09a06a12-BT_IL7Fz.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const h=o=>{var s;const t=((s=o._msg)===null||s===void 0?void 0:s._type)==="error"&&o._touched===!0,i=typeof o._hint=="string"&&o._hint.length>0,n=[];return t===!0&&n.push(`${o._id}-error`),i===!0&&n.push(`${o._id}-hint`),{hasMsg:t,hasHint:i,ariaDescribedBy:n}},_=({onClick:o,disabled:s})=>r("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:s},r(l,{_icons:"codicon codicon-triangle-down",_label:g("kol-dropdown")})),b=({index:o,ref:s,selected:e,onClick:t,onMouseOver:i,onFocus:n,onKeyDown:u,option:c})=>r("li",{id:`option-${o}`,key:`-${o}`,ref:s,"data-index":o,tabIndex:-1,role:"option","aria-selected":e?"true":void 0,onClick:t,onMouseOver:i,onFocus:n,class:"kol-custom-suggestions-option",onKeyDown:u},c),f=({blockSuggestionMouseOver:o,onKeyDown:s,style:e},t)=>r("ul",{role:"listbox",style:e,class:a("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:s},t);export{_ as C,f as a,b,h as g};
-//# sourceMappingURL=CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js.map

package/dist/assets/CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsOptionsGroup-06278bda-CtlVs9xL.js","sources":["../../../../components/dist/esm/CustomSuggestionsOptionsGroup-06278bda.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h } from './index-2f6c3929.js';\nimport { e as KolIconTag } from './component-names-553d8bfa.js';\nimport { t as translate } from './i18n-260f0fe9.js';\nimport { c as clsx } from './clsx-09a06a12.js';\n\nconst getRenderStates = (state) => {\n    var _a;\n    const isMessageValid = ((_a = state._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error';\n    const hasMsg = isMessageValid && state._touched === true;\n    const hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n    const ariaDescribedBy = [];\n    if (hasMsg === true) {\n        ariaDescribedBy.push(`${state._id}-error`);\n    }\n    if (hasHint === true) {\n        ariaDescribedBy.push(`${state._id}-hint`);\n    }\n    return { hasMsg, hasHint, ariaDescribedBy };\n};\n\nconst CustomSuggestionsToggleFc = ({ onClick, disabled }) => {\n    return (h(\"button\", { tabindex: \"-1\", class: \"kol-custom-suggestions-toggle\", onClick: onClick, disabled: disabled },\n        h(KolIconTag, { _icons: \"codicon codicon-triangle-down\", _label: translate('kol-dropdown') })));\n};\n\nconst CustomSuggestionsOptionFc = ({ index, ref, selected, onClick, onMouseOver, onFocus, onKeyDown, option }) => {\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 }, option));\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\nexport { CustomSuggestionsToggleFc as C, CustomSuggestionsOptionsGroupFc as a, CustomSuggestionsOptionFc as b, getRenderStates as g };\n\n//# sourceMappingURL=CustomSuggestionsOptionsGroup-06278bda.js.map"],"names":["getRenderStates","state","_a","hasMsg","hasHint","ariaDescribedBy","CustomSuggestionsToggleFc","onClick","disabled","h","KolIconTag","translate","CustomSuggestionsOptionFc","index","ref","selected","onMouseOver","onFocus","onKeyDown","option","CustomSuggestionsOptionsGroupFc","blockSuggestionMouseOver","style","children","clsx"],"mappings":"+IAAA;AAAA;AAAA,GAQK,MAACA,EAAmBC,GAAU,CAC/B,IAAIC,EAEJ,MAAMC,IADmBD,EAAKD,EAAM,QAAU,MAAQC,IAAO,OAAS,OAASA,EAAG,SAAW,SAC5DD,EAAM,WAAa,GAC9CG,EAAU,OAAOH,EAAM,OAAU,UAAYA,EAAM,MAAM,OAAS,EAClEI,EAAkB,CAAE,EAC1B,OAAIF,IAAW,IACXE,EAAgB,KAAK,GAAGJ,EAAM,GAAG,QAAQ,EAEzCG,IAAY,IACZC,EAAgB,KAAK,GAAGJ,EAAM,GAAG,OAAO,EAErC,CAAE,OAAAE,EAAQ,QAAAC,EAAS,gBAAAC,CAAiB,CAC/C,EAEMC,EAA4B,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAClCC,EAAE,SAAU,CAAE,SAAU,KAAM,MAAO,gCAAiC,QAASF,EAAS,SAAUC,CAAU,EAChHC,EAAEC,EAAY,CAAE,OAAQ,gCAAiC,OAAQC,EAAU,cAAc,CAAC,CAAE,CAAC,EAG/FC,EAA4B,CAAC,CAAE,MAAAC,EAAO,IAAAC,EAAK,SAAAC,EAAU,QAAAR,EAAS,YAAAS,EAAa,QAAAC,EAAS,UAAAC,EAAW,OAAAC,KACzFV,EAAE,KAAM,CAAE,GAAI,UAAUI,CAAK,GAAI,IAAK,IAAIA,CAAK,GAAI,IAAKC,EAAK,aAAcD,EAAO,SAAU,GAAI,KAAM,SAAU,gBAAiBE,EAAW,OAAS,OAAW,QAASR,EAAS,YAAaS,EAAa,QAASC,EAAS,MAAO,gCAAiC,UAAWC,CAAW,EAAEC,CAAM,EAG1SC,EAAkC,CAAC,CAAE,yBAAAC,EAA0B,UAAAH,EAAW,MAAAI,CAAK,EAAIC,IAC7Ed,EAAE,KAAM,CAAE,KAAM,UAAW,MAAOa,EAAO,MAAOE,EAAK,uCAAwC,CAC7F,sDAAuDH,CAC1D,CAAA,EAAG,UAAWH,CAAW,EAAEK,CAAQ"}

package/dist/assets/Heading-7b90eeb4-By_ofI9Z.js

@@ -1,4 +0,0 @@
-import{_ as i}from"./tslib.es6-1173d062-BAJoBDh7.js";import{h as r}from"./index-BUj5OwnR.js";import{c}from"./clsx-09a06a12-BT_IL7Fz.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const t=1,k=6;function O(e){return e>=t&&e<=k}function p(e){return O(e)?`h${e}`:"strong"}function j(e){return e===1?"span":p(e)}const g=(e,a)=>{var{class:n,level:l=t}=e,o=i(e,["class","level"]);const s=p(l);return r(s,Object.assign({class:c("kol-headline",`kol-headline--${s}`,n)},o),a)},v=(e,a)=>{var{class:n,level:l=t}=e,o=i(e,["class","level"]);const s=j(l+1);return r(s,Object.assign({class:c("kol-headline kol-headline--group kol-headline--secondary",n)},o),a)},E=(e,a)=>{var{secondaryHeadline:n,level:l=t,class:o,HeadingGroupProps:s={},SecondaryHeadlineProps:u={}}=e,h=i(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const d=Object.assign({level:l},h);if(!n)return r(g,Object.assign({class:c(o,"kol-headline--single")},d),a);const{class:H}=s,m=i(s,["class"]),b=Object.assign({class:c("kol-heading-group",H)},m);return r("hgroup",Object.assign({},b),r(g,Object.assign({class:c(o,"kol-headline--group","kol-headline--primary")},d),a),r(v,Object.assign({level:l},u),n))};export{E as K};
-//# sourceMappingURL=Heading-7b90eeb4-By_ofI9Z.js.map

package/dist/assets/Heading-7b90eeb4-By_ofI9Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading-7b90eeb4-By_ofI9Z.js","sources":["../../../../components/dist/esm/Heading-7b90eeb4.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { _ as __rest } from './tslib.es6-1173d062.js';\nimport { h } from './index-2f6c3929.js';\nimport { c as clsx } from './clsx-09a06a12.js';\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\nfunction isValidHeadingLevel(level) {\n    return level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\nfunction getHeadlineTag(level) {\n    return isValidHeadingLevel(level) ? `h${level}` : 'strong';\n}\nfunction getSubHeadlineTag(level) {\n    return level === 1 ? 'span' : getHeadlineTag(level);\n}\nconst KolHeadlineFc = (_a, children) => {\n    var { class: classNames, level = MIN_HEADING_LEVEL } = _a, other = __rest(_a, [\"class\", \"level\"]);\n    const HeadlineTag = getHeadlineTag(level);\n    return (h(HeadlineTag, Object.assign({ class: clsx('kol-headline', `kol-headline--${HeadlineTag}`, classNames) }, other), children));\n};\nconst KolSecondaryHeadlineFc = (_a, children) => {\n    var { class: classNames, level = MIN_HEADING_LEVEL } = _a, other = __rest(_a, [\"class\", \"level\"]);\n    const HeadlineTag = getSubHeadlineTag(level + 1);\n    return (h(HeadlineTag, Object.assign({ class: clsx('kol-headline kol-headline--group kol-headline--secondary', classNames) }, other), children));\n};\nconst KolHeadingFc = (_a, children) => {\n    var { secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {} } = _a, other = __rest(_a, [\"secondaryHeadline\", \"level\", \"class\", \"HeadingGroupProps\", \"SecondaryHeadlineProps\"]);\n    const headlineProps = Object.assign({ level }, other);\n    if (!secondaryHeadline) {\n        return (h(KolHeadlineFc, Object.assign({ class: clsx(classNames, 'kol-headline--single') }, headlineProps), children));\n    }\n    const { class: groupClassNames } = HeadingGroupProps, groupOthers = __rest(HeadingGroupProps, [\"class\"]);\n    const headlineGroupProps = Object.assign({ class: clsx('kol-heading-group', groupClassNames) }, groupOthers);\n    return (h(\"hgroup\", Object.assign({}, headlineGroupProps),\n        h(KolHeadlineFc, Object.assign({ class: clsx(classNames, 'kol-headline--group', 'kol-headline--primary') }, headlineProps), children),\n        h(KolSecondaryHeadlineFc, Object.assign({ level: level }, SecondaryHeadlineProps), secondaryHeadline)));\n};\n\nexport { KolHeadingFc as K };\n\n//# sourceMappingURL=Heading-7b90eeb4.js.map"],"names":["MIN_HEADING_LEVEL","MAX_HEADING_LEVEL","isValidHeadingLevel","level","getHeadlineTag","getSubHeadlineTag","KolHeadlineFc","_a","children","classNames","other","__rest","HeadlineTag","h","clsx","KolSecondaryHeadlineFc","KolHeadingFc","secondaryHeadline","HeadingGroupProps","SecondaryHeadlineProps","headlineProps","groupClassNames","groupOthers","headlineGroupProps"],"mappings":"wIAAA;AAAA;AAAA,GAOA,MAAMA,EAAoB,EACpBC,EAAoB,EAC1B,SAASC,EAAoBC,EAAO,CAChC,OAAOA,GAASH,GAAqBG,GAASF,CAClD,CACA,SAASG,EAAeD,EAAO,CAC3B,OAAOD,EAAoBC,CAAK,EAAI,IAAIA,CAAK,GAAK,QACtD,CACA,SAASE,EAAkBF,EAAO,CAC9B,OAAOA,IAAU,EAAI,OAASC,EAAeD,CAAK,CACtD,CACA,MAAMG,EAAgB,CAACC,EAAIC,IAAa,CACpC,GAAI,CAAE,MAAOC,EAAY,MAAAN,EAAQH,CAAiB,EAAKO,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,QAAS,OAAO,CAAC,EAChG,MAAMK,EAAcR,EAAeD,CAAK,EACxC,OAAQU,EAAED,EAAa,OAAO,OAAO,CAAE,MAAOE,EAAK,eAAgB,iBAAiBF,CAAW,GAAIH,CAAU,CAAC,EAAIC,CAAK,EAAGF,CAAQ,CACtI,EACMO,EAAyB,CAACR,EAAIC,IAAa,CAC7C,GAAI,CAAE,MAAOC,EAAY,MAAAN,EAAQH,CAAiB,EAAKO,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,QAAS,OAAO,CAAC,EAChG,MAAMK,EAAcP,EAAkBF,EAAQ,CAAC,EAC/C,OAAQU,EAAED,EAAa,OAAO,OAAO,CAAE,MAAOE,EAAK,2DAA4DL,CAAU,CAAC,EAAIC,CAAK,EAAGF,CAAQ,CAClJ,EACMQ,EAAe,CAACT,EAAIC,IAAa,CACnC,GAAI,CAAE,kBAAAS,EAAmB,MAAAd,EAAQH,EAAmB,MAAOS,EAAY,kBAAAS,EAAoB,GAAI,uBAAAC,EAAyB,CAAE,CAAA,EAAKZ,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,oBAAqB,QAAS,QAAS,oBAAqB,wBAAwB,CAAC,EAC5O,MAAMa,EAAgB,OAAO,OAAO,CAAE,MAAAjB,CAAK,EAAIO,CAAK,EACpD,GAAI,CAACO,EACD,OAAQJ,EAAEP,EAAe,OAAO,OAAO,CAAE,MAAOQ,EAAKL,EAAY,sBAAsB,CAAC,EAAIW,CAAa,EAAGZ,CAAQ,EAExH,KAAM,CAAE,MAAOa,CAAe,EAAKH,EAAmBI,EAAcX,EAAOO,EAAmB,CAAC,OAAO,CAAC,EACjGK,EAAqB,OAAO,OAAO,CAAE,MAAOT,EAAK,oBAAqBO,CAAe,CAAG,EAAEC,CAAW,EAC3G,OAAQT,EAAE,SAAU,OAAO,OAAO,CAAA,EAAIU,CAAkB,EACpDV,EAAEP,EAAe,OAAO,OAAO,CAAE,MAAOQ,EAAKL,EAAY,sBAAuB,uBAAuB,CAAG,EAAEW,CAAa,EAAGZ,CAAQ,EACpIK,EAAEE,EAAwB,OAAO,OAAO,CAAE,MAAOZ,GAASgB,CAAsB,EAAGF,CAAiB,CAAC,CAC7G"}

package/dist/assets/align-floating-elements-526ce555-WYoxIwhb.js

@@ -1,4 +0,0 @@
-import{U as Wt}from"./index-BUj5OwnR.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const Y=Math.min,_=Math.max,nt=Math.round,et=Math.floor,S=t=>({x:t,y:t}),$t={left:"right",right:"left",bottom:"top",top:"bottom"},Bt={start:"end",end:"start"};function ft(t,e,n){return _(t,Y(e,n))}function Q(t,e){return typeof t=="function"?t(e):t}function z(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function At(t){return t==="x"?"y":"x"}function dt(t){return t==="y"?"height":"width"}function B(t){return["top","bottom"].includes(z(t))?"y":"x"}function mt(t){return At(B(t))}function Mt(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 Nt(t){const e=ot(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>Bt[e])}function Vt(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:s;default:return[]}}function Ht(t,e,n,o){const i=Z(t);let r=Vt(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=>$t[e])}function _t(t){return{top:0,right:0,bottom:0,left:0,...t}}function Ot(t){return typeof t!="number"?_t(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 wt(t,e,n){let{reference:o,floating:i}=t;const r=B(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 zt=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}=wt(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}=wt(f,g,l)),h=-1)}return{x:d,y:u,placement:g,strategy:i,middlewareData:a}};async function Rt(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}=Q(e,t),m=Ot(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 jt=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}=Q(t,e)||{};if(f==null)return{};const u=Ot(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 X=b/2-v/2,N=R/2-h[m]/2-1,k=Y(u[p],N),K=Y(u[w],N),V=k,G=R-h[m]-K,A=R/2-h[m]/2+X,H=ft(V,A,G),W=!l.arrow&&Z(i)!=null&&A!==H&&r.reference[m]/2-(A<V?k:K)-h[m]/2<0,C=W?A<V?A-V:A-G:0;return{[a]:g[a]+C,data:{[a]:H,centerOffset:A-H-C,...W&&{alignmentOffset:C}},reset:W}}}),It=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}=Q(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const p=z(i),w=B(c),y=z(c)===c,b=await(l.isRTL==null?void 0:l.isRTL(f.floating)),v=g||(y||!h?[ot(c)]:Nt(c)),F=m!=="none";!g&&F&&v.push(...Ht(c,h,m,b));const R=[c,...v],X=await Rt(e,x),N=[];let k=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&N.push(X[p]),u){const A=Mt(i,s,b);N.push(X[A[0]],X[A[1]])}if(k=[...k,{placement:i,overflows:N}],!N.every(A=>A<=0)){var K,V;const A=(((K=r.flip)==null?void 0:K.index)||0)+1,H=R[A];if(H&&(!(u==="alignment"?w!==B(H):!1)||k.every(T=>T.overflows[0]>0&&B(T.placement)===w)))return{data:{index:A,overflows:k},reset:{placement:H}};let W=(V=k.filter(C=>C.overflows[0]<=0).sort((C,T)=>C.overflows[1]-T.overflows[1])[0])==null?void 0:V.placement;if(!W)switch(a){case"bestFit":{var G;const C=(G=k.filter(T=>{if(F){const $=B(T.placement);return $===w||$==="y"}return!0}).map(T=>[T.placement,T.overflows.filter($=>$>0).reduce(($,kt)=>$+kt,0)]).sort((T,$)=>T[1]-$[1])[0])==null?void 0:G[0];C&&(W=C);break}case"initialPlacement":W=c;break}if(i!==W)return{reset:{placement:W}}}return{}}}};async function Yt(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=B(n)==="y",f=["left","top"].includes(s)?-1:1,d=r&&l?-1:1,u=Q(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 qt=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 Yt(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}}}}},Ut=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}=Q(t,e),f={x:n,y:o},d=await Rt(e,l),u=B(z(i)),g=At(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 U(t){return Ct(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=(Ct(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Ct(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 yt(t){return!st()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof O(t).ShadowRoot}function tt(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=P(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function Xt(t){return["table","td","th"].includes(U(t))}function rt(t){return[":popover-open",":modal"].some(e=>{try{return t.matches(e)}catch{return!1}})}function gt(t){const e=ht(),n=L(t)?P(t):t;return["transform","translate","scale","rotate","perspective"].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)||["transform","translate","scale","rotate","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Kt(t){let e=M(t);for(;D(e)&&!q(e);){if(gt(e))return e;if(rt(e))return null;e=M(e)}return null}function ht(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function q(t){return["html","body","#document"].includes(U(t))}function P(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 M(t){if(U(t)==="html")return t;const e=t.assignedSlot||t.parentNode||yt(t)&&t.host||E(t);return yt(e)?e.host:e}function Tt(t){const e=M(t);return q(e)?t.ownerDocument?t.ownerDocument.body:t.body:D(e)&&tt(e)?e:Tt(e)}function J(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Tt(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?J(c):[])}return e.concat(i,J(i,[],n))}function ut(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Lt(t){const e=P(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 S(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=Lt(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 Gt=S(0);function Pt(t){const e=O(t);return!ht()||!e.visualViewport?Gt:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Jt(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=S(1);e&&(o?L(o)&&(s=I(o)):s=I(t));const c=Jt(r,n,o)?Pt(r):S(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=P(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 St(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 Qt(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=S(1);const d=S(0),u=D(o);if((u||!u&&!r)&&((U(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?St(s,l,!0):S(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 Zt(t){return Array.from(t.getClientRects())}function te(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 P(o).direction==="rtl"&&(s+=_(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:c}}function ee(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 ne(t,e){const n=j(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=D(t)?I(t):S(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 vt(t,e,n){let o;if(e==="viewport")o=ee(t,n);else if(e==="document")o=te(E(t));else if(L(e))o=ne(e,n);else{const i=Pt(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return it(o)}function Dt(t,e){const n=M(t);return n===e||!L(n)||q(n)?!1:P(n).position==="fixed"||Dt(n,e)}function oe(t,e){const n=e.get(t);if(n)return n;let o=J(t,[],!1).filter(c=>L(c)&&U(c)!=="body"),i=null;const r=P(t).position==="fixed";let s=r?M(t):t;for(;L(s)&&!q(s);){const c=P(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&&Dt(t,s))?o=o.filter(d=>d!==s):i=c,s=M(s)}return e.set(t,o),o}function ie(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const s=[...n==="clippingAncestors"?rt(e)?[]:oe(e,this._c):[].concat(n),o],c=s[0],l=s.reduce((f,d)=>{const u=vt(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},vt(e,c,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function se(t){const{width:e,height:n}=Lt(t);return{width:e,height:n}}function re(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=S(0);function f(){l.x=xt(i)}if(o||!o&&!r)if((U(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?St(i,c):S(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 P(t).position==="static"}function bt(t,e){if(!D(t)||P(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return E(t)===n&&(n=n.ownerDocument.body),n}function Et(t,e){const n=O(t);if(rt(t))return n;if(!D(t)){let i=M(t);for(;i&&!q(i);){if(L(i)&&!lt(i))return i;i=M(i)}return n}let o=bt(t,e);for(;o&&Xt(o)&&lt(o);)o=bt(o,e);return o&&q(o)&&lt(o)&&!gt(o)?n:o||Kt(t)||n}const ce=async function(t){const e=this.getOffsetParent||Et,n=this.getDimensions,o=await n(t.floating);return{reference:re(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function le(t){return P(t).direction==="rtl"}const fe={convertOffsetParentRelativeRectToViewportRelativeRect:Qt,getDocumentElement:E,getClippingRect:ie,getOffsetParent:Et,getElementRects:ce,getClientRects:Zt,getDimensions:se,getScale:I,isElement:L,isRTL:le};function Ft(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function ae(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&&!Ft(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 xe(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?J(f):[],...J(e)]:[];d.forEach(p=>{i&&p.addEventListener("scroll",n,{passive:!0}),r&&p.addEventListener("resize",n)});const u=f&&c?ae(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&&!Ft(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 ue=qt,de=Ut,me=It,ge=jt,he=(t,e,n)=>{const o=new Map,i={platform:fe,...n},r={...i.platform,_c:o};return zt(t,e,{...i,platform:r})},we=async({floatingElement:t,referenceElement:e,arrowElement:n,align:o="top"})=>{var i,r,s;if(Wt!=="test"){const c=[ue((i=n==null?void 0:n.offsetHeight)!==null&&i!==void 0?i:10),me(),de()];n&&c.push(ge({element:n}));const{x:l,y:f,middlewareData:d,placement:u}=await he(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{we as a,xe as b};
-//# sourceMappingURL=align-floating-elements-526ce555-WYoxIwhb.js.map