@public-ui/components 1.5.0-rc.17 → 1.5.0-rc.19

package/dist/kolibri/button-link-0f3cba87.js.map

@@ -1 +1 @@
-{"version":3,"names":["watchTooltipAlignment","component","propName","value","watchValidator","Set","defaultValue"],"sources":["./src/types/button-link.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\nimport { Events } from '../enums/events';\nimport { watchValidator } from '../utils/prop.validators';\nimport { EventCallback, EventValueOrEventCallback } from './callbacks';\nimport { Stringified } from './common';\nimport { KoliBriAllIcon, KoliBriIconProp } from './icon';\nimport { Alignment, PropAriaCurrent, PropAriaExpanded, PropAriaSelected, PropDisabled, PropStealth } from './props';\nimport { PropLabel } from './props/label';\n\nexport type AlternativButtonLinkRole = 'button' | 'link' | 'tab';\n\n/**\n * https://twitter.com/housecor/status/1541037184622403584?t=HoUiOAZEcXFeuDl-VWAEZg\n * https://mui.com/material-ui/react-link/#accessibility\n * https://mui.com/material-ui/react-button/#text-button\n */\ntype RequiredButtonAndLinkProps = PropLabel;\ntype OptionalButtonAndLinkProps = {\n\tariaControls: string;\n\tariaLabel: string;\n\ticon: Stringified<KoliBriIconProp>;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Alignment;\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Alignment;\n} & PropAriaCurrent &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled;\n\ntype RequiredButtonAndLinkStates = {\n\ticon: KoliBriAllIcon;\n\tlabel: string;\n};\ntype OptionalButtonAndLinkStates = {\n\tariaLabel: string;\n\tariaControls: string;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Alignment;\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Alignment;\n} & PropAriaCurrent &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled;\n\n/**\n * Button\n */\nexport type KoliBriButtonType = 'button' | 'reset' | 'submit';\nexport type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'danger' | 'ghost' | 'custom';\n\nexport type KoliBriButtonCallbacks<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\nexport type KoliBriButtonVariantPropState = {\n\tvariant: KoliBriButtonVariant;\n};\nexport type KoliBriButtonCustomClassPropState = {\n\tcustomClass: string;\n};\n\n/**\n * API ButtonLink\n */\nexport type RequiredButtonLinkProps = RequiredButtonAndLinkProps;\nexport type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated Zweck?!\n\t */\n\taccessKey: string;\n\tdisabled: boolean;\n\tid: string;\n\ton: KoliBriButtonCallbacks<unknown>;\n\ttype: KoliBriButtonType;\n\tvalue: Stringified<unknown>;\n};\n// type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\ntype RequiredButtonLinkStates = RequiredButtonAndLinkStates &\n\tKoliBriButtonVariantPropState & {\n\t\ttype: KoliBriButtonType;\n\t};\ntype OptionalButtonLinkStates = OptionalButtonAndLinkStates &\n\tKoliBriButtonCustomClassPropState & {\n\t\t/**\n\t\t * @deprecated Zweck?!\n\t\t */\n\t\taccessKey: string;\n\t\tdisabled: boolean;\n\t\tid: string;\n\t\ton: KoliBriButtonCallbacks<unknown>;\n\t\tvalue: unknown;\n\t};\n// type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/**\n * API Button\n */\nexport type RequiredButtonProps = RequiredButtonLinkProps;\nexport type OptionalButtonProps = OptionalButtonLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\nexport type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\nexport type RequiredButtonStates = RequiredButtonLinkStates & KoliBriButtonVariantPropState;\nexport type OptionalButtonStates = OptionalButtonLinkStates & KoliBriButtonCustomClassPropState;\nexport type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/* LINK */\n\n/**\n * @deprecated Link should not use the on-click event. Use a button instead.\n */\nexport type LinkOnCallbacks = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n// https://www.w3schools.com/tags/att_a_target.asp\nexport type LinkTarget = '_blank' | '_parent' | '_self' | '_top' | string;\n\nexport type LinkUseCase = 'text' | 'image' | 'nav';\n\n/**\n * API Link\n */\nexport type RequiredLinkProps = RequiredButtonAndLinkProps & {\n\thref: string;\n};\nexport type OptionalLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated A link could never be disabled. Use a button instead.\n\t */\n\tdisabled: boolean;\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropStealth;\nexport type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;\n\nexport type RequiredLinkStates = RequiredButtonAndLinkStates & {\n\thref: string;\n};\nexport type OptionalLinkStates = OptionalButtonAndLinkStates & {\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropAriaSelected &\n\tPropStealth;\nexport type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;\n\n/**\n * API LinkButton\n */\nexport type RequiredLinkButtonProps = RequiredLinkProps;\nexport type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\n// type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;\n\n// type RequiredLinkButtonStates = KoliBriButtonVariantPropState;\n// type OptionalLinkButtonStates = KoliBriButtonCustomClassPropState;\n// type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n\nexport const watchTooltipAlignment = (component: Generic.Element.Component, propName: string, value?: Alignment): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'top' || value === 'right' || value === 'bottom' || value === 'left',\n\t\tnew Set(['Alignment {top, right, buttom, left}']),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'top',\n\t\t}\n\t);\n};\n"],"mappings":";;;wDAuMaA,EAAwB,CAACC,EAAsCC,EAAkBC,KAC7FC,EACCH,EACAC,GACCC,GAAUA,IAAU,OAASA,IAAU,SAAWA,IAAU,UAAYA,IAAU,QACnF,IAAIE,IAAI,CAAC,yCACTF,EACA,CACCG,aAAc,OAEf,S"}
+{"version":3,"names":["watchTooltipAlignment","component","propName","value","watchValidator","Set","defaultValue"],"sources":["./src/types/button-link.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\nimport { Events } from '../enums/events';\nimport { watchValidator } from '../utils/prop.validators';\nimport { EventCallback, EventValueOrEventCallback } from './callbacks';\nimport { Stringified } from './common';\nimport { KoliBriAllIcon, KoliBriIconProp } from './icon';\nimport { Alignment, PropAriaCurrent, PropAriaExpanded, PropAriaSelected, PropDisabled, PropDownload, PropLabel, PropStealth } from './props';\n\nexport type AlternativButtonLinkRole = 'button' | 'link' | 'tab';\n\n/**\n * https://twitter.com/housecor/status/1541037184622403584?t=HoUiOAZEcXFeuDl-VWAEZg\n * https://mui.com/material-ui/react-link/#accessibility\n * https://mui.com/material-ui/react-button/#text-button\n */\ntype RequiredButtonAndLinkProps = PropLabel;\ntype OptionalButtonAndLinkProps = {\n\tariaControls: string;\n\tariaLabel: string;\n\ticon: Stringified<KoliBriIconProp>;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Alignment;\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Alignment;\n} & PropAriaCurrent &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled;\n\ntype RequiredButtonAndLinkStates = {\n\ticon: KoliBriAllIcon;\n\tlabel: string;\n};\ntype OptionalButtonAndLinkStates = {\n\tariaLabel: string;\n\tariaControls: string;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Alignment;\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Alignment;\n} & PropAriaCurrent &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled;\n\n/**\n * Button\n */\nexport type KoliBriButtonType = 'button' | 'reset' | 'submit';\nexport type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'danger' | 'ghost' | 'custom';\n\nexport type KoliBriButtonCallbacks<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\nexport type KoliBriButtonVariantPropState = {\n\tvariant: KoliBriButtonVariant;\n};\nexport type KoliBriButtonCustomClassPropState = {\n\tcustomClass: string;\n};\n\n/**\n * API ButtonLink\n */\nexport type RequiredButtonLinkProps = RequiredButtonAndLinkProps;\nexport type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated Zweck?!\n\t */\n\taccessKey: string;\n\tdisabled: boolean;\n\tid: string;\n\ton: KoliBriButtonCallbacks<unknown>;\n\ttype: KoliBriButtonType;\n\tvalue: Stringified<unknown>;\n};\n// type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\ntype RequiredButtonLinkStates = RequiredButtonAndLinkStates &\n\tKoliBriButtonVariantPropState & {\n\t\ttype: KoliBriButtonType;\n\t};\ntype OptionalButtonLinkStates = OptionalButtonAndLinkStates &\n\tKoliBriButtonCustomClassPropState & {\n\t\t/**\n\t\t * @deprecated Zweck?!\n\t\t */\n\t\taccessKey: string;\n\t\tdisabled: boolean;\n\t\tid: string;\n\t\ton: KoliBriButtonCallbacks<unknown>;\n\t\tvalue: unknown;\n\t};\n// type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/**\n * API Button\n */\nexport type RequiredButtonProps = RequiredButtonLinkProps;\nexport type OptionalButtonProps = OptionalButtonLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\nexport type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\nexport type RequiredButtonStates = RequiredButtonLinkStates & KoliBriButtonVariantPropState;\nexport type OptionalButtonStates = OptionalButtonLinkStates & KoliBriButtonCustomClassPropState;\nexport type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/* LINK */\n\n/**\n * @deprecated Link should not use the on-click event. Use a button instead.\n */\nexport type LinkOnCallbacks = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n// https://www.w3schools.com/tags/att_a_target.asp\nexport type LinkTarget = '_blank' | '_parent' | '_self' | '_top' | string;\n\nexport type LinkUseCase = 'text' | 'image' | 'nav';\n\n/**\n * API Link\n */\nexport type RequiredLinkProps = RequiredButtonAndLinkProps & {\n\thref: string;\n};\nexport type OptionalLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated A link could never be disabled. Use a button instead.\n\t */\n\tdisabled: boolean;\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropDownload &\n\tPropStealth;\nexport type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;\n\nexport type RequiredLinkStates = RequiredButtonAndLinkStates & {\n\thref: string;\n};\nexport type OptionalLinkStates = OptionalButtonAndLinkStates & {\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropAriaSelected &\n\tPropDownload &\n\tPropStealth;\nexport type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;\n\n/**\n * API LinkButton\n */\nexport type RequiredLinkButtonProps = RequiredLinkProps;\nexport type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\n// type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;\n\n// type RequiredLinkButtonStates = KoliBriButtonVariantPropState;\n// type OptionalLinkButtonStates = KoliBriButtonCustomClassPropState;\n// type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n\nexport const watchTooltipAlignment = (component: Generic.Element.Component, propName: string, value?: Alignment): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'top' || value === 'right' || value === 'bottom' || value === 'left',\n\t\tnew Set(['Alignment {top, right, buttom, left}']),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'top',\n\t\t}\n\t);\n};\n"],"mappings":";;;wDAwMaA,EAAwB,CAACC,EAAsCC,EAAkBC,KAC7FC,EACCH,EACAC,GACCC,GAAUA,IAAU,OAASA,IAAU,SAAWA,IAAU,UAAYA,IAAU,QACnF,IAAIE,IAAI,CAAC,yCACTF,EACA,CACCG,aAAc,OAEf,S"}

