@public-ui/sample-react 2.2.17 → 2.2.18-rc.1

package/public/assets/material-symbols/package.json

@@ -1,41 +1,41 @@
 {
-  "name": "material-symbols",
-  "version": "0.5.5",
-  "description": "Latest variable icon fonts and CSS for Material Symbols.",
-  "main": "index.css",
-  "sass": "index.scss",
-  "types": "index.d.ts",
-  "files": [
-    "index.d.ts",
-    "*.{css,scss,woff2}"
-  ],
-  "scripts": {
-    "build": "sass --no-source-map --no-error-css ."
-  },
-  "devDependencies": {
-    "sass": "1.56.1"
-  },
-  "license": "Apache-2.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/marella/material-symbols.git",
-    "directory": "material-symbols"
-  },
-  "bugs": {
-    "url": "https://github.com/marella/material-symbols/issues"
-  },
-  "homepage": "https://marella.github.io/material-symbols/demo/",
-  "keywords": [
-    "material-symbols",
-    "material-icons",
-    "material-design-icons",
-    "material-design",
-    "material",
-    "symbols",
-    "icons",
-    "font"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+	"name": "material-symbols",
+	"version": "0.5.5",
+	"description": "Latest variable icon fonts and CSS for Material Symbols.",
+	"main": "index.css",
+	"sass": "index.scss",
+	"types": "index.d.ts",
+	"files": [
+		"index.d.ts",
+		"*.{css,scss,woff2}"
+	],
+	"scripts": {
+		"build": "sass --no-source-map --no-error-css ."
+	},
+	"devDependencies": {
+		"sass": "1.56.1"
+	},
+	"license": "Apache-2.0",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/marella/material-symbols.git",
+		"directory": "material-symbols"
+	},
+	"bugs": {
+		"url": "https://github.com/marella/material-symbols/issues"
+	},
+	"homepage": "https://marella.github.io/material-symbols/demo/",
+	"keywords": [
+		"material-symbols",
+		"material-icons",
+		"material-design-icons",
+		"material-design",
+		"material",
+		"symbols",
+		"icons",
+		"font"
+	],
+	"publishConfig": {
+		"access": "public"
+	}
 }

package/src/components/skip-nav/basic.tsx

@@ -1,33 +1,42 @@
 import type { FC } from 'react';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 
 import { KolSkipNav } from '@public-ui/react-v19';
 
 import { SampleDescription } from '../SampleDescription';
 
-export const SkipNavBasic: FC = () => (
-	<div className="grid gap-4">
-		<SampleDescription>
-			<p>KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus.</p>
-			<p>For testing purposes, click into the example and press the tab-key in order to focus the first link.</p>
-		</SampleDescription>
+export const SkipNavBasic: FC = () => {
+	const skipNavRef = useRef<HTMLKolSkipNavElement>(null);
 
-		<KolSkipNav
-			_label="Hidden navigation"
-			_links={[
-				{
-					_label: 'To the top',
-					_href: '#/back-page',
-				},
-				{
-					_label: 'To the form',
-					_href: '#/back-page',
-				},
-				{
-					_label: 'To the end',
-					_href: '#/back-page',
-				},
-			]}
-		></KolSkipNav>
-	</div>
-);
+	useEffect(() => {
+		skipNavRef.current?.kolFocus();
+	}, []);
+
+	return (
+		<div className="grid gap-4">
+			<SampleDescription>
+				<p>KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus.</p>
+				<p>For testing purposes, click into the example and press the tab-key in order to focus the first link.</p>
+			</SampleDescription>
+
+			<KolSkipNav
+				ref={skipNavRef}
+				_label="Hidden navigation"
+				_links={[
+					{
+						_label: 'To the top',
+						_href: '#/back-page',
+					},
+					{
+						_label: 'To the form',
+						_href: '#/back-page',
+					},
+					{
+						_label: 'To the end',
+						_href: '#/back-page',
+					},
+				]}
+			></KolSkipNav>
+		</div>
+	);
+};

package/src/components/table/direction-aware-sort.tsx

@@ -0,0 +1,65 @@
+import type { FC } from 'react';
+import React from 'react';
+
+import type { KoliBriTableHeaders } from '@public-ui/components';
+import { KolTable } from '@public-ui/react-v19';
+import { SampleDescription } from '../SampleDescription';
+
+type TemperatureRow = {
+	city: string;
+	temperature: number;
+};
+
+const COMFORTABLE_TEMPERATURE = 22;
+
+const TEMPERATURE_DATA: TemperatureRow[] = [
+	{ city: 'Reykjavík', temperature: 6 },
+	{ city: 'Berlin', temperature: 21 },
+	{ city: 'Palma de Mallorca', temperature: 29 },
+	{ city: 'Cairo', temperature: 35 },
+	{ city: 'Helsinki', temperature: 14 },
+];
+
+const HEADERS: KoliBriTableHeaders = {
+	horizontal: [
+		[
+			{ label: 'City', key: 'city' },
+			{
+				label: 'Temperature (°C)',
+				key: 'temperature',
+				textAlign: 'right',
+				compareFn: (rowA, rowB, direction = 'ASC') => {
+					const temperatureA = (rowA as TemperatureRow).temperature;
+					const temperatureB = (rowB as TemperatureRow).temperature;
+					const differenceA = Math.abs(temperatureA - COMFORTABLE_TEMPERATURE);
+					const differenceB = Math.abs(temperatureB - COMFORTABLE_TEMPERATURE);
+
+					if (differenceA !== differenceB) {
+						return direction === 'DESC' ? differenceB - differenceA : differenceA - differenceB;
+					}
+
+					return direction === 'DESC' ? temperatureB - temperatureA : temperatureA - temperatureB;
+				},
+				render: (_element, _cell, row) => {
+					const difference = Math.abs((row as TemperatureRow).temperature - COMFORTABLE_TEMPERATURE);
+					return `${(row as TemperatureRow).temperature} °C (Δ ${difference} °C)`;
+				},
+			},
+		],
+	],
+};
+
+export const TableDirectionAwareSort: FC = () => (
+	<>
+		<SampleDescription>
+			<p>
+				This sample demonstrates how <code>compareFn</code> receives the current <code>sortDirection</code>. Ascending sorts show cities that are closest to
+				22&nbsp;°C first, descending sorts highlight the most extreme temperatures.
+			</p>
+		</SampleDescription>
+
+		<section className="w-full">
+			<KolTable _label="Direction aware compare function" _data={TEMPERATURE_DATA} _headers={HEADERS} className="block" />
+		</section>
+	</>
+);

