@public-ui/sample-react 2.0.12-rc.0 → 2.0.13

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@public-ui/sample-react",
-  "version": "2.0.12-rc.0",
+  "version": "2.0.13",
   "description": "This app contains samples for the KoliBri/Public UI",
   "license": "EUPL-1.2",
   "dependencies": {
     "@leanup/stack": "1.3.49",
     "@leanup/stack-react": "1.3.49",
     "@leanup/stack-webpack": "1.3.49",
-    "@public-ui/components": "2.0.12-rc.0",
-    "@public-ui/react": "2.0.12-rc.0",
-    "@public-ui/themes": "2.0.12-rc.0",
+    "@public-ui/components": "2.0.13",
+    "@public-ui/react": "2.0.13",
+    "@public-ui/themes": "2.0.13",
     "@types/node": "ts5.4",
-    "@types/react": "18.2.73",
-    "@types/react-dom": "18.2.22",
-    "@unocss/preset-uno": "0.58.7",
-    "@unocss/webpack": "0.58.7",
+    "@types/react": "18.2.77",
+    "@types/react-dom": "18.2.25",
+    "@unocss/preset-uno": "0.58.9",
+    "@unocss/webpack": "0.58.9",
     "ajv": "8.12.0",
     "chromedriver": "122.0.6",
     "cpy-cli": "5.0.0",
@@ -29,7 +29,7 @@
     "react-router-dom": "6.22.3",
     "rimraf": "5.0.5",
     "ts-prune": "0.10.3",
-    "typescript": "5.4.3",
+    "typescript": "5.4.5",
     "world_countries_lists": "2.9.0",
     "yup": "1.4.0"
   },

package/src/components/accordion/list.tsx

@@ -17,6 +17,18 @@ const LIST = [
 		heading: 'Überschrift Accordion Tab 3',
 		content: 'Inhalt Accordion Tab 3',
 	},