package/dist/kolibri/{controller-22781e1d.js → controller-29e1bd76.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t,d as s}from"./prop.validators-e402ad49.js";import{I as e}from"./controller-0f18a72b.js";class r extends e{constructor(t,s,e){super(t,s,e),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class a extends r{constructor(t,s,e){super(t,s,e),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,a};
+import{a as t,d as s}from"./prop.validators-e402ad49.js";import{I as e}from"./controller-c5b419c7.js";class r extends e{constructor(t,s,e){super(t,s,e),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class a extends r{constructor(t,s,e){super(t,s,e),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,a};

package/dist/kolibri/{controller-cbcb5b86.js → controller-37d0d40b.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{e as i,d as t}from"./a11y.tipps-1cea9822.js";import{b as s,w as e,s as h,o as n,p as o}from"./prop.validators-e402ad49.js";import{v as a}from"./tab-index-63d1379d.js";import{b as d}from"./dev.utils-157f0499.js";const r=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,n=[];return!0===e&&n.push(`${t._id}-error`),!0===o&&n.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDiscribedBy:n}},l=d();class u{constructor(t,e,o){var n,i,s,a,h;if(this.syncFormAssociatedName=()=>{var t;l&&(null===(t=this.formAssociated)||void 0===t||t.setAttribute("name",this.component.state._name||this.component.state._id))},this.setFormAssociatedValue=(t=null)=>{var e;l&&(null===(e=this.formAssociated)||void 0===e||e.setAttribute("value",t))},this.component=t,this.name=e,this.host=o,l){this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden");const t=(null===(n=this.host)||void 0===n?void 0:n.children)||[];for(let e=0;e<t.length;e++)"INPUT"===(null===(i=this.host)||void 0===i?void 0:i.children[e].tagName)&&(null===(s=this.host)||void 0===s||s.removeChild(null===(a=this.host)||void 0===a?void 0:a.children[e]));null===(h=this.host)||void 0===h||h.appendChild(this.formAssociated)}}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class v extends u{constructor(t,e,o){super(t,e,o),this.hideLabel=!1,this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(t){s(this.component,"_disabled",t),!0===t&&i()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateId(o){e(this.component,"_id",o,{hooks:{afterPatch:this.syncFormAssociatedName},minLength:1}),""!==o&&void 0!==o||t("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(o){e(this.component,"_name",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&h(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=o(t)}catch(t){}h(this.component,"_smartButton",t)}))}validateTabIndex(t){a(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),this.syncFormAssociatedName()}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,"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;this.setFormAssociatedValue(o),this.valueChangeListeners.forEach((t=>t(o))),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o)}onClick(t){var e;"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,"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}export{v as I,r as g};
+import{e as i,d as t}from"./a11y.tipps-1cea9822.js";import{b as s,w as e,s as h,o as n,p as o}from"./prop.validators-e402ad49.js";import{v as a}from"./tab-index-63d1379d.js";import{b as d}from"./dev.utils-157f0499.js";const r=t=>{const e="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,n=[];return!0===e&&n.push(`${t._id}-error`),!0===o&&n.push(`${t._id}-hint`),{hasError:e,hasHint:o,ariaDescribedBy:n}},l=d();class u{constructor(t,e,o){var n,i,s,a,h;if(this.syncFormAssociatedName=()=>{var t;l&&(null===(t=this.formAssociated)||void 0===t||t.setAttribute("name",this.component.state._name||this.component.state._id))},this.setFormAssociatedValue=(t=null)=>{var e;l&&(null===(e=this.formAssociated)||void 0===e||e.setAttribute("value",t))},this.component=t,this.name=e,this.host=o,l){this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden");const t=(null===(n=this.host)||void 0===n?void 0:n.children)||[];for(let e=0;e<t.length;e++)"INPUT"===(null===(i=this.host)||void 0===i?void 0:i.children[e].tagName)&&(null===(s=this.host)||void 0===s||s.removeChild(null===(a=this.host)||void 0===a?void 0:a.children[e]));null===(h=this.host)||void 0===h||h.appendChild(this.formAssociated)}}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}class v extends u{constructor(t,e,o){super(t,e,o),this.hideLabel=!1,this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(t){s(this.component,"_disabled",t),!0===t&&i()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateId(o){e(this.component,"_id",o,{hooks:{afterPatch:this.syncFormAssociatedName},minLength:1}),""!==o&&void 0!==o||t("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(o){e(this.component,"_name",o,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===o&&t("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&h(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=o(t)}catch(t){}h(this.component,"_smartButton",t)}))}validateTabIndex(t){a(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),this.syncFormAssociatedName()}onBlur(t){var e;this.component._alert=!0,this.component._touched=!0,"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;this.setFormAssociatedValue(o),this.valueChangeListeners.forEach((t=>t(o))),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o)}onClick(t){var e;"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,"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onFocus)&&this.component._on.onFocus(t)}setValue(t,e){var o;this.setFormAssociatedValue(e),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,e)}addValueChangeListener(t){this.valueChangeListeners.push(t)}}export{v as I,r as g};

package/dist/kolibri/{controller-cbcb5b86.js.map → controller-37d0d40b.js.map}

@@ -1 +1 @@
-{"version":3,"names":["getRenderStates","state","hasError","_error","length","_touched","hasHint","_hint","ariaDiscribedBy","push","_id","EXPERIMENTAL_MODE","getExperimalMode","ControlledInputController","constructor","component","name","host","this","syncFormAssociatedName","_a","formAssociated","setAttribute","_name","setFormAssociatedValue","value","document","createElement","children","i","_b","tagName","_c","removeChild","_d","_e","appendChild","validateAlert","watchBoolean","validateTouched","componentWillLoad","_alert","InputController","super","hideLabel","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","validateAccessKey","watchString","validateAdjustHeight","validateDisabled","a11yHintDisabled","validateError","validateHideLabel","validateHint","validateId","hooks","afterPatch","minLength","devHint","validateName","validateOn","setState","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_accessKey","_adjustHeight","_disabled","_hideLabel","_smartButton","_on","_tabIndex","event","target","forEach","listener","setValue","addValueChangeListener"],"sources":["./src/components/input/controller.ts","./src/components/input-adapter-leanup/controller.ts","./src/components/@deprecated/input/controller.ts"],"sourcesContent":["/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_error?: string;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: boolean;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDiscribedBy: string[];\n} => {\n\tconst hasError = typeof state._error === 'string' && state._error.length > 0 && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDiscribedBy: string[] = [];\n\tif (hasError === true) {\n\t\tariaDiscribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDiscribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDiscribedBy };\n};\n","import { Generic } from '@a11y-ui/core';\nimport { getExperimalMode } from '../../utils/dev.utils';\nimport { watchBoolean } from '../../utils/prop.validators';\nimport { Props, Watches } from './types';\n\nconst EXPERIMENTAL_MODE = getExperimalMode();\n\nexport class ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprotected readonly name: string;\n\tprotected readonly host?: HTMLElement;\n\n\tpublic readonly formAssociated?: HTMLInputElement;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tthis.component = component;\n\t\tthis.name = name;\n\t\tthis.host = host;\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\tthis.formAssociated.setAttribute('type', 'hidden');\n\t\t\tconst children = this.host?.children || [];\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tif (this.host?.children[i].tagName === 'INPUT') {\n\t\t\t\t\tthis.host?.removeChild(this.host?.children[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.host?.appendChild(this.formAssociated);\n\t\t}\n\t}\n\n\tprotected readonly syncFormAssociatedName = () => {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated?.setAttribute('name', (this.component.state._name as string) || (this.component.state._id as string));\n\t\t}\n\t};\n\n\tpublic readonly setFormAssociatedValue = (value: string | null = null) => {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated?.setAttribute('value', value as string);\n\t\t}\n\t};\n\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this.component, '_alert', value);\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\twatchBoolean(this.component, '_touched', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this.component._alert);\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import { Generic } from '@a11y-ui/core';\nimport { ButtonProps } from '../../../types/button-link';\nimport { InputTypeOnDefault } from '../../../types/input/types';\nimport { a11yHintDisabled, devHint } from '../../../utils/a11y.tipps';\nimport { objectObjectHandler, parseJson, setState, watchBoolean, watchString } from '../../../utils/prop.validators';\nimport { validateTabIndex } from '../../../utils/validators/tab-index';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\nimport { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: string) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tpublic hideLabel = false;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this.component, '_accessKey', value);\n\t}\n\n\tpublic validateAdjustHeight(value?: boolean): void {\n\t\twatchBoolean(this.component, '_adjustHeight', value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\tpublic validateError(value?: string): void {\n\t\twatchString(this.component, '_error', value);\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideLabel', value);\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.syncFormAssociatedName,\n\t\t\t},\n\t\t\tminLength: 1,\n\t\t});\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);\n\t\t}\n\t}\n\n\tpublic validateName(value?: string): void {\n\t\twatchString(this.component, '_name', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.syncFormAssociatedName,\n\t\t\t},\n\t\t});\n\t\tif (typeof value === 'undefined') {\n\t\t\tdevHint(\n\t\t\t\t`Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.`\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateError(this.component._error);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateName(this.component._name);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tthis.syncFormAssociatedName();\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tthis.component._touched = true;\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\tprotected onChange(event: Event): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tthis.setFormAssociatedValue(value);\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic setValue(event: Event, value: string | number | boolean): void {\n\t\tthis.setFormAssociatedValue(value as string);\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t};\n}\n"],"mappings":"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"}
+{"version":3,"names":["getRenderStates","state","hasError","_error","length","_touched","hasHint","_hint","ariaDescribedBy","push","_id","EXPERIMENTAL_MODE","getExperimalMode","ControlledInputController","constructor","component","name","host","this","syncFormAssociatedName","_a","formAssociated","setAttribute","_name","setFormAssociatedValue","value","document","createElement","children","i","_b","tagName","_c","removeChild","_d","_e","appendChild","validateAlert","watchBoolean","validateTouched","componentWillLoad","_alert","InputController","super","hideLabel","valueChangeListeners","onFacade","onBlur","bind","onChange","onClick","onFocus","validateAccessKey","watchString","validateAdjustHeight","validateDisabled","a11yHintDisabled","validateError","validateHideLabel","validateHint","validateId","hooks","afterPatch","minLength","devHint","validateName","validateOn","setState","validateSmartButton","objectObjectHandler","parseJson","e","validateTabIndex","_accessKey","_adjustHeight","_disabled","_hideLabel","_smartButton","_on","_tabIndex","event","target","forEach","listener","setValue","addValueChangeListener"],"sources":["./src/components/input/controller.ts","./src/components/input-adapter-leanup/controller.ts","./src/components/@deprecated/input/controller.ts"],"sourcesContent":["/**\n * Berechnet in Abhängigkeit des Component-State, wie die\n * aria-describedby-Attributs gesetzt werden sollen.\n *\n * @param state State der Component\n * @returns Render-States\n */\nexport const getRenderStates = (state: {\n\t_error?: string;\n\t_hint?: string;\n\t_id: string;\n\t_touched?: boolean;\n}): {\n\thasError: boolean;\n\thasHint: boolean;\n\tariaDescribedBy: string[];\n} => {\n\tconst hasError = typeof state._error === 'string' && state._error.length > 0 && state._touched === true;\n\tconst hasHint = typeof state._hint === 'string' && state._hint.length > 0;\n\n\tconst ariaDescribedBy: string[] = [];\n\tif (hasError === true) {\n\t\tariaDescribedBy.push(`${state._id}-error`);\n\t}\n\tif (hasHint === true) {\n\t\tariaDescribedBy.push(`${state._id}-hint`);\n\t}\n\treturn { hasError, hasHint, ariaDescribedBy };\n};\n","import { Generic } from '@a11y-ui/core';\nimport { getExperimalMode } from '../../utils/dev.utils';\nimport { watchBoolean } from '../../utils/prop.validators';\nimport { Props, Watches } from './types';\n\nconst EXPERIMENTAL_MODE = getExperimalMode();\n\nexport class ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprotected readonly name: string;\n\tprotected readonly host?: HTMLElement;\n\n\tpublic readonly formAssociated?: HTMLInputElement;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tthis.component = component;\n\t\tthis.name = name;\n\t\tthis.host = host;\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\tthis.formAssociated.setAttribute('type', 'hidden');\n\t\t\tconst children = this.host?.children || [];\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tif (this.host?.children[i].tagName === 'INPUT') {\n\t\t\t\t\tthis.host?.removeChild(this.host?.children[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.host?.appendChild(this.formAssociated);\n\t\t}\n\t}\n\n\tprotected readonly syncFormAssociatedName = () => {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated?.setAttribute('name', (this.component.state._name as string) || (this.component.state._id as string));\n\t\t}\n\t};\n\n\tpublic readonly setFormAssociatedValue = (value: string | null = null) => {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.formAssociated?.setAttribute('value', value as string);\n\t\t}\n\t};\n\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this.component, '_alert', value);\n\t}\n\n\tpublic validateTouched(value?: boolean): void {\n\t\twatchBoolean(this.component, '_touched', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this.component._alert);\n\t\tthis.validateTouched(this.component._touched);\n\t}\n}\n","import { Generic } from '@a11y-ui/core';\nimport { ButtonProps } from '../../../types/button-link';\nimport { InputTypeOnDefault } from '../../../types/input/types';\nimport { a11yHintDisabled, devHint } from '../../../utils/a11y.tipps';\nimport { objectObjectHandler, parseJson, setState, watchBoolean, watchString } from '../../../utils/prop.validators';\nimport { validateTabIndex } from '../../../utils/validators/tab-index';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\nimport { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: string) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tpublic hideLabel = false;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this.component, '_accessKey', value);\n\t}\n\n\tpublic validateAdjustHeight(value?: boolean): void {\n\t\twatchBoolean(this.component, '_adjustHeight', value);\n\t}\n\n\tpublic validateDisabled(value?: boolean): void {\n\t\twatchBoolean(this.component, '_disabled', value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\tpublic validateError(value?: string): void {\n\t\twatchString(this.component, '_error', value);\n\t}\n\n\tpublic validateHideLabel(value?: boolean): void {\n\t\twatchBoolean(this.component, '_hideLabel', value);\n\t}\n\n\tpublic validateHint(value?: string): void {\n\t\twatchString(this.component, '_hint', value);\n\t}\n\n\tpublic validateId(value?: string): void {\n\t\twatchString(this.component, '_id', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.syncFormAssociatedName,\n\t\t\t},\n\t\t\tminLength: 1,\n\t\t});\n\t\tif (value === '' || typeof value === 'undefined') {\n\t\t\tdevHint(`Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.`);\n\t\t}\n\t}\n\n\tpublic validateName(value?: string): void {\n\t\twatchString(this.component, '_name', value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: this.syncFormAssociatedName,\n\t\t\t},\n\t\t});\n\t\tif (typeof value === 'undefined') {\n\t\t\tdevHint(\n\t\t\t\t`Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.`\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateError(this.component._error);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateId(this.component._id);\n\t\tthis.validateName(this.component._name);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tthis.syncFormAssociatedName();\n\t}\n\n\tprotected onBlur(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tthis.component._touched = true;\n\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\tthis.component._on.onBlur(event);\n\t\t}\n\t}\n\n\tprotected onChange(event: Event): void {\n\t\tconst value = (event.target as HTMLInputElement).value;\n\t\tthis.setFormAssociatedValue(value);\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: Event): void {\n\t\tthis.component._alert = true;\n\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\tthis.component._on.onFocus(event);\n\t\t}\n\t}\n\n\tpublic setValue(event: Event, value: string | number | boolean): void {\n\t\tthis.setFormAssociatedValue(value as string);\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t};\n}\n"],"mappings":"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"}

package/dist/kolibri/{controller-a9333e53.js → controller-38789301.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t,d as s,m as i,s as e,b as a}from"./prop.validators-e402ad49.js";import{S as o}from"./reuse-3a02afb9.js";import{I as r}from"./controller-cbcb5b86.js";const h=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?h(t,e.options,a):t.set(a,e))}))};class l extends r{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){a(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class n extends l{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),h(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(t,o)){const t=o[0].value;e.set("_value",t),this.onStateChange()}}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){t=i(t),t=Array.isArray(t)?t[0]:t,e(this.component,"_value",t,{beforePatch:this.beforePatchListValue}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,n as a,h as f};
+import{a as t,d as s,m as i,s as e,b as a}from"./prop.validators-e402ad49.js";import{S as o}from"./reuse-3a02afb9.js";import{I as r}from"./controller-37d0d40b.js";const h=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?h(t,e.options,a):t.set(a,e))}))};class l extends r{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){a(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class n extends l{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),h(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(t,o)){const t=o[0].value;e.set("_value",t),this.onStateChange()}}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){t=i(t),t=Array.isArray(t)?t[0]:t,e(this.component,"_value",t,{beforePatch:this.beforePatchListValue}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,n as a,h as f};

package/dist/kolibri/{controller-0f18a72b.js → controller-c5b419c7.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{d as t}from"./a11y.tipps-1cea9822.js";import{a as e,b as i,e as s,w as a}from"./prop.validators-e402ad49.js";import{I as h}from"./controller-icon-8695323b.js";class r extends h{constructor(e,a,n){super(e,a,n),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){a(this.component,"_value",e)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),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.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{r as I};
+import{d as t}from"./a11y.tipps-1cea9822.js";import{a as e,b as i,e as s,w as a}from"./prop.validators-e402ad49.js";import{I as h}from"./controller-icon-6249a817.js";class r extends h{constructor(e,a,n){super(e,a,n),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){a(this.component,"_value",e)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),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.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{r as I};

package/dist/kolibri/{controller-icon-8695323b.js → controller-icon-6249a817.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{o,p as t,a as s}from"./prop.validators-e402ad49.js";import{b as r}from"./reuse-3a02afb9.js";import{i}from"./icon-00018c54.js";import{I as c}from"./controller-cbcb5b86.js";const e=(o,t)=>{const e=o;"object"==typeof e&&null!==e&&(r(e.right,1)&&(e.right={icon:e.right}),r(e.left,1)&&(e.left={icon:e.left}),t.set("_icon",e))};class a extends c{constructor(o,t,e){super(o,t,e),this.component=o}validateIcon(c){o(c,(()=>{try{c=t(c)}catch(o){}s(this.component,"_icon",(o=>"object"==typeof o&&null!==o&&(r(o.left,1)||i(o.left)||r(o.right,1)||i(o.right))),new Set(["KoliBriHorizontalIcon"]),c,{hooks:{beforePatch:e},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcon(this.component._icon)}}export{a as I};
+import{o,p as t,a as s}from"./prop.validators-e402ad49.js";import{b as r}from"./reuse-3a02afb9.js";import{i}from"./icon-00018c54.js";import{I as e}from"./controller-37d0d40b.js";const a=(o,t)=>{const e=o;"object"==typeof e&&null!==e&&(r(e.right,1)&&(e.right={icon:e.right}),r(e.left,1)&&(e.left={icon:e.left}),t.set("_icon",e))};class c extends e{constructor(o,t,e){super(o,t,e),this.component=o}validateIcon(e){o(e,(()=>{try{e=t(e)}catch(o){}s(this.component,"_icon",(o=>"object"==typeof o&&null!==o&&(r(o.left,1)||i(o.left)||r(o.right,1)||i(o.right))),new Set(["KoliBriHorizontalIcon"]),e,{hooks:{beforePatch:a},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcon(this.component._icon)}}export{c as I};

package/dist/kolibri/{floating-ui.dom.esm-0fccfb1e.js → floating-ui.dom.esm-735f9fad.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-function t(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function e(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(e(t))?"x":"y"}function r(i,r,l){let{reference:c,floating:s}=i;const a=c.x+c.width/2-s.width/2,f=c.y+c.height/2-s.height/2,u=o(r),d=n(u),m=c[d]/2-s[d]/2,p="x"===u;let g;switch(e(r)){case"top":g={x:a,y:c.y-s.height};break;case"bottom":g={x:a,y:c.y+c.height};break;case"right":g={x:c.x+c.width,y:f};break;case"left":g={x:c.x-s.width,y:f};break;default:g={x:c.x,y:c.y}}switch(t(r)){case"start":g[u]-=m*(l&&p?-1:1);break;case"end":g[u]+=m*(l&&p?-1:1)}return g}const c=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:l=[],platform:c}=n,s=l.filter(Boolean),a=await(null==c.isRTL?void 0:c.isRTL(e));let f=await c.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=r(f,o,a),m=o,p={},g=0;for(let n=0;n<s.length;n++){const{name:l,fn:h}=s[n],{x:y,y:x,data:w,reset:v}=await h({x:u,y:d,initialPlacement:o,placement:m,strategy:i,middlewareData:p,rects:f,platform:c,elements:{reference:t,floating:e}});u=null!=y?y:u,d=null!=x?x:d,p={...p,[l]:{...p[l],...w}},v&&g<=50&&(g++,"object"==typeof v&&(v.placement&&(m=v.placement),v.rects&&(f=!0===v.rects?await c.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:u,y:d}=r(f,m,a))),n=-1)}return{x:u,y:d,placement:m,strategy:i,middlewareData:p}};function i(t){return{top:0,right:0,bottom:0,left:0,...t}}function s(t){return"number"!=typeof t?i(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function a(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:c,elements:a,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:m="floating",altBoundary:p=!1,padding:g=0}=e,h=s(g),y=a[p?"floating"===m?"reference":"floating":m],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:u,rootBoundary:d,strategy:f})),w="floating"===m?{...c.floating,x:o,y:i}:c.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},T=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:f}):w);return{top:(x.top-T.top+h.top)/b.y,bottom:(T.bottom-x.bottom+h.bottom)/b.y,left:(x.left-T.left+h.left)/b.x,right:(T.right-x.right+h.right)/b.x}}const f=Math.min,u=Math.max;function d(t,e,n){return u(t,f(e,n))}const y=e=>({name:"arrow",options:e,async fn(i){const{element:r,padding:l=0}=e||{},{x:c,y:a,placement:f,rects:u,platform:m,elements:p}=i;if(null==r)return{};const g=s(l),h={x:c,y:a},y=o(f),x=n(y),w=await m.getDimensions(r),v="y"===y,b=v?"top":"left",T=v?"bottom":"right",R=v?"clientHeight":"clientWidth",E=u.reference[x]+u.reference[y]-h[y]-u.floating[x],L=h[y]-u.reference[y],C=await(null==m.getOffsetParent?void 0:m.getOffsetParent(r));let A=C?C[R]:0;A&&await(null==m.isElement?void 0:m.isElement(C))||(A=p.floating[R]||u.floating[x]);const F=E/2-L/2,D=g[b],M=A-w[x]-g[T],P=A/2-w[x]/2+F,k=d(D,P,M),O=null!=t(f)&&P!=k&&u.reference[x]/2-(P<D?g[b]:g[T])-w[x]/2<0;return{[y]:h[y]-(O?P<D?D-P:M-P:0),data:{[y]:k,centerOffset:P-k}}}}),m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}function h(e,i,r){void 0===r&&(r=!1);const l=t(e),c=o(e),s=n(c);let a="x"===c?l===(r?"end":"start")?"right":"left":"start"===l?"bottom":"top";return i.reference[s]>i.floating[s]&&(a=p(a)),{main:a,cross:p(a)}}const x={start:"end",end:"start"};function g(t){return t.replace(/start|end/g,(t=>x[t]))}function w(t){const e=p(t);return[g(t),e,g(e)]}function v(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function b(n,o,i,r){const l=t(n);let c=v(e(n),"start"===i,r);return l&&(c=c.map((t=>t+"-"+l)),o&&(c=c.concat(c.map(g)))),c}const A=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:s,elements:f}=n,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:m,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:x=!0,...v}=t,T=e(i),R=e(c)===c,E=await(null==s.isRTL?void 0:s.isRTL(f.floating)),L=m||(R||!x?[p(c)]:w(c));m||"none"===y||L.push(...b(c,x,y,E));const C=[c,...L],A=await a(n,v),F=[];let D=(null==(o=r.flip)?void 0:o.overflows)||[];if(u&&F.push(A[T]),d){const{main:t,cross:e}=h(i,l,E);F.push(A[t],A[e])}if(D=[...D,{placement:i,overflows:F}],!F.every((t=>t<=0))){var M,P;const t=((null==(M=r.flip)?void 0:M.index)||0)+1,e=C[t];if(e)return{data:{index:t,overflows:D},reset:{placement:e}};let n=null==(P=D.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:P.placement;if(!n)switch(g){case"bestFit":{var k;const t=null==(k=D.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:k[0];t&&(n=t);break}case"initialPlacement":n=c}if(i!==n)return{reset:{placement:n}}}return{}}}};async function k(n,i){const{placement:r,platform:l,elements:c}=n,s=await(null==l.isRTL?void 0:l.isRTL(c.floating)),a=e(r),f=t(r),u="x"===o(r),d=["left","top"].includes(a)?-1:1,m=s&&u?-1:1,p="function"==typeof i?i(n):i;let{mainAxis:g,crossAxis:h,alignmentAxis:y}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...p};return f&&"number"==typeof y&&(h="end"===f?-1*y:y),u?{x:h*m,y:g*d}:{x:g*d,y:h*m}}const R=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await k(e,t);return{x:n+i.x,y:o+i.y,data:i}}}};function P(t){return"x"===t?"y":"x"}const D=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:i,y:r,placement:l}=n,{mainAxis:c=!0,crossAxis:s=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,m={x:i,y:r},p=await a(n,u),g=o(e(l)),h=P(g);let y=m[g],x=m[h];if(c){const t="y"===g?"bottom":"right";y=d(y+p["y"===g?"top":"left"],y,y-p[t])}if(s){const t="y"===h?"bottom":"right";x=d(x+p["y"===h?"top":"left"],x,x-p[t])}const w=f.fn({...n,[g]:y,[h]:x});return{...w,data:{x:w.x-i,y:w.y-r}}}}};function F(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function M(t){return F(t).getComputedStyle(t)}function S(t){return t instanceof F(t).Node}function T(t){return S(t)?(t.nodeName||"").toLowerCase():""}let B;function L(){if(B)return B;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(B=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),B):navigator.userAgent}function C(t){return t instanceof F(t).HTMLElement}function E(t){return t instanceof F(t).Element}function O(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof F(t).ShadowRoot||t instanceof ShadowRoot}function N(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function j(t){return["table","td","th"].includes(T(t))}function H(t){const e=/firefox/i.test(L()),n=M(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function V(){return/^((?!chrome|android).)*safari/i.test(L())}function W(t){return["html","body","#document"].includes(T(t))}const X=Math.min,Y=Math.max,_=Math.round;function q(t){const e=M(t);let n=parseFloat(e.width),o=parseFloat(e.height);const i=C(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,c=_(n)!==r||_(o)!==l;return c&&(n=r,o=l),{width:n,height:o,fallback:c}}function z(t){return E(t)?t:t.contextElement}const G={x:1,y:1};function I(t){const e=z(t);if(!C(e))return G;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=q(e);let l=(r?_(n.width):n.width)/o,c=(r?_(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),c&&Number.isFinite(c)||(c=1),{x:l,y:c}}function J(t,e,n,o){var i,r;void 0===e&&(e=!1),void 0===n&&(n=!1);const c=t.getBoundingClientRect(),s=z(t);let a=G;e&&(o?E(o)&&(a=I(o)):a=I(t));const f=s?F(s):window,u=V()&&n;let d=(c.left+(u&&(null==(i=f.visualViewport)?void 0:i.offsetLeft)||0))/a.x,m=(c.top+(u&&(null==(r=f.visualViewport)?void 0:r.offsetTop)||0))/a.y,p=c.width/a.x,g=c.height/a.y;if(s){const t=F(s),e=o&&E(o)?F(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=I(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,m*=t.y,p*=t.x,g*=t.y,d+=e.x,m+=e.y,n=F(n).frameElement}}return l({width:p,height:g,x:d,y:m})}function K(t){return((S(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function U(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=C(n),r=K(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==T(n)||N(r))&&(l=Q(n)),C(n))){const t=J(n);c=I(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}}function Z(t){return J(K(t)).left+Q(t).scrollLeft}function $(t){const e=K(t),n=Q(t),o=t.ownerDocument.body,i=Y(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=Y(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Z(t);const c=-n.scrollTop;return"rtl"===M(o).direction&&(l+=Y(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:c}}function tt(t){if("html"===T(t))return t;const e=t.assignedSlot||t.parentNode||O(t)&&t.host||K(t);return O(e)?e.host:e}function nt(t){const e=tt(t);return W(e)?e.ownerDocument.body:C(e)&&N(e)?e:nt(e)}function et(t,e){var n;void 0===e&&(e=[]);const o=nt(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=F(o);return i?e.concat(r,r.visualViewport||[],N(o)?o:[]):e.concat(o,et(o))}function ot(t,e){const n=F(t),o=K(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,s=0;if(i){r=i.width,l=i.height;const t=V();(!t||t&&"fixed"===e)&&(c=i.offsetLeft,s=i.offsetTop)}return{width:r,height:l,x:c,y:s}}function rt(t,e){const n=J(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=C(t)?I(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}function ct(t,e,n){let o;if("viewport"===e)o=ot(t,n);else if("document"===e)o=$(K(t));else if(E(e))o=rt(e,n);else{const n={...e};if(V()){var i,r;const e=F(t);n.x-=(null==(i=e.visualViewport)?void 0:i.offsetLeft)||0,n.y-=(null==(r=e.visualViewport)?void 0:r.offsetTop)||0}o=n}return l(o)}function it(t,e){const n=e.get(t);if(n)return n;let o=et(t).filter((t=>E(t)&&"body"!==T(t))),i=null;const r="fixed"===M(t).position;let l=r?tt(t):t;for(;E(l)&&!W(l);){const t=M(l),e=H(l);"fixed"===t.position&&(i=null);(r?!e&&!i:!e&&"static"===t.position&&!!i&&["absolute","fixed"].includes(i.position))?o=o.filter((t=>t!==l)):i=t,l=tt(l)}return e.set(t,o),o}function st(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?it(e,this._c):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=ct(e,n,i);return t.top=Y(o.top,t.top),t.right=X(o.right,t.right),t.bottom=X(o.bottom,t.bottom),t.left=Y(o.left,t.left),t}),ct(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function lt(t){return q(t)}function at(t,e){return C(t)&&"fixed"!==M(t).position?e?e(t):t.offsetParent:null}function ft(t){let e=tt(t);for(;C(e)&&!W(e);){if(H(e))return e;e=tt(e)}return null}function ut(t,e){const n=F(t);if(!C(t))return n;let o=at(t,e);for(;o&&j(o)&&"static"===M(o).position;)o=at(o,e);return o&&("html"===T(o)||"body"===T(o)&&"static"===M(o).position&&!H(o))?n:o||ft(t)||n}function dt(t,e,n){const o=C(e),i=K(e),r=J(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==T(e)||N(i))&&(l=Q(e)),C(e)){const t=J(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=Z(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const yt={getClippingRect:st,convertOffsetParentRelativeRectToViewportRelativeRect:U,isElement:E,getDimensions:lt,getOffsetParent:ut,getDocumentElement:K,getScale:I,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||ut,r=this.getDimensions;return{reference:dt(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===M(t).direction},mt=(t,e,n)=>{const o=new Map,i={platform:yt,...n},r={...i.platform,_c:o};return c(t,e,{...i,platform:r})};export{y as a,mt as c,A as f,R as o,D as s};
+function t(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function e(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(e(t))?"x":"y"}function r(i,r,l){let{reference:c,floating:s}=i;const a=c.x+c.width/2-s.width/2,f=c.y+c.height/2-s.height/2,u=o(r),d=n(u),p=c[d]/2-s[d]/2,m="x"===u;let g;switch(e(r)){case"top":g={x:a,y:c.y-s.height};break;case"bottom":g={x:a,y:c.y+c.height};break;case"right":g={x:c.x+c.width,y:f};break;case"left":g={x:c.x-s.width,y:f};break;default:g={x:c.x,y:c.y}}switch(t(r)){case"start":g[u]-=p*(l&&m?-1:1);break;case"end":g[u]+=p*(l&&m?-1:1)}return g}const c=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:l=[],platform:c}=n,s=l.filter(Boolean),a=await(null==c.isRTL?void 0:c.isRTL(e));let f=await c.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=r(f,o,a),p=o,m={},g=0;for(let n=0;n<s.length;n++){const{name:l,fn:h}=s[n],{x:y,y:x,data:w,reset:v}=await h({x:u,y:d,initialPlacement:o,placement:p,strategy:i,middlewareData:m,rects:f,platform:c,elements:{reference:t,floating:e}});u=null!=y?y:u,d=null!=x?x:d,m={...m,[l]:{...m[l],...w}},v&&g<=50&&(g++,"object"==typeof v&&(v.placement&&(p=v.placement),v.rects&&(f=!0===v.rects?await c.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:u,y:d}=r(f,p,a))),n=-1)}return{x:u,y:d,placement:p,strategy:i,middlewareData:m}};function i(t){return{top:0,right:0,bottom:0,left:0,...t}}function s(t){return"number"!=typeof t?i(t):{top:t,right:t,bottom:t,left:t}}function l(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function a(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:c,elements:a,strategy:f}=t,{boundary:u="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:m=!1,padding:g=0}=e,h=s(g),y=a[m?"floating"===p?"reference":"floating":p],x=l(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(y)))||n?y:y.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:u,rootBoundary:d,strategy:f})),w="floating"===p?{...c.floating,x:o,y:i}:c.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),b=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},T=l(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:f}):w);return{top:(x.top-T.top+h.top)/b.y,bottom:(T.bottom-x.bottom+h.bottom)/b.y,left:(x.left-T.left+h.left)/b.x,right:(T.right-x.right+h.right)/b.x}}const f=Math.min,u=Math.max;function d(t,e,n){return u(t,f(e,n))}const y=e=>({name:"arrow",options:e,async fn(i){const{element:r,padding:l=0}=e||{},{x:c,y:a,placement:f,rects:u,platform:p,elements:m}=i;if(null==r)return{};const g=s(l),h={x:c,y:a},y=o(f),x=n(y),w=await p.getDimensions(r),v="y"===y,b=v?"top":"left",T=v?"bottom":"right",R=v?"clientHeight":"clientWidth",E=u.reference[x]+u.reference[y]-h[y]-u.floating[x],L=h[y]-u.reference[y],C=await(null==p.getOffsetParent?void 0:p.getOffsetParent(r));let A=C?C[R]:0;A&&await(null==p.isElement?void 0:p.isElement(C))||(A=m.floating[R]||u.floating[x]);const F=E/2-L/2,M=g[b],D=A-w[x]-g[T],P=A/2-w[x]/2+F,k=d(M,P,D),W=null!=t(f)&&P!=k&&u.reference[x]/2-(P<M?g[b]:g[T])-w[x]/2<0;return{[y]:h[y]-(W?P<M?M-P:D-P:0),data:{[y]:k,centerOffset:P-k}}}}),m={left:"right",right:"left",bottom:"top",top:"bottom"};function p(t){return t.replace(/left|right|bottom|top/g,(t=>m[t]))}function x(e,i,r){void 0===r&&(r=!1);const l=t(e),c=o(e),s=n(c);let a="x"===c?l===(r?"end":"start")?"right":"left":"start"===l?"bottom":"top";return i.reference[s]>i.floating[s]&&(a=p(a)),{main:a,cross:p(a)}}const h={start:"end",end:"start"};function g(t){return t.replace(/start|end/g,(t=>h[t]))}function w(t){const e=p(t);return[g(t),e,g(e)]}function v(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}function b(n,o,i,r){const l=t(n);let c=v(e(n),"start"===i,r);return l&&(c=c.map((t=>t+"-"+l)),o&&(c=c.concat(c.map(g)))),c}const A=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:s,elements:f}=n,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:m,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:y=!0,...v}=t,T=e(i),R=e(c)===c,E=await(null==s.isRTL?void 0:s.isRTL(f.floating)),L=m||(R||!y?[p(c)]:w(c));m||"none"===h||L.push(...b(c,y,h,E));const C=[c,...L],A=await a(n,v),F=[];let M=(null==(o=r.flip)?void 0:o.overflows)||[];if(u&&F.push(A[T]),d){const{main:t,cross:e}=x(i,l,E);F.push(A[t],A[e])}if(M=[...M,{placement:i,overflows:F}],!F.every((t=>t<=0))){var D,P;const t=((null==(D=r.flip)?void 0:D.index)||0)+1,e=C[t];if(e)return{data:{index:t,overflows:M},reset:{placement:e}};let n=null==(P=M.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:P.placement;if(!n)switch(g){case"bestFit":{var k;const t=null==(k=M.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:k[0];t&&(n=t);break}case"initialPlacement":n=c}if(i!==n)return{reset:{placement:n}}}return{}}}};async function k(n,i){const{placement:r,platform:l,elements:c}=n,s=await(null==l.isRTL?void 0:l.isRTL(c.floating)),a=e(r),f=t(r),u="x"===o(r),d=["left","top"].includes(a)?-1:1,p=s&&u?-1:1,m="function"==typeof i?i(n):i;let{mainAxis:g,crossAxis:h,alignmentAxis:y}="number"==typeof m?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};return f&&"number"==typeof y&&(h="end"===f?-1*y:y),u?{x:h*p,y:g*d}:{x:g*d,y:h*p}}const R=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:o}=e,i=await k(e,t);return{x:n+i.x,y:o+i.y,data:i}}}};function P(t){return"x"===t?"y":"x"}const D=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:i,y:r,placement:l}=n,{mainAxis:c=!0,crossAxis:s=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...u}=t,p={x:i,y:r},m=await a(n,u),g=o(e(l)),h=P(g);let y=p[g],x=p[h];if(c){const t="y"===g?"bottom":"right";y=d(y+m["y"===g?"top":"left"],y,y-m[t])}if(s){const t="y"===h?"bottom":"right";x=d(x+m["y"===h?"top":"left"],x,x-m[t])}const w=f.fn({...n,[g]:y,[h]:x});return{...w,data:{x:w.x-i,y:w.y-r}}}}};function F(t){var e;return(null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function M(t){return F(t).getComputedStyle(t)}function S(t){return t instanceof F(t).Node}function T(t){return S(t)?(t.nodeName||"").toLowerCase():""}let B;function L(){if(B)return B;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(B=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),B):navigator.userAgent}function C(t){return t instanceof F(t).HTMLElement}function E(t){return t instanceof F(t).Element}function O(t){if("undefined"==typeof ShadowRoot)return!1;return t instanceof F(t).ShadowRoot||t instanceof ShadowRoot}function N(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function j(t){return["table","td","th"].includes(T(t))}function H(t){const e=/firefox/i.test(L()),n=M(t),o=n.backdropFilter||n.WebkitBackdropFilter;return"none"!==n.transform||"none"!==n.perspective||!!o&&"none"!==o||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter||["transform","perspective"].some((t=>n.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=n.contain;return null!=e&&e.includes(t)}))}function V(){return/^((?!chrome|android).)*safari/i.test(L())}function W(t){return["html","body","#document"].includes(T(t))}const X=Math.min,Y=Math.max,_=Math.round;function q(t){const e=M(t);let n=parseFloat(e.width),o=parseFloat(e.height);const i=C(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,c=_(n)!==r||_(o)!==l;return c&&(n=r,o=l),{width:n,height:o,fallback:c}}function z(t){return E(t)?t:t.contextElement}const G={x:1,y:1};function I(t){const e=z(t);if(!C(e))return G;const n=e.getBoundingClientRect(),{width:o,height:i,fallback:r}=q(e);let l=(r?_(n.width):n.width)/o,c=(r?_(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),c&&Number.isFinite(c)||(c=1),{x:l,y:c}}function J(t,e,n,o){var i,r;void 0===e&&(e=!1),void 0===n&&(n=!1);const c=t.getBoundingClientRect(),s=z(t);let a=G;e&&(o?E(o)&&(a=I(o)):a=I(t));const f=s?F(s):window,u=V()&&n;let d=(c.left+(u&&(null==(i=f.visualViewport)?void 0:i.offsetLeft)||0))/a.x,p=(c.top+(u&&(null==(r=f.visualViewport)?void 0:r.offsetTop)||0))/a.y,m=c.width/a.x,g=c.height/a.y;if(s){const t=F(s),e=o&&E(o)?F(o):o;let n=t.frameElement;for(;n&&o&&e!==t;){const t=I(n),e=n.getBoundingClientRect(),o=getComputedStyle(n);e.x+=(n.clientLeft+parseFloat(o.paddingLeft))*t.x,e.y+=(n.clientTop+parseFloat(o.paddingTop))*t.y,d*=t.x,p*=t.y,m*=t.x,g*=t.y,d+=e.x,p+=e.y,n=F(n).frameElement}}return l({width:m,height:g,x:d,y:p})}function K(t){return((S(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function U(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=C(n),r=K(n);if(n===r)return e;let l={scrollLeft:0,scrollTop:0},c={x:1,y:1};const s={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==T(n)||N(r))&&(l=Q(n)),C(n))){const t=J(n);c=I(n),s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-l.scrollLeft*c.x+s.x,y:e.y*c.y-l.scrollTop*c.y+s.y}}function Z(t){return J(K(t)).left+Q(t).scrollLeft}function $(t){const e=K(t),n=Q(t),o=t.ownerDocument.body,i=Y(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=Y(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+Z(t);const c=-n.scrollTop;return"rtl"===M(o).direction&&(l+=Y(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:c}}function tt(t){if("html"===T(t))return t;const e=t.assignedSlot||t.parentNode||O(t)&&t.host||K(t);return O(e)?e.host:e}function nt(t){const e=tt(t);return W(e)?e.ownerDocument.body:C(e)&&N(e)?e:nt(e)}function et(t,e){var n;void 0===e&&(e=[]);const o=nt(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=F(o);return i?e.concat(r,r.visualViewport||[],N(o)?o:[]):e.concat(o,et(o))}function ot(t,e){const n=F(t),o=K(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,s=0;if(i){r=i.width,l=i.height;const t=V();(!t||t&&"fixed"===e)&&(c=i.offsetLeft,s=i.offsetTop)}return{width:r,height:l,x:c,y:s}}function rt(t,e){const n=J(t,!0,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=C(t)?I(t):{x:1,y:1};return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:i*r.x,y:o*r.y}}function ct(t,e,n){let o;if("viewport"===e)o=ot(t,n);else if("document"===e)o=$(K(t));else if(E(e))o=rt(e,n);else{const n={...e};if(V()){var i,r;const e=F(t);n.x-=(null==(i=e.visualViewport)?void 0:i.offsetLeft)||0,n.y-=(null==(r=e.visualViewport)?void 0:r.offsetTop)||0}o=n}return l(o)}function it(t,e){const n=tt(t);return!(n===e||!E(n)||W(n))&&("fixed"===M(n).position||it(n,e))}function st(t,e){const n=e.get(t);if(n)return n;let o=et(t).filter((t=>E(t)&&"body"!==T(t))),i=null;const r="fixed"===M(t).position;let l=r?tt(t):t;for(;E(l)&&!W(l);){const e=M(l),n=H(l);n||"fixed"!==e.position||(i=null);(r?!n&&!i:!n&&"static"===e.position&&!!i&&["absolute","fixed"].includes(i.position)||N(l)&&!n&&it(t,l))?o=o.filter((t=>t!==l)):i=e,l=tt(l)}return e.set(t,o),o}function lt(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?st(e,this._c):[].concat(n),o],l=r[0],c=r.reduce(((t,n)=>{const o=ct(e,n,i);return t.top=Y(o.top,t.top),t.right=X(o.right,t.right),t.bottom=X(o.bottom,t.bottom),t.left=Y(o.left,t.left),t}),ct(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function at(t){return q(t)}function ft(t,e){return C(t)&&"fixed"!==M(t).position?e?e(t):t.offsetParent:null}function ut(t){let e=tt(t);for(;C(e)&&!W(e);){if(H(e))return e;e=tt(e)}return null}function dt(t,e){const n=F(t);if(!C(t))return n;let o=ft(t,e);for(;o&&j(o)&&"static"===M(o).position;)o=ft(o,e);return o&&("html"===T(o)||"body"===T(o)&&"static"===M(o).position&&!H(o))?n:o||ut(t)||n}function yt(t,e,n){const o=C(e),i=K(e),r=J(t,!0,"fixed"===n,e);let l={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==T(e)||N(i))&&(l=Q(e)),C(e)){const t=J(e,!0);c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}else i&&(c.x=Z(i));return{x:r.left+l.scrollLeft-c.x,y:r.top+l.scrollTop-c.y,width:r.width,height:r.height}}const mt={getClippingRect:lt,convertOffsetParentRelativeRectToViewportRelativeRect:U,isElement:E,getDimensions:at,getOffsetParent:dt,getDocumentElement:K,getScale:I,async getElementRects(t){let{reference:e,floating:n,strategy:o}=t;const i=this.getOffsetParent||dt,r=this.getDimensions;return{reference:yt(e,await i(n),o),floating:{x:0,y:0,...await r(n)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===M(t).direction},pt=(t,e,n)=>{const o=new Map,i={platform:mt,...n},r={...i.platform,_c:o};return c(t,e,{...i,platform:r})};export{y as a,pt as c,A as f,R as o,D as s};