package/src/components/table/horizontal-scrollbar.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
 
-import { KolAlert, KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react-v19';
+import { KolHeading, KolInputCheckbox, KolTable } from '@public-ui/react-v19';
 
 import { SampleDescription } from '../SampleDescription';
 
@@ -39,11 +39,6 @@ export const TableHorizontalScrollbar: FC = () => {
 				</p>
 			</SampleDescription>
 
-			<KolAlert _variant="card" _type="warning" _label="Deprecation of minWidth">
-				In version 3, the width of the column will be required for the implicit calculation of the minWidth. This behavior is also implemented in version 2, if
-				the _minWidth property is undefined.
-			</KolAlert>
-			<br />
 			<section className="w-full flex flex-col gap-4">
 				<KolHeading _label="Table with scrollbar" _level={2} />
 

package/src/components/table/routes.ts

@@ -1,19 +1,20 @@
 import { Routes } from '../../shares/types';
-import { PaginationPosition } from './pagination-position';
 import { TableColumnAlignment } from './column-alignment';
 import { TableComplexHeaders } from './complex-headers';
+import { TableDirectionAwareSort } from './direction-aware-sort';
 import { TableHorizontalScrollbar } from './horizontal-scrollbar';
+import { InteractiveChildElements } from './interactive-child-elements';
+import { MultiSortTable } from './multi-sort';
+import { PaginationPosition } from './pagination-position';
 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';
 
 export const TABLE_ROUTES: Routes = {
 	table: {
@@ -23,6 +24,7 @@ export const TABLE_ROUTES: Routes = {
 		'pagination-position': PaginationPosition,
 		'render-cell': TableRenderCell,
 		'sort-data': TableSortData,
+		'direction-aware-sort': TableDirectionAwareSort,
 		'with-footer': TableWithFooter,
 		'stateful-with-selection': TableStatefulWithSelection,
 		'stateful-with-single-selection': TableStatefulWithSingleSelection,

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

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

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

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

package/src/scenarios/routes.ts

@@ -1,7 +1,7 @@
 import { Routes } from '../shares/types';
 import { AppointmentForm } from './appointment-form/AppointmentForm';
 import { ChangeTabindex } from './change-tabindex';
-import { CustomTooltipWidth } from './custom-tooltip-width';
+import { CustomTooltipCssProperties } from './custom-tooltip-css-properties';
 import { DisabledInteractiveElements } from './disabled-interactive-elements';
 import { FocusElements } from './focus-elements';
 import { InputGroupWithError } from './input-group-with-error';
@@ -11,12 +11,14 @@ import { StaticForm } from './static-form';
 import { TableHorizontalScrollAdvanced } from './horizontal-scrollbar-advanced';
 import { ToolbarItemOrder } from './toolbar-item-order';
 import { TooltipPositioning } from './tooltip-positioning';
+import { DateInForm } from './date-in-form';
 
 export const SCENARIO_ROUTES: Routes = {
 	scenarios: {
 		'appointment-form': AppointmentForm,
 		'change-tabindex': ChangeTabindex,
-		'custom-tooltip-width': CustomTooltipWidth,
+		'custom-tooltip-css-properties': CustomTooltipCssProperties,
+		'date-in-form': DateInForm,
 		'disabled-interactive-scenario': DisabledInteractiveElements,
 		'focus-elements': FocusElements,
 		'input-group-with-error': InputGroupWithError,

package/dist/assets/Alert-0e712d66-uBEYhT93.js

@@ -1,4 +0,0 @@
-import{_}from"./tslib.es6-1173d062-BAJoBDh7.js";import{L as u,h as o,l as f,c as h,e as k,F as C}from"./index-7WRSZKTT.js";import{c as L}from"./clsx-09a06a12-BT_IL7Fz.js";import{t as s}from"./i18n-3dd5729d-DO6dvkOz.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const c=({ariaLabel:e,icon:a})=>o(C,null,o("span",{class:"visually-hidden"},e),o(k,{class:"heading-icon",_label:"",_icons:a})),T=({type:e,label:a})=>{switch(e){case"error":return o(c,{ariaLabel:s("kol-error"),icon:"codicon codicon-error",label:a});case"info":return o(c,{ariaLabel:s("kol-info"),icon:"codicon codicon-info",label:a});case"warning":return o(c,{ariaLabel:s("kol-warning"),icon:"codicon codicon-warning",label:a});case"success":return o(c,{ariaLabel:s("kol-success"),icon:"codicon codicon-pass",label:a});default:return o(c,{ariaLabel:s("kol-message"),icon:"codicon codicon-comment",label:a})}},I=(e,a)=>{const{class:g={},type:r="default",variant:i="msg",label:l,hasCloser:d,alert:n,onAlertTimeout:t,onCloserClick:v,level:b}=e,m=_(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);if(n){try{u.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch{u.debug("Navigator does not support vibration.")}setTimeout(()=>{t?.()},1e4)}const p=Object.assign({class:L("kol-alert-wc","alert",r,i,{hasCloser:!!d},g)},m);return o("div",Object.assign({},p,{"aria-live":n?"assertive":"polite",role:n?"alert":"status"}),o("div",{class:"heading"},o(T,{label:l,type:r}),o("div",{class:"heading-content"},l?o(f,{_label:l,_level:b}):null,i==="msg"&&o("div",{class:"content"},a)),d&&o(h,{class:"close",_ariaDescription:l?.trim()||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:s("kol-close-alert"),_on:{onClick:v},_tooltipAlign:"left"})),i==="card"&&o("div",{class:"content"},a))};export{I as K};
-//# sourceMappingURL=Alert-0e712d66-uBEYhT93.js.map

package/dist/assets/Collapsible-18d9607a-amR5-Orl.js

@@ -1,4 +0,0 @@
-import{_ as g}from"./tslib.es6-1173d062-BAJoBDh7.js";import{h as s,l as m,c as f}from"./index-7WRSZKTT.js";import{c as a}from"./clsx-09a06a12-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=g(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",{disabled:c===!0,open:e===!0},t)},b),s(m,{ref:i?.ref,_label:"",_level:v,class:a("collapsible__heading",i?.class)},s(f,{class:a("collapsible__heading-button",l?.class),ref:l?.ref,slot:"expert",_ariaControls:`${n}-control`,_ariaExpanded:e,_disabled:c,_icons:l?._icons||`codicon codicon-${u}`,_label:p,_on:{onClick:_}})),s("div",{class:a("collapsible__wrapper",o?.wrapperClass)},s("div",{class:a("collapsible__wrapper-animation",o?.animationClass)},s("div",{"aria-hidden":e===!1?"true":void 0,class:a("collapsible__content",o?.class),id:`${n}-control`},r))))};export{H as K};
-//# sourceMappingURL=Collapsible-18d9607a-amR5-Orl.js.map

package/dist/assets/FormFieldMsg-c5be4e2c-D7DaZUCH.js

@@ -1,4 +0,0 @@
-import{c as i}from"./clsx-09a06a12-BT_IL7Fz.js";import{h as n}from"./index-7WRSZKTT.js";import{K as c}from"./Alert-0e712d66-uBEYhT93.js";/*!
- * KoliBri - The accessible HTML-Standard
- */function a(t){return Object.entries(t).reduce((r,[e,s])=>{const o=e.startsWith("_")?e.slice(1):e;return Object.assign(Object.assign({},r),{[o]:s})},{})}const p=({_alert:t,_msg:r,_hideError:e,_id:s})=>{const o=a(r||{});return n(c,Object.assign({id:`${s}-error`,alert:t,type:"error",class:i({error:!0,"visually-hidden":e===!0})},o),r?._description||void 0)};export{p as F};
-//# sourceMappingURL=FormFieldMsg-c5be4e2c-D7DaZUCH.js.map

package/dist/assets/InternalUnderlinedBadgeText-1fac598e-BG7MOeGO.js

@@ -1,4 +0,0 @@
-import{h as e,F as i}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const p=({badgeText:l,label:r})=>{const t=l;let[s,...n]=r.split(t);return n.length===0&&(l=t.toUpperCase(),[s,...n]=r.split(t)),n.length===0&&(l=t.toLowerCase(),[s,...n]=r.split(t)),e(i,null,s,n.length?e(i,null,e("u",null,l),n.join(t)):null)};export{p as I};
-//# sourceMappingURL=InternalUnderlinedBadgeText-1fac598e-BG7MOeGO.js.map

package/dist/assets/access-and-short-key-914780a7-D_amaVwB.js

@@ -1,4 +0,0 @@
-import{t as e,B as s,D as o}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const c=(t,a)=>{e(t,"_accessKey",a)},n={hooks:{afterPatch:t=>{t!==-1&&t!==0&&o("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},i=(t,a)=>{s(t,"_tabIndex",a,n)},d=(t,a)=>{e(t,"_shortKey",a)},h=(t,a)=>{if(t&&a)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")};export{h as a,d as b,i as c,c as v};
-//# sourceMappingURL=access-and-short-key-914780a7-D_amaVwB.js.map

package/dist/assets/align-f3101425-B4vHQ56A.js

@@ -1,4 +0,0 @@
-import{w as l}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const s=(t,o,a)=>{l(t,o,n=>typeof n=="string"&&i.includes(n),new Set(i),a,{defaultValue:"top"})},e=["left","right"],p=["top","bottom"],i=[...e,...p],c=(t,o)=>{s(t,"_align",o)};export{s as a,c as v};
-//# sourceMappingURL=align-f3101425-B4vHQ56A.js.map

package/dist/assets/align-floating-elements-a7a489c8-ByZWe2kh.js

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

package/dist/assets/associated.controller-d302adf7-CA_utPAF.js

@@ -1,4 +0,0 @@
-import{$ as f,C as l,a3 as u,t as p}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const y=(o,t,i)=>{p(o,"_name",t,i)},A=o=>o==="KOL-BUTTON"||o==="KOL-COMBOBOX"||o==="KOL-INPUT-CHECKBOX"||o==="KOL-INPUT-COLOR"||o==="KOL-INPUT-DATE"||o==="KOL-INPUT-EMAIL"||o==="KOL-INPUT-FILE"||o==="KOL-INPUT-NUMBER"||o==="KOL-INPUT-PASSWORD"||o==="KOL-INPUT-RADIO"||o==="KOL-INPUT-RANGE"||o==="KOL-INPUT-TEXT"||o==="KOL-SELECT"||o==="KOL-SINGLE-SELECT"||o==="KOL-TEXTAREA";class m{constructor(t,i,e){var s,c,r;if(this.experimentalMode=f(),this.setFormAssociatedValue=a=>{var n;const d=(n=this.formAssociated)===null||n===void 0?void 0:n.getAttribute("name");(d===null||d==="")&&l(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const h=this.tryToStringifyValue(a);this.syncValue(a,h,this.formAssociated),this.syncValue(a,h,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(e),this.type=i,this.experimentalMode&&A((s=this.host)===null||s===void 0?void 0:s.tagName)&&t._name){switch((c=this.host)===null||c===void 0||c.querySelectorAll("input,select,textarea").forEach(a=>{var n;(n=this.host)===null||n===void 0||n.removeChild(a)}),this.type){case"button":case"color":case"date":case"email":case"file":case"number":case"password":case"radio":case"range":case"text":this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type",this.type);break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;case"checkbox":case"single-select":case"combobox":default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),(r=this.host)===null||r===void 0||r.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;t?.shadowRoot===null&&t!==document.body;)t=t?.parentNode,t.host&&(t=t.host);return t}setAttribute(t,i,e){if(this.experimentalMode)try{if(e=typeof e=="object"&&e!==null?JSON.stringify(e):e,typeof e=="boolean"||typeof e=="number"||typeof e=="string")i?.setAttribute(t,`${e}`);else throw new Error(`Invalid value type: ${typeof e}`)}catch{i?.removeAttribute(t)}}tryToStringifyValue(t){try{return typeof t=="object"&&t!==null?JSON.stringify(t).toString():t==null?null:t.toString()}catch(i){return u(`The form field raw value is not able to stringify! ${i}`),""}}syncValue(t,i,e){if(e)switch(this.type){case"file":e.files=t;break;case"select":e.querySelectorAll("option").forEach(s=>{e.removeChild(s)}),Array.isArray(t)&&t.forEach(s=>{const c=this.tryToStringifyValue(s);if(typeof c=="string"){const r=document.createElement("option");r.setAttribute("value",c),r.setAttribute("selected",""),e.appendChild(r)}});break;case"radio":typeof i=="string"&&(e.setAttribute("value",i),e.setAttribute("checked",""),e.value=i);break;default:typeof i=="string"?(e.setAttribute("value",i),e.value=i):(e.removeAttribute("value"),e.value="")}}validateName(t){y(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),typeof t>"u"&&l("A name on input fields or switches is not strictly required, but it might be relevant for the autocomplete function and for the static submission of the input field.")}validateSyncValueBySelector(t){if(this.experimentalMode&&typeof t=="string"){const i=document.querySelector(t);i&&(this.syncToOwnInput=i)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}export{m as A};
-//# sourceMappingURL=associated.controller-d302adf7-CA_utPAF.js.map

package/dist/assets/badge-text-553534d4-CMC8YLDf.js

@@ -1,4 +0,0 @@
-import{t as e}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const r=(t,a)=>{e(t,"_badgeText",a)};export{r as v};
-//# sourceMappingURL=badge-text-553534d4-CMC8YLDf.js.map

package/dist/assets/button-variant-ebe4a1ea-CWrzeNL5.js

@@ -1,4 +0,0 @@
-import{t as r,q as s,w as e}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const i=["tab","treeitem"],c=(t,a)=>{e(t,"_role",n=>typeof n=="string"&&i.includes(n),new Set([`KoliBriAlternativeButtonLinkRole {${i.join(", ")}`]),a)},p=(t,a)=>{r(t,"_ariaDescription",a)},d=(t,a)=>{s(t,"_ariaExpanded",a)},o=["primary","secondary","normal","tertiary","danger","ghost","custom"],u=(t,a)=>{e(t,"_variant",n=>typeof n=="string"&&o.includes(n),new Set([`KoliBriButtonVariant {${o.join(", ")}`]),a,{defaultValue:"normal"})};export{d as a,c as b,u as c,p as v};
-//# sourceMappingURL=button-variant-ebe4a1ea-CWrzeNL5.js.map

package/dist/assets/clsx-09a06a12-BT_IL7Fz.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */function a(r){var f,n,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var o=r.length;for(f=0;f<o;f++)r[f]&&(n=a(r[f]))&&(t&&(t+=" "),t+=n)}else for(n in r)r[n]&&(t&&(t+=" "),t+=n);return t}function i(){for(var r,f,n=0,t="",o=arguments.length;n<o;n++)(r=arguments[n])&&(f=a(r))&&(t&&(t+=" "),t+=f);return t}export{i as c};
-//# sourceMappingURL=clsx-09a06a12-BT_IL7Fz.js.map

package/dist/assets/clsx-09a06a12-BT_IL7Fz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clsx-09a06a12-BT_IL7Fz.js","sources":["../../../../components/dist/esm/clsx-09a06a12.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nfunction r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}\n\nexport { clsx as c };\n\n//# sourceMappingURL=clsx-09a06a12.js.map"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA;AAAA;AAAA,GAGA,SAASA,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAa,OAAOH,GAAjB,UAA8B,OAAOA,GAAjB,SAAmBG,GAAGH,UAAoB,OAAOA,GAAjB,SAAmB,GAAG,MAAM,QAAQA,CAAC,EAAE,CAAC,IAAI,EAAEA,EAAE,OAAO,IAAIC,EAAE,EAAEA,EAAE,EAAEA,IAAID,EAAEC,CAAC,IAAIC,EAAEH,EAAEC,EAAEC,CAAC,CAAC,KAAKE,IAAIA,GAAG,KAAKA,GAAGD,EAAG,KAAM,KAAIA,KAAKF,EAAEA,EAAEE,CAAC,IAAIC,IAAIA,GAAG,KAAKA,GAAGD,GAAG,OAAOC,CAAC,CAAC,SAASC,GAAM,CAAC,QAAQJ,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAG,EAAE,UAAU,OAAOD,EAAE,EAAEA,KAAKF,EAAE,UAAUE,CAAC,KAAKD,EAAEF,EAAEC,CAAC,KAAKG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC"}

package/dist/assets/color-48d7fdf1-Bn8Gtu9P.js

@@ -1,4 +0,0 @@
-import{w as C,L as M,D as $,E as d,G as x}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */var q={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},m=q,j=P,c={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function P(e){var o,r=[],n=1,t;if(typeof e=="string")if(e=e.toLowerCase(),m[e])r=m[e].slice(),t="rgb";else if(e==="transparent")n=0,t="rgb",r=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(e)){var a=e.slice(1),l=a.length,g=l<=4;n=1,g?(r=[parseInt(a[0]+a[0],16),parseInt(a[1]+a[1],16),parseInt(a[2]+a[2],16)],l===4&&(n=parseInt(a[3]+a[3],16)/255)):(r=[parseInt(a[0]+a[1],16),parseInt(a[2]+a[3],16),parseInt(a[4]+a[5],16)],l===8&&(n=parseInt(a[6]+a[7],16)/255)),r[0]||(r[0]=0),r[1]||(r[1]=0),r[2]||(r[2]=0),t="rgb"}else if(o=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(e)){var i=o[1],s=i==="rgb",a=i.replace(/a$/,"");t=a;var l=a==="cmyk"?4:a==="gray"?1:3;r=o[2].trim().split(/\s*[,\/]\s*|\s+/).map(function(u,y){if(/%$/.test(u))return y===l?parseFloat(u)/100:a==="rgb"?parseFloat(u)*255/100:parseFloat(u);if(a[y]==="h"){if(/deg$/.test(u))return parseFloat(u);if(c[u]!==void 0)return c[u]}return parseFloat(u)}),i===a&&r.push(1),n=s||r[l]===void 0?1:r[l],r=r.slice(0,l)}else e.length>10&&/[0-9](?:\s|\/)/.test(e)&&(r=e.match(/([0-9]+)/g).map(function(w){return parseFloat(w)}),t=e.match(/([a-z])/ig).join("").toLowerCase());else isNaN(e)?Array.isArray(e)||e.length?(r=[e[0],e[1],e[2]],t="rgb",n=e.length===4?e[3]:1):e instanceof Object&&(e.r!=null||e.red!=null||e.R!=null?(t="rgb",r=[e.r||e.red||e.R||0,e.g||e.green||e.G||0,e.b||e.blue||e.B||0]):(t="hsl",r=[e.h||e.hue||e.H||0,e.s||e.saturation||e.S||0,e.l||e.lightness||e.L||e.b||e.brightness]),n=e.a||e.alpha||e.opacity||1,e.opacity!=null&&(n/=100)):(t="rgb",r=[e>>>16,(e&65280)>>>8,e&255]);return{space:t,values:r,alpha:n}}var A=j,f=function(o){Array.isArray(o)&&o.raw&&(o=String.raw.apply(null,arguments));var r,n=A(o);if(!n.space)return[];var t=[0,0,0],a=n.space[0]==="h"?[360,100,100]:[255,255,255];return r=Array(3),r[0]=Math.min(Math.max(n.values[0],t[0]),a[0]),r[1]=Math.min(Math.max(n.values[1],t[1]),a[1]),r[2]=Math.min(Math.max(n.values[2],t[2]),a[2]),n.space[0]==="h"&&(r=I(r)),r.push(Math.min(Math.max(n.alpha,0),1)),r};function I(e){var o=e[0]/360,r=e[1]/100,n=e[2]/100,t,a,l,g,i,s=0;if(r===0)return i=n*255,[i,i,i];for(a=n<.5?n*(1+r):n+r-n*r,t=2*n-a,g=[0,0,0];s<3;)l=o+1/3*-(s-1),l<0?l++:l>1&&l--,i=6*l<1?t+(a-t)*6*l:2*l<1?a:3*l<2?t+(a-t)*(2/3-l)*6:t,g[s++]=i*255;return g}const F=(e,o,r)=>(e*299+o*587+r*114)/1e3>=128?-1:1,b=(e,o,r,n=1)=>{const t=[Math.max(Math.min(Math.round(o[0]+n*Math.max(1,o[0]/100)),255),0),Math.max(Math.min(Math.round(o[1]+n*Math.max(1,o[1]/100)),255),0),Math.max(Math.min(Math.round(o[2]+n*Math.max(1,o[2]/100)),255),0)],a=x(d.hex(`rgba(${e.join(",")},1)`),d.hex(`rgba(${t.join(",")},1)`)),l=t[0]+t[1]+t[2];return l===0||l===765||a>r?{background:e,foreground:t,contrast:a}:b(e,t,r,n)},p=new Map,S=(e,o,r,n=1)=>{if(p.has(e))return p.get(e);const t=b(e,o,r,n);return p.set(e,t),t},h=(e,o=7)=>{let r=[0,0,0,1],n=[255,255,255,1];typeof e=="string"?(r=f(e),n=r):typeof e=="object"&&e!==null&&typeof e.background=="string"&&typeof e.foreground=="string"&&(r=f(e.background),typeof e.foreground=="string"?n=f(e.foreground):n=r);const t=F(r[0],r[1],r[2]),a=S([r[0],r[1],r[2]],[n[0],n[1],n[2]],o,t);return n=[...a.foreground,1],{background:d.hex(`rgba(${r.join(",")})`),foreground:d.hex(`rgba(${n.join(",")})`),contrast:a.contrast}},O=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function H(e){return O.test(e)}function L(e){if(e.startsWith("{"))try{const o=JSON.parse(e);if(k(o))return{type:"ColorPair",value:o}}catch{return{type:null,value:null}}return{type:null,value:null}}function v(e){if(e)if(typeof e=="string"){if(H(e))return{type:"string",valid:!0,value:e};{const o=L(e);if(o.value)return{type:o.type,valid:!0,value:o.value}}}else{const o=e;if(k(o))return{type:"ColorPair",valid:!0,value:o}}return{type:null,valid:!1,value:""}}function k(e){return!!(typeof e=="object"&&e&&typeof e.backgroundColor=="string"&&(typeof e.foregroundColor=="string"||e.foregroundColor&&typeof e.foregroundColor.primary=="string"&&typeof e.foregroundColor.secondary=="string"&&typeof e.foregroundColor.neutral=="string"))}function N(e){const o=v(e);switch(o.type){case null:return!1;case"string":case"ColorPair":return o.valid}}const R=(e,o,r)=>{C(e,"_color",N,new Set(["rgb in hex","ColorPair"]),o,r)},_=e=>{var o;let r;const n=v(e);switch(n.type){case"string":r=h(n.value);break;case"ColorPair":{const t=n.value;let a="";typeof t.foregroundColor=="string"?a=t.foregroundColor:!((o=t.foregroundColor)===null||o===void 0)&&o.primary&&(a=t.foregroundColor.primary),(!a||typeof a!="string")&&(a="#fff"),r=h({background:t.backgroundColor,foreground:a});break}case null:M.warn(`_color was empty or invalid (${JSON.stringify(e)})`),r=h({background:"#000",foreground:"#000"})}return r.contrast<7&&$(`[KolBadge] The contrast of ${r.contrast} (≥7, AAA) is to low, between the color pair ${r.background} and ${r.foreground}.`),{backgroundColor:r.background,foregroundColor:r.foreground}};export{f as c,_ as h,R as v};
-//# sourceMappingURL=color-48d7fdf1-Bn8Gtu9P.js.map

package/dist/assets/controller-06c08e87-DgCcoVLc.js

@@ -1,4 +0,0 @@
-import{w as f,s as d,X as l,i as u,D as b,q as y}from"./index-7WRSZKTT.js";import{I as O}from"./controller-c87b8bd9-CFkAiCfW.js";import{b as m,c as g}from"./label-7d1ce375-BFrJRMqI.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const c=e=>{if(typeof e=="object"&&e!==null){if(typeof e.label=="string"&&e.label.length>0)return e.disabled=e.disabled===!0,e.label=`${e.label}`.trim(),m(e.label,3)===!1&&g(e.label)===!1&&b(`A differing Aria-Label (${e.label}) is not accessible. A differing Aria-Label should consist of at least three readable characters.`),Array.isArray(e.options)?e.options.find(t=>c(t)===!1)===void 0:!0;if(typeof e.label=="number")return!0}return!1},_=(e,t,s={})=>{l(e,"_options",a=>u(a)&&typeof a.label=="string"&&a.label.length>0,t,void 0,s)},w=(e,t,s={})=>{l(e,"_options",c,t,void 0,s)},v=(e,t)=>{y(e,"_required",t)},r=["horizontal","vertical"],h=(e,t,s="")=>{t.forEach((a,i)=>{const n=`${s}-${i}`;typeof a=="object"&&a!==null&&typeof a.label=="string"&&a.label.length>0&&(Array.isArray(a.options)?h(e,a.options,n):e.set(n,a))})};class A extends O{constructor(t,s,a){super(t,s,a),this.component=t}validateRequired(t){v(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class I extends A{constructor(t,s,a){super(t,s,a),this.keyOptionMap=new Map,this.getOptionByKey=i=>this.keyOptionMap.get(i),this.afterPatchOptions=(i,n,o,p)=>{p==="_value"&&this.setFormAssociatedValue(i)},this.beforePatchOptions=(i,n)=>{const o=n.has("_options")?n.get("_options"):this.component.state._options;Array.isArray(o)&&o.length>0&&(this.keyOptionMap.clear(),h(this.keyOptionMap,o))},this.component=t}validateOrientation(t){f(this.component,"_orientation",s=>typeof s=="string"&&r.includes(s),new Set([`Orientation {${r.join(", ")}`]),t,{defaultValue:"vertical"})}validateOptions(t){_(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,d(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{A as I,I as a,_ as b,h as f,w as v};
-//# sourceMappingURL=controller-06c08e87-DgCcoVLc.js.map

package/dist/assets/controller-728fbdd1-CXKcVRFp.js

@@ -1,4 +0,0 @@
-import{$ as s,C as f,a0 as i,a1 as m,a2 as l,L as u}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const c=e=>{for(s()&&(f("↓ Search form element start."),u.debug(e));e instanceof HTMLElement&&e.tagName!=="FORM"&&e.tagName!==m.toUpperCase();){try{e.parentElement instanceof HTMLElement?e=e.parentElement:e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=null}catch{}s()&&(u.debug(e),f("↑ Search form element finished."))}return e},d=(e={})=>{var t,n;const o=c(e.form);if(o instanceof HTMLElement){const a=new Event("reset",{bubbles:!0,cancelable:!0});if(o.tagName==="FORM")i(a,o),o.dispatchEvent(a);else if(o.tagName===m.toUpperCase()){i(a,l.querySelector("form",o));const r=o;typeof((t=r._on)===null||t===void 0?void 0:t.onReset)=="function"&&((n=r._on)===null||n===void 0||n.onReset(a))}}},b=(e={})=>{const t=c(e.form);if(t instanceof HTMLElement){const n=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:t});if(t.tagName==="FORM")s()&&t.noValidate===!1&&f("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),setTimeout(()=>{typeof t.requestSubmit=="function"?t.requestSubmit():(i(n,t),t.dispatchEvent(n))});else if(t.tagName===m.toUpperCase()){i(n,l.querySelector("form",t));const o=t;setTimeout(()=>{var a,r;typeof((a=o._on)===null||a===void 0?void 0:a.onSubmit)=="function"&&((r=o._on)===null||r===void 0||r.onSubmit(n))})}}};export{d as a,b as p};
-//# sourceMappingURL=controller-728fbdd1-CXKcVRFp.js.map

package/dist/assets/controller-b19ef5c0-CJ2PcwNV.js

@@ -1,4 +0,0 @@
-import{w as i}from"./index-7WRSZKTT.js";import{I as l}from"./controller-fa5508b8-CYjrNW9t.js";import{v as a}from"./spell-check-82b14d35-DZ5QRl6C.js";import{v as p}from"./suggestions-506c439a-CQXDoQKd.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const s=["text","search","url","tel"];class r extends l{constructor(t,e,o){super(t,e,o),this.component=t}validateSuggestions(t){p(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class u extends r{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateSpellCheck(t){a(this.component,t)}validateType(t){i(this.component,"_type",e=>typeof e=="string"&&s.includes(e),new Set([`String {${s.join(", ")}`]),t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{r as I,u as a};
-//# sourceMappingURL=controller-b19ef5c0-CJ2PcwNV.js.map

package/dist/assets/controller-c87b8bd9-CFkAiCfW.js

@@ -1,4 +0,0 @@
-import{q as a,W as f,t as l,C as g,s as p,o as _,p as u,w as v,i as y,D as m}from"./index-7WRSZKTT.js";import{s as r,t as s}from"./events-29e84d75-BhxFwhXP.js";import{A as b}from"./associated.controller-d302adf7-CA_utPAF.js";import{v as C,a as d,b as H,c as L}from"./access-and-short-key-914780a7-D_amaVwB.js";import{v as A}from"./hide-label-0d754c8e-boPBSzV4.js";import{a as E}from"./label-7d1ce375-BFrJRMqI.js";import{v as I}from"./tooltip-align-6964dd71-32NcQL5L.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const K=(i,t)=>{a(i,"_adjustHeight",t)},B=(i,t,o)=>{a(i,"_hideError",t,o)},S=(i,t)=>{_(t,()=>{try{t=u(t)}catch{}v(i,"_msg",o=>y(o)&&typeof o?._description=="string",new Set(["MsgPropType"]),t,{defaultValue:{_description:"",_type:"error"}})})},x=(i,t)=>{a(i,"_touched",t)},P=i=>{var t,o;const e=!!(((t=i._msg)===null||t===void 0?void 0:t._type)==="error"&&i._msg._description&&((o=i._msg._description)===null||o===void 0?void 0:o.length)>0)&&i._touched===!0,c=typeof i._hint=="string"&&i._hint.length>0,h=[];return e===!0&&h.push(`${i._id}-error`),c===!0&&h.push(`${i._id}-hint`),{hasError:e,hasHint:c,ariaDescribedBy:h}};class T extends b{constructor(t,o,n){super(t,o,n),this.component=t}validateAlert(t){a(this.component,"_alert",t)}validateTouched(t){x(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class V extends T{constructor(t,o,n){super(t,o,n),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.component=t}validateAccessKey(t){C(this.component,t),d(t,this.component._shortKey)}validateAdjustHeight(t){K(this.component,t)}validateDisabled(t){a(this.component,"_disabled",t),t===!0&&f()}validateTooltipAlign(t){I(this.component,t)}validateError(t){typeof t=="string"&&t.length>0?this.validateMsg({_description:t,_type:"error"}):this.validateMsg(void 0)}validateHideError(t){B(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&m("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){A(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&m("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){l(this.component,"_hint",t)}validateId(t){l(this.component,"_id",t,{minLength:1}),(t===""||typeof t>"u")&&g("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(t){E(this.component,t,{required:!0})}validateMsg(t){S(this.component,t)}validateOn(t){typeof t=="object"&&p(this.component,"_on",t)}validateShortKey(t){H(this.component,t),d(this.component._accessKey,t)}validateSmartButton(t){_(t,()=>{try{t=u(t)}catch{}p(this.component,"_smartButton",t)})}validateTabIndex(t){L(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.component._msg&&this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideError(this.component._hideError),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),d(this.component._accessKey,this.component._shortKey)}onBlur(t){var o;this.component._touched=!0,r(t),s("blur",this.host),typeof((o=this.component._on)===null||o===void 0?void 0:o.onBlur)=="function"&&this.component._on.onBlur(t)}onChange(t,o){var n;o=o??t.target.value,s("change",this.host,o),typeof((n=this.component._on)===null||n===void 0?void 0:n.onChange)=="function"&&this.component._on.onChange(t,o),this.valueChangeListeners.forEach(e=>e(o))}onInput(t,o=!0,n){var e;n=n??t.target.value,r(t),s("input",this.host,n),o&&this.setFormAssociatedValue(n),typeof((e=this.component._on)===null||e===void 0?void 0:e.onInput)=="function"&&this.component._on.onInput(t,n)}onClick(t){var o;r(t),s("click",this.host),typeof((o=this.component._on)===null||o===void 0?void 0:o.onClick)=="function"&&this.component._on.onClick(t)}onFocus(t){var o;r(t),s("focus",this.host),typeof((o=this.component._on)===null||o===void 0?void 0:o.onFocus)=="function"&&this.component._on.onFocus(t)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}export{V as I,P as g};
-//# sourceMappingURL=controller-c87b8bd9-CFkAiCfW.js.map

package/dist/assets/controller-c87b8bd9-CFkAiCfW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controller-c87b8bd9-CFkAiCfW.js","sources":["../../../../components/dist/esm/controller-c87b8bd9.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { j as watchBoolean, o as objectObjectHandler, l as parseJson, w as watchValidator, i as isObject, k as a11yHintDisabled, f as a11yHint, y as watchString, C as devHint, m as setState } from './index-7a63e9eb.js';\nimport { s as stopPropagation, t as tryToDispatchKoliBriEvent } from './events-29e84d75.js';\nimport { A as AssociatedInputController } from './associated.controller-d302adf7.js';\nimport { v as validateAccessKey, a as validateAccessAndShortKey, b as validateShortKey, c as validateTabIndex } from './access-and-short-key-914780a7.js';\nimport { v as validateHideLabel } from './hide-label-0d754c8e.js';\nimport { a as validateLabelWithExpertSlot } from './label-7d1ce375.js';\nimport { v as validateTooltipAlign } from './tooltip-align-6964dd71.js';\n\nconst validateAdjustHeight = (component, value) => {\n    watchBoolean(component, '_adjustHeight', value);\n};\n\nconst validateHideError = (component, value, options) => {\n    watchBoolean(component, '_hideError', value, options);\n};\n\nconst validateMsg = (component, value) => {\n    objectObjectHandler(value, () => {\n        try {\n            value = parseJson(value);\n        }\n        catch (e) {\n        }\n        watchValidator(component, `_msg`, (value) => isObject(value) && typeof (value === null || value === void 0 ? void 0 : value._description) === 'string', new Set(['MsgPropType']), value, {\n            defaultValue: {\n                _description: '',\n                _type: 'error',\n            },\n        });\n    });\n};\n\nconst validateTouched = (component, value) => {\n    watchBoolean(component, '_touched', value);\n};\n\nconst getRenderStates = (state) => {\n    var _a, _b;\n    const isMessageValidError = Boolean(((_a = state._msg) === null || _a === void 0 ? void 0 : _a._type) === 'error' && state._msg._description && ((_b = state._msg._description) === null || _b === void 0 ? void 0 : _b.length) > 0);\n    const hasError = isMessageValidError && state._touched === true;\n    const hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n    const ariaDescribedBy = [];\n    if (hasError === true) {\n        ariaDescribedBy.push(`${state._id}-error`);\n    }\n    if (hasHint === true) {\n        ariaDescribedBy.push(`${state._id}-hint`);\n    }\n    return { hasError, hasHint, ariaDescribedBy };\n};\n\nclass ControlledInputController extends AssociatedInputController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.component = component;\n    }\n    validateAlert(value) {\n        watchBoolean(this.component, '_alert', value);\n    }\n    validateTouched(value) {\n        validateTouched(this.component, value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateAlert(this.component._alert);\n        this.validateTouched(this.component._touched);\n    }\n}\n\nclass InputController extends ControlledInputController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.valueChangeListeners = [];\n        this.onFacade = {\n            onBlur: this.onBlur.bind(this),\n            onChange: this.onChange.bind(this),\n            onClick: this.onClick.bind(this),\n            onFocus: this.onFocus.bind(this),\n            onInput: this.onInput.bind(this),\n        };\n        this.component = component;\n    }\n    validateAccessKey(value) {\n        validateAccessKey(this.component, value);\n        validateAccessAndShortKey(value, this.component._shortKey);\n    }\n    validateAdjustHeight(value) {\n        validateAdjustHeight(this.component, value);\n    }\n    validateDisabled(value) {\n        watchBoolean(this.component, '_disabled', value);\n        if (value === true) {\n            a11yHintDisabled();\n        }\n    }\n    validateTooltipAlign(value) {\n        validateTooltipAlign(this.component, value);\n    }\n    validateError(value) {\n        if (typeof value === 'string' && value.length > 0) {\n            this.validateMsg({\n                _description: value,\n                _type: 'error',\n            });\n        }\n        else {\n            this.validateMsg(undefined);\n        }\n    }\n    validateHideError(value) {\n        validateHideError(this.component, value, {\n            hooks: {\n                afterPatch: () => {\n                    if (this.component.state._hideError) {\n                        a11yHint('Property hide-error for inputs: Only use when the error message is shown outside of the input component.');\n                    }\n                },\n            },\n        });\n    }\n    validateHideLabel(value) {\n        validateHideLabel(this.component, value, {\n            hooks: {\n                afterPatch: () => {\n                    if (this.component.state._hideLabel) {\n                        a11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n                    }\n                },\n            },\n        });\n    }\n    validateHint(value) {\n        watchString(this.component, '_hint', value);\n    }\n    validateId(value) {\n        watchString(this.component, '_id', value, { minLength: 1 });\n        if (value === '' || typeof value === 'undefined') {\n            devHint(`A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.`);\n        }\n    }\n    validateLabel(value) {\n        validateLabelWithExpertSlot(this.component, value, {\n            required: true,\n        });\n    }\n    validateMsg(value) {\n        validateMsg(this.component, value);\n    }\n    validateOn(value) {\n        if (typeof value === 'object') {\n            setState(this.component, '_on', value);\n        }\n    }\n    validateShortKey(value) {\n        validateShortKey(this.component, value);\n        validateAccessAndShortKey(this.component._accessKey, value);\n    }\n    validateSmartButton(value) {\n        objectObjectHandler(value, () => {\n            try {\n                value = parseJson(value);\n            }\n            catch (e) {\n            }\n            setState(this.component, '_smartButton', value);\n        });\n    }\n    validateTabIndex(value) {\n        validateTabIndex(this.component, value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateAccessKey(this.component._accessKey);\n        this.validateAdjustHeight(this.component._adjustHeight);\n        this.validateError(this.component._error);\n        if (this.component._msg) {\n            this.validateMsg(this.component._msg);\n        }\n        this.validateDisabled(this.component._disabled);\n        this.validateHideError(this.component._hideError);\n        this.validateHideLabel(this.component._hideLabel);\n        this.validateHint(this.component._hint);\n        this.validateId(this.component._id);\n        this.validateLabel(this.component._label);\n        this.validateShortKey(this.component._shortKey);\n        this.validateSmartButton(this.component._smartButton);\n        this.validateOn(this.component._on);\n        this.validateTabIndex(this.component._tabIndex);\n        validateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n    }\n    onBlur(event) {\n        var _a;\n        this.component._touched = true;\n        stopPropagation(event);\n        tryToDispatchKoliBriEvent('blur', this.host);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onBlur) === 'function') {\n            this.component._on.onBlur(event);\n        }\n    }\n    onChange(event, value) {\n        var _a;\n        value = value !== null && value !== void 0 ? value : event.target.value;\n        tryToDispatchKoliBriEvent('change', this.host, value);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onChange) === 'function') {\n            this.component._on.onChange(event, value);\n        }\n        this.valueChangeListeners.forEach((listener) => listener(value));\n    }\n    onInput(event, shouldSetFormAssociatedValue = true, value) {\n        var _a;\n        value = value !== null && value !== void 0 ? value : event.target.value;\n        stopPropagation(event);\n        tryToDispatchKoliBriEvent('input', this.host, value);\n        if (shouldSetFormAssociatedValue) {\n            this.setFormAssociatedValue(value);\n        }\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onInput) === 'function') {\n            this.component._on.onInput(event, value);\n        }\n    }\n    onClick(event) {\n        var _a;\n        stopPropagation(event);\n        tryToDispatchKoliBriEvent('click', this.host);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onClick) === 'function') {\n            this.component._on.onClick(event);\n        }\n    }\n    onFocus(event) {\n        var _a;\n        stopPropagation(event);\n        tryToDispatchKoliBriEvent('focus', this.host);\n        if (typeof ((_a = this.component._on) === null || _a === void 0 ? void 0 : _a.onFocus) === 'function') {\n            this.component._on.onFocus(event);\n        }\n    }\n    addValueChangeListener(listener) {\n        this.valueChangeListeners.push(listener);\n    }\n}\n\nexport { InputController as I, getRenderStates as g };\n\n//# sourceMappingURL=controller-c87b8bd9.js.map"],"names":["validateAdjustHeight","component","value","watchBoolean","validateHideError","options","validateMsg","objectObjectHandler","parseJson","watchValidator","isObject","validateTouched","getRenderStates","state","_a","_b","hasError","hasHint","ariaDescribedBy","ControlledInputController","AssociatedInputController","name","host","InputController","validateAccessKey","validateAccessAndShortKey","a11yHintDisabled","validateTooltipAlign","a11yHint","validateHideLabel","watchString","devHint","validateLabelWithExpertSlot","setState","validateShortKey","validateTabIndex","event","stopPropagation","tryToDispatchKoliBriEvent","listener","shouldSetFormAssociatedValue"],"mappings":"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"}