+	{
+		heading: 'Überschrift Accordion Tab 4',
+		content: 'Inhalt Accordion Tab 4',
+	},
+	{
+		heading: 'Überschrift Accordion Tab 5',
+		content: 'Inhalt Accordion Tab 5',
+	},
+	{
+		heading: 'Überschrift Accordion Tab 6',
+		content: 'Inhalt Accordion Tab 6',
+	},
 ];
 
 export const AccordionList: FC = () => (
@@ -24,12 +36,10 @@ export const AccordionList: FC = () => (
 		<SampleDescription>
 			<p>Beim klicken mit der Maus auf die einzelnen Überschriften, soll der Inhalt darunter aufgeklappt und beim erneuten klicken wieder zugeklappt werden.</p>
 		</SampleDescription>
-		<div className="grid gap-4">
-			{LIST.map(({ heading, content }, index) => (
-				<KolAccordion _label={heading} _level={1} _open={index === 1} key={index}>
-					<p>{content}</p>
-				</KolAccordion>
-			))}
-		</div>
+		{LIST.map(({ heading, content }, index) => (
+			<KolAccordion _label={heading} _level={1} _open={index === 1} key={index}>
+				<p>{content}</p>
+			</KolAccordion>
+		))}
 	</>
 );

package/src/components/table/complex-headers.tsx

@@ -0,0 +1,90 @@
+import type { FC } from 'react';
+import React from 'react';
+import { KolTable } from '@public-ui/react';
+import { SampleDescription } from '../SampleDescription';
+
+export const TableComplexHeaders: FC = () => (
+	<>
+		<SampleDescription>Table using vertical and horizontal headers, applying colspan and rowspan.</SampleDescription>
+
+		<KolTable
+			_label="Business hours"
+			_data={[
+				{
+					asp: 'Center',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+				{
+					asp: 'Tiergarten',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+				{
+					asp: 'Maxvorstadt',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+			]}
+			_headers={{
+				vertical: [[{ label: 'Berlin', rowSpan: 2 }, { label: 'München' }]],
+				horizontal: [
+					[
+						{
+							label: '',
+							colSpan: 7,
+						},
+						{
+							label: 'Weekend',
+							colSpan: 2,
+						},
+					],
+					[
+						{ label: '' },
+						{
+							label: 'District',
+							key: 'asp',
+						},
+						{
+							label: 'Monday',
+							key: 'monday',
+						},
+						{
+							label: 'Tuesday',
+							key: 'tuesday',
+						},
+						{
+							label: 'Wednesday',
+							key: 'wednesday',
+						},
+						{
+							label: 'Thursday',
+							key: 'thursday',
+						},
+						{
+							label: 'Friday',
+							key: 'friday',
+						},
+						{
+							label: 'Saturday',
+							key: 'saturday',
+						},
+						{
+							label: 'Sunday',
+							key: 'sunday',
+						},
+					],
+				],
+			}}
+		/>
+	</>
+);

package/src/components/table/routes.ts

@@ -1,20 +1,24 @@
 import { Routes } from '../../shares/types';
+import { PaginationPosition } from './pagination-position';
 import { TableBadgeSize } from './badge-size';
 import { TableColumnAlignment } from './column-alignment';
+import { TableComplexHeaders } from './complex-headers';
 import { TableHorizontalScrollbar } from './horizontal-scrollbar';
-import { PaginationPosition } from './pagination-position';
 import { TableRenderCell } from './render-cell';
 import { TableSortData } from './sort-data';
+import { TableWithFooter } from './with-footer';
 import { TableWithPagination } from './with-pagination';
 
 export const TABLE_ROUTES: Routes = {
 	table: {
 		'badge-size': TableBadgeSize,
 		'column-alignment': TableColumnAlignment,
+		'complex-headers': TableComplexHeaders,
 		'horizontal-scrollbar': TableHorizontalScrollbar,
+		'pagination-position': PaginationPosition,
 		'render-cell': TableRenderCell,
 		'sort-data': TableSortData,
+		'with-footer': TableWithFooter,
 		'with-pagination': TableWithPagination,
-		'pagination-position': PaginationPosition,
 	},
 };

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

@@ -13,7 +13,7 @@ const DATE_FORMATTER = Intl.DateTimeFormat('de-DE', {
 	year: 'numeric',
 });
 
-const HEADERS: KoliBriTableHeaders = {
+const HEADERS_HORIZONTAL: KoliBriTableHeaders = {
 	horizontal: [
 		[
 			{ label: 'order', key: 'order', textAlign: 'center' },
@@ -33,6 +33,26 @@ const HEADERS: KoliBriTableHeaders = {
 	],
 };
 
+const HEADERS_VERTICAL: KoliBriTableHeaders = {
+	vertical: [
+		[
+			{ label: 'order', key: 'order', textAlign: 'center' },
+			{
+				label: 'date',
+				key: 'date',
+				textAlign: 'center',
+				render: (_el, _cell, tupel) => DATE_FORMATTER.format((tupel as Data).date),
+				sort: (data: Data[]) =>
+					data.sort((data0, data1) => {
+						if (data0.date < data1.date) return -1;
+						else if (data1.date < data0.date) return 1;
+						else return 0;
+					}),
+			},
+		],
+	],
+};
+
 export const TableSortData: FC = () => (
 	<>
 		<SampleDescription>
@@ -41,6 +61,13 @@ export const TableSortData: FC = () => (
 				jüngsten Datum.
 			</p>
 		</SampleDescription>
-		<KolTable _label="Sort a date column" _data={DATA} _headers={HEADERS} className="block" />
+
+		<h2>Vertical</h2>
+
+		<KolTable _label="Sort a date column" _data={DATA.slice(0, 10)} _headers={HEADERS_VERTICAL} className="block" />
+
+		<h2>Horizontal</h2>
+
+		<KolTable _label="Sort a date column" _data={DATA} _headers={HEADERS_HORIZONTAL} className="block" />
 	</>
 );

package/src/components/table/with-footer.tsx

@@ -0,0 +1,75 @@
+import type { FC } from 'react';
+import React from 'react';
+import { KolTable } from '@public-ui/react';
+import { SampleDescription } from '../SampleDescription';
+
+export const TableWithFooter: FC = () => (
+	<>
+		<SampleDescription>Table with footer data</SampleDescription>
+
+		<KolTable
+			_label="Business hours"
+			_headers={{
+				horizontal: [
+					[
+						{
+							label: 'District',
+							key: 'asp',
+						},
+						{
+							label: 'Monday',
+							key: 'monday',
+						},
+						{
+							label: 'Tuesday',
+							key: 'tuesday',
+						},
+						{
+							label: 'Wednesday',
+							key: 'wednesday',
+						},
+						{
+							label: 'Thursday',
+							key: 'thursday',
+						},
+						{
+							label: 'Friday',
+							key: 'friday',
+						},
+					],
+				],
+			}}
+			_data={[
+				{
+					asp: 'Center',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+				{
+					asp: 'Tiergarten',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+				{
+					asp: 'Maxvorstadt',
+					monday: '08:00',
+					tuesday: '08:00',
+					wednesday: '10:00',
+					thursday: '11:00',
+					friday: '08:00',
+				},
+			]}
+			_dataFoot={[
+				{
+					tuesday: "Lunch break from 11 to 14 o'clock",
+				},
+			]}
+		/>
+	</>
+);

package/src/components/tabs/basic.tsx

@@ -11,12 +11,12 @@ const tabs = [
 	},
 	{
 		_icons: 'codicon codicon-calendar',
-		_label: 'Zweites Tab',
+		_label: 'Zweiter Tab',
 	},
 	{
 		_disabled: true,
 		_icons: 'codicon codicon-briefcase',
-		_label: 'Deaktiviertes Tab',
+		_label: 'Deaktivierter Tab',
 	},
 	{
 		_icons: 'codicon codicon-telescope',

package/dist/8231.js

@@ -1,2 +0,0 @@
-/*! For license information please see 8231.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[8231],{9578:(t,e,o)=>{o.d(e,{I:()=>i});var n=o(6212);const i=({accessKey:t,label:e})=>{let[o,...i]=e.split(t);return 0===i.length&&(t=t.toUpperCase(),[o,...i]=e.split(t)),0===i.length&&(t=t.toLowerCase(),[o,...i]=e.split(t)),(0,n.h)(n.F,null,o,i.length?(0,n.h)(n.F,null,(0,n.h)("u",null,t),i.join(t)):null)}},2439:(t,e,o)=>{o.d(e,{A:()=>i});var n=o(1024);class i{constructor(t,e,o){var i,s,a,r;if(this.experimentalMode=(0,n.Z)(),this.setFormAssociatedValue=t=>{var e;const o=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==o&&""!==o||(0,n.R)(` The form field (${this.type}) must have a name attribute to be form-associated. Please define the _name attribute.`);const i=this.tryToStringifyValue(t);this.syncValue(t,i,this.formAssociated),this.syncValue(t,i,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(o),this.type=e,this.experimentalMode&&("KOL-BUTTON"===(r=null===(i=this.host)||void 0===i?void 0:i.tagName)||"KOL-INPUT-CHECKBOX"===r||"KOL-INPUT-COLOR"===r||"KOL-INPUT-DATE"===r||"KOL-INPUT-EMAIL"===r||"KOL-INPUT-FILE"===r||"KOL-INPUT-NUMBER"===r||"KOL-INPUT-PASSWORD"===r||"KOL-INPUT-RADIO"===r||"KOL-INPUT-RANGE"===r||"KOL-INPUT-TEXT"===r||"KOL-SELECT"===r||"KOL-TEXTAREA"===r)){switch(null===(s=this.host)||void 0===s||s.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),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;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(a=this.host)||void 0===a||a.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,o){if(this.experimentalMode)try{if("boolean"!=typeof(o="object"==typeof o&&null!==o?JSON.stringify(o):o)&&"number"!=typeof o&&"string"!=typeof o)throw new Error("Invalid value type: "+typeof o);null==e||e.setAttribute(t,`${o}`)}catch(o){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return(0,n.$)(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,o){if(o)switch(this.type){case"file":o.files=t;break;case"select":o.querySelectorAll("option").forEach((t=>{o.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),o.appendChild(t)}}));break;default:"string"==typeof e?(o.setAttribute("value",e),o.value=e):(o.removeAttribute("value"),o.value="")}}validateName(t){(0,n.a0)(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&(0,n.R)("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(this.experimentalMode&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}},9502:(t,e,o)=>{o.d(e,{I:()=>l,g:()=>a});var n=o(1024),i=o(6251),s=o(2439);const a=t=>{var e,o;const n=Boolean("error"===(null===(e=t._msg)||void 0===e?void 0:e._type)&&t._msg._description&&(null===(o=t._msg._description)||void 0===o?void 0:o.length)>0)&&!0===t._touched,i="string"==typeof t._hint&&t._hint.length>0,s=[];return!0===n&&s.push(`${t._id}-error`),!0===i&&s.push(`${t._id}-hint`),{hasError:n,hasHint:i,ariaDescribedBy:s}};class r extends s.A{constructor(t,e,o){super(t,e,o),this.component=t}validateAlert(t){(0,n.z)(this.component,"_alert",t)}validateTouched(t){(0,n.J)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class l extends r{constructor(t,e,o){super(t,e,o),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){(0,n.A)(this.component,"_accessKey",t)}validateAdjustHeight(t){(0,n.M)(this.component,t)}validateDisabled(t){(0,n.z)(this.component,"_disabled",t),!0===t&&(0,n.N)()}validateError(t){const e=t?{_description:t,_type:"error"}:void 0;this.validateMsg(e)}validateHideError(t){(0,n.O)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&(0,n.Q)("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(t){(0,n.P)(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&(0,n.Q)("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(t){(0,n.A)(this.component,"_hint",t)}validateId(t){(0,n.A)(this.component,"_id",t,{hooks:{afterPatch:()=>{this.setAttribute("id",this.formAssociated,this.component.state._id)}},minLength:1}),""!==t&&void 0!==t||(0,n.R)("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateLabel(t){(0,n.S)(this.component,t,{required:!0})}validateMsg(t){(0,n.T)(this.component,t)}validateOn(t){"object"==typeof t&&(0,n.k)(this.component,"_on",t)}validateSmartButton(t){(0,n.q)(t,(()=>{try{t=(0,n.r)(t)}catch(t){}(0,n.k)(this.component,"_smartButton",t)}))}validateTabIndex(t){(0,n.U)(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),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.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,(0,i.s)(t),(0,i.t)("blur",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onBlur)&&this.component._on.onBlur(t)}onChange(t){var e;const o=t.target.value;(0,i.t)("change",this.host,o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o),this.valueChangeListeners.forEach((t=>t(o)))}onInput(t,e=!0){var o;const n=t.target.value;(0,i.s)(t),(0,i.t)("input",this.host),e&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(t)}onClick(t){var e;(0,i.s)(t),(0,i.t)("click",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onClick)&&this.component._on.onClick(t)}onFocus(t){var e;this.component._alert=!0,(0,i.s)(t),(0,i.t)("focus",this.host),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}},6880:(t,e,o)=>{o.d(e,{I:()=>s});var n=o(1024),i=o(6182);class s extends i.I{constructor(t,e,o){super(t,e,o),this.component=t}validateAutoComplete(t){(0,n.w)(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){(0,n.aa)(this.component,t)}validateMaxLength(t){(0,n.a5)(this.component,"_maxLength",t,{min:0})}validatePattern(t){(0,n.A)(this.component,"_pattern",t)}validatePlaceholder(t){(0,n.A)(this.component,"_placeholder",t)}validateReadOnly(t){(0,n.z)(this.component,"_readOnly",t)}validateRequired(t){(0,n.z)(this.component,"_required",t)}validateValue(t){(0,n.A)(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value)}onBlur(t){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(t)}onFocus(t){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(t)}}},4242:(t,e,o)=>{o.d(e,{a:()=>s,p:()=>a});var n=o(1024);const i=t=>{for((0,n.Z)()&&((0,n.R)("↓ Search form element start."),console.log(t));t instanceof HTMLElement&&"FORM"!==t.tagName&&"KOL-FORM"!==t.tagName;){try{t=t.parentElement instanceof HTMLElement?t.parentElement:t.parentNode instanceof ShadowRoot?t.parentNode.host:null}catch(t){}(0,n.Z)()&&(console.log(t),(0,n.R)("↑ Search form element finished."))}return t},s=(t={})=>{var e,o;const s=i(t.form);if(s instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===s.tagName)(0,n.a7)(t,s),s.dispatchEvent(t);else if("KOL-FORM"===s.tagName){(0,n.a7)(t,n.K.querySelector("form",s));const i=s;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onReset)&&(null===(o=i._on)||void 0===o||o.onReset(t))}}},a=(t={})=>{var e,o;const s=i(t.form);if(s instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:s});if("FORM"===s.tagName)(0,n.a7)(t,s),s.dispatchEvent(t),(0,n.Z)()&&!1===s.noValidate&&(0,n.R)("If you have not focusable or hidden form fields in your form, you should enable noValidate for your form.",{force:!0}),"function"==typeof s.requestSubmit&&s.requestSubmit();else if("KOL-FORM"===s.tagName){(0,n.a7)(t,n.K.querySelector("form",s));const i=s;"function"==typeof(null===(e=i._on)||void 0===e?void 0:e.onSubmit)&&(null===(o=i._on)||void 0===o||o.onSubmit(t))}}}},6182:(t,e,o)=>{o.d(e,{I:()=>a});var n=o(1024),i=o(9502);const s=(t,e)=>{const o=t;"object"==typeof o&&null!==o&&((0,n.F)(o.right,1)&&(o.right={icon:o.right}),(0,n.F)(o.left,1)&&(o.left={icon:o.left}),e.set("_icons",o))};class a extends i.I{constructor(t,e,o){super(t,e,o),this.component=t}validateIcon(t){this.validateIcons(t)}validateIcons(t){(0,n.q)(t,(()=>{try{t=(0,n.r)(t)}catch(t){}(0,n.w)(this.component,"_icons",(t=>"object"==typeof t&&null!==t&&((0,n.F)(t.left,1)||(0,n.a3)(t.left)||(0,n.F)(t.right,1)||(0,n.a3)(t.right))),new Set(["KoliBriHorizontalIcon"]),t,{hooks:{beforePatch:s},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons||this.component._icon)}}},9744:(t,e,o)=>{o.d(e,{i:()=>s,n:()=>r,r:()=>a});var n=o(1024);const i=()=>{let t=(0,n.d)().KoliBri;return void 0===t&&(t={},Object.defineProperty((0,n.d)(),"KoliBri",{value:t,writable:!1})),t},s=()=>{(()=>{const t=(0,n.g)().querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&((0,n.s)(e.includes("dev-mode=true")),(0,n.b)(e.includes("experimental-mode=true")),(0,n.c)(e.includes("color-contrast-analysis=true")))}})(),n.L.debug("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.0.8\n\t",{forceLog:!0})},a=()=>{!0!==i().adviceShown&&(Object.defineProperty(i(),"adviceShown",{get:function(){return!0}}),n.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let r=()=>Math.floor(16777215*Math.random()).toString(16);"test"===n.p&&(r=()=>"nonce")},6251:(t,e,o)=>{function n(t){t.stopImmediatePropagation(),t.stopPropagation()}function i(t,e,o){e&&function(t,e,o){const n=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,o))}(e,t,o)}function s(t){t.preventDefault(),n(t)}o.d(e,{p:()=>s,s:()=>n,t:()=>i})}}]);