@public-ui/components 1.7.0-rc.13 → 1.7.0-rc.15

package/doc/tooltip.md

@@ -27,7 +27,7 @@ Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange
 
 | Property              | Attribute | Description                                                                                                        | Type                                                  | Default     |
 | --------------------- | --------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- | ----------- |
-| `_align`              | `_align`  | Defines the alignment of the tooltip in relation to the parent element.                                            | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'`     |
+| `_align`              | `_align`  | Defines the alignment of the tooltip, popover or tabs in relation to the element.                                  | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'`     |
 | `_id`                 | `_id`     | Defines the internal ID of the primary component element.                                                          | `string` \| `undefined`                                 | `undefined` |
 | `_label` _(required)_ | `_label`  | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                              | `undefined` |
 
@@ -38,19 +38,8 @@ Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange
 
  - [kol-abbr](../abbr)
  - kol-button-wc
- - [kol-input-checkbox](../input-checkbox)
- - [kol-input-color](../input-color)
- - [kol-input-date](../input-date)
- - [kol-input-email](../input-email)
- - [kol-input-file](../input-file)
- - [kol-input-number](../input-number)
- - [kol-input-password](../input-password)
- - [kol-input-radio](../input-radio)
- - [kol-input-range](../input-range)
- - [kol-input-text](../input-text)
+ - kol-input
  - kol-link-wc
- - [kol-select](../select)
- - [kol-textarea](../textarea)
 
 ### Depends on
 
@@ -63,19 +52,8 @@ graph TD;
   kol-span-wc --> kol-icon
   kol-abbr --> kol-tooltip-wc
   kol-button-wc --> kol-tooltip-wc
-  kol-input-checkbox --> kol-tooltip-wc
-  kol-input-color --> kol-tooltip-wc
-  kol-input-date --> kol-tooltip-wc
-  kol-input-email --> kol-tooltip-wc
-  kol-input-file --> kol-tooltip-wc
-  kol-input-number --> kol-tooltip-wc
-  kol-input-password --> kol-tooltip-wc
-  kol-input-radio --> kol-tooltip-wc
-  kol-input-range --> kol-tooltip-wc
-  kol-input-text --> kol-tooltip-wc
+  kol-input --> kol-tooltip-wc
   kol-link-wc --> kol-tooltip-wc
-  kol-select --> kol-tooltip-wc
-  kol-textarea --> kol-tooltip-wc
   style kol-tooltip-wc fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/package.json

@@ -1,10 +1,16 @@
 {
   "name": "@public-ui/components",
-  "version": "1.7.0-rc.13",
+  "version": "1.7.0-rc.15",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
-  "bugs": { "url": "https://github.com/public-ui/kolibri/issues", "email": "kolibri@itzbund.de" },
-  "author": { "name": "Informationstechnikzentrum Bund", "email": "kolibri@itzbund.de" },
+  "bugs": {
+    "url": "https://github.com/public-ui/kolibri/issues",
+    "email": "kolibri@itzbund.de"
+  },
+  "author": {
+    "name": "Informationstechnikzentrum Bund",
+    "email": "kolibri@itzbund.de"
+  },
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "customElements": "custom-elements.json",
@@ -40,6 +46,12 @@
     "webstandard",
     "wcag"
   ],
-  "files": ["assets", "dist", "doc", "custom-elements.json", "vscode-custom-data.json"],
-  "scripts": { "postpack": "mv package.bak.json package.json" }
-}
+  "files": [
+    "assets",
+    "dist",
+    "doc",
+    "custom-elements.json",
+    "vscode-custom-data.json"
+  ],
+  "scripts": {}
+}

package/vscode-custom-data.json

@@ -74,7 +74,7 @@
         },
         {
           "name": "_has-closer",
-          "description": "Defines whether the card has a close button."
+          "description": "Defines whether the element can be closed."
         },
         {
           "name": "_heading",
@@ -327,7 +327,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_icon",
@@ -522,7 +522,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_icon",
@@ -5248,13 +5248,13 @@
               "name": "bold"
             },
             {
-              "name": "disabled"
+              "name": "ghost"
             },
             {
-              "name": "id"
+              "name": "disabled"
             },
             {
-              "name": "ghost"
+              "name": "id"
             },
             {
               "name": "download"
@@ -11539,7 +11539,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -11678,7 +11678,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -11785,7 +11785,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -11937,7 +11937,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12064,7 +12064,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12171,7 +12171,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12330,7 +12330,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12441,7 +12441,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12540,7 +12540,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12633,7 +12633,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12752,7 +12752,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -12935,11 +12935,11 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_href",
-          "description": "Defines the target URI of the link."
+          "description": "Sets the target URI of the link or citation source."
         },
         {
           "name": "_icon",
@@ -13120,7 +13120,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_href",
@@ -13407,7 +13407,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_label",
@@ -13456,7 +13456,7 @@
         },
         {
           "name": "_custom-class",
-          "description": "Defines the custom class attribute for the buttons."
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
           "name": "_has-buttons",
@@ -13542,7 +13542,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left. In relation to trigger element.",
+          "description": "Defines the alignment of the tooltip, popover or tabs in relation to the element.",
           "values": [
             {
               "name": "bottom"
@@ -13638,7 +13638,7 @@
         },
         {
           "name": "_href",
-          "description": "Defines the link to the source of the quote."
+          "description": "Sets the target URI of the link or citation source."
         },
         {
           "name": "_label",
@@ -13695,7 +13695,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -13803,7 +13803,7 @@
       "attributes": [
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_icon",
@@ -13884,7 +13884,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label and shows the description in a Tooltip instead."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_icon",
@@ -13923,7 +13923,7 @@
         },
         {
           "name": "_show-dropdown",
-          "description": "Defines whether to show the dropdown menu."
+          "description": "Deprecated: Defines whether to show the dropdown menu."
         },
         {
           "name": "_tab-index",
@@ -14151,7 +14151,7 @@
         },
         {
           "name": "_hide-label",
-          "description": "Hides the label."
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
           "name": "_hint",
@@ -14305,7 +14305,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Defines the alignment of the tooltip in relation to the parent element.",
+          "description": "Defines the alignment of the tooltip, popover or tabs in relation to the element.",
           "values": [
             {
               "name": "bottom"

package/dist/cjs/align-87240319.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const alignment=require("./alignment-ad6a785d.js"),validateAlign=(a,i)=>{alignment.validateAlignment(a,"_align",i)};exports.validateAlign=validateAlign;

package/dist/cjs/aria-current-12a1ec9d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-39edb5c0.js"),validateAlternativeButtonLinkRole=(t,a)=>{prop_validators.watchString(t,"_role",a)},validateAriaControls=(t,a)=>{prop_validators.watchString(t,"_ariaControls",a)},validate=(t,a,r)=>{prop_validators.watchValidator(t,a,(t=>"date"===t||"location"===t||"page"===t||"step"===t||"time"===t||!0===t||!1===t),new Set(["String {data, location, page, step, time}","boolean"]),r)},validateAriaCurrent=(t,a)=>{validate(t,"_ariaCurrent",a)},validateListenAriaCurrent=(t,a)=>{validate(t,"_listenAriaCurrent",a)};exports.validateAlternativeButtonLinkRole=validateAlternativeButtonLinkRole,exports.validateAriaControls=validateAriaControls,exports.validateAriaCurrent=validateAriaCurrent,exports.validateListenAriaCurrent=validateListenAriaCurrent;

package/dist/cjs/controller-3492126d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-39edb5c0.js"),controllerIcon=require("./controller-icon-d9be7156.js"),hideError=require("./hide-error-d5a25827.js"),a11y_tipps=require("./a11y.tipps-e6363d33.js"),validateHasCounter=(t,e)=>{prop_validators.watchBoolean(t,"_hasCounter",e)};class InputPasswordController extends controllerIcon.InputIconController{constructor(t,e,o){super(t,e,o),this.component=t}validateAutoComplete(t){prop_validators.watchValidator(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){validateHasCounter(this.component,t)}validateHideError(t){hideError.validateHideError(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&a11y_tipps.a11yHint("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMaxLength(t){prop_validators.watchNumber(this.component,"_maxLength",t,{min:0})}validatePattern(t){prop_validators.watchString(this.component,"_pattern",t)}validatePlaceholder(t){prop_validators.watchString(this.component,"_placeholder",t)}validateReadOnly(t){prop_validators.watchBoolean(this.component,"_readOnly",t)}validateRequired(t){prop_validators.watchBoolean(this.component,"_required",t)}validateSize(t){prop_validators.watchNumber(this.component,"_size",t,{min:1})}validateValue(t){prop_validators.watchString(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateHideError(this.component._hideError),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(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)}}exports.InputPasswordController=InputPasswordController,exports.validateHasCounter=validateHasCounter;

package/dist/cjs/controller-60867e49.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-39edb5c0.js"),label=require("./label-e669bbca.js"),a11y_tipps=require("./a11y.tipps-e6363d33.js"),reuse=require("./reuse-d70546ae.js"),hideError=require("./hide-error-d5a25827.js"),validateInputSelectOptions=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===label.hasEnoughReadableChars(t.label,3)&&!1===label.containsOnlyNumbers(t.label)&&a11y_tipps.a11yHint(`Ein abweichendes Aria-Label (${t.label}) ist nicht barrierefrei. Ein abweichendes Aria-Label sollte aus mindestens drei lesbaren Zeichen bestehen.`),!Array.isArray(t.options)||void 0===t.options.find((t=>!1===validateInputSelectOptions(t)));if("number"==typeof t.label)return!0}return!1},validateOptions=(t,e,o={})=>{prop_validators.watchJsonArrayString(t,"_options",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),e,void 0,o)},validateOptionsWithOptgroup=(t,e,o={})=>{prop_validators.watchJsonArrayString(t,"_options",validateInputSelectOptions,e,void 0,o)},validateRequired=(t,e)=>{prop_validators.watchBoolean(t,"_required",e)},fillKeyOptionMap=(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)?fillKeyOptionMap(t,e.options,a):t.set(a,e))}))};class InputCheckboxRadioController extends hideError.InputController{constructor(t,e,o){super(t,e,o),this.component=t}validateHideError(t){hideError.validateHideError(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&a11y_tipps.a11yHint("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateRequired(t){validateRequired(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class InputRadioController extends InputCheckboxRadioController{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.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),fillKeyOptionMap(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(t){prop_validators.watchValidator(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),t,{defaultValue:"vertical"})}validateOptions(t){validateOptions(this.component,t,{hooks:{beforePatch:this.beforePatchOptions}})}validateValue(t){t=prop_validators.mapString2Unknown(t),t=Array.isArray(t)?t[0]:t,prop_validators.setState(this.component,"_value",t,{beforePatch:this.beforePatchOptions}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(reuse.STATE_CHANGE_EVENT)}))}},this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options||this.component._list),this.validateHideError(this.component._hideError),this.validateValue(this.component._value)}}exports.InputCheckboxRadioController=InputCheckboxRadioController,exports.InputRadioController=InputRadioController,exports.fillKeyOptionMap=fillKeyOptionMap,exports.validateOptionsWithOptgroup=validateOptionsWithOptgroup;

package/dist/cjs/controller-7232329c.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const controller=require("./controller-3492126d.js"),suggestions=require("./suggestions-d542ba8c.js"),prop_validators=require("./prop.validators-39edb5c0.js"),hideError=require("./hide-error-d5a25827.js"),a11y_tipps=require("./a11y.tipps-e6363d33.js");class InputTextEmailController extends controller.InputPasswordController{constructor(t,e,o){super(t,e,o),this.component=t}validateHideError(t){hideError.validateHideError(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&a11y_tipps.a11yHint("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateList(){}validateSuggestions(t){suggestions.validateSuggestions(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions||this.component._list)}}class InputTextController extends InputTextEmailController{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateType(t){prop_validators.watchValidator(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),t)}validateHasCounter(t){controller.validateHasCounter(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateHideError(this.component._hideError),this.validateType(this.component._type),this.validateHasCounter(this.component._hasCounter)}}exports.InputTextController=InputTextController,exports.InputTextEmailController=InputTextEmailController;

package/dist/cjs/controller-icon-d9be7156.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const icon=require("./icon-4e9fb453.js"),prop_validators=require("./prop.validators-39edb5c0.js"),reuse=require("./reuse-d70546ae.js"),hideError=require("./hide-error-d5a25827.js"),beforePatchIcon=(o,e)=>{const r=o;"object"==typeof r&&null!==r&&(reuse.isString(r.right,1)&&(r.right={icon:r.right}),reuse.isString(r.left,1)&&(r.left={icon:r.left}),e.set("_icon",r))};class InputIconController extends hideError.InputController{constructor(o,e,r){super(o,e,r),this.component=o}validateIcon(o){prop_validators.objectObjectHandler(o,(()=>{try{o=prop_validators.parseJson(o)}catch(o){}prop_validators.watchValidator(this.component,"_icon",(o=>"object"==typeof o&&null!==o&&(reuse.isString(o.left,1)||icon.isIcon(o.left)||reuse.isString(o.right,1)||icon.isIcon(o.right))),new Set(["KoliBriHorizontalIcon"]),o,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcon(this.component._icon)}}exports.InputIconController=InputIconController;

package/dist/cjs/floating-ui.dom.esm-f74cc295.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=e=>({x:e,y:e}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp(e,t,n){return max(e,min(t,n))}function evaluate(e,t){return"function"==typeof e?e(t):e}function getSide(e){return e.split("-")[0]}function getAlignment(e){return e.split("-")[1]}function getOppositeAxis(e){return"x"===e?"y":"x"}function getAxisLength(e){return"y"===e?"height":"width"}function getSideAxis(e){return["top","bottom"].includes(getSide(e))?"y":"x"}function getAlignmentAxis(e){return getOppositeAxis(getSideAxis(e))}function getAlignmentSides(e,t,n){void 0===n&&(n=!1);const o=getAlignment(e),i=getAlignmentAxis(e),r=getAxisLength(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[r]>t.floating[r]&&(l=getOppositePlacement(l)),[l,getOppositePlacement(l)]}function getExpandedPlacements(e){const t=getOppositePlacement(e);return[getOppositeAlignmentPlacement(e),t,getOppositeAlignmentPlacement(t)]}function getOppositeAlignmentPlacement(e){return e.replace(/start|end/g,(e=>oppositeAlignmentMap[e]))}function getSideList(e,t,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(e){case"top":case"bottom":return n?t?i:o:t?o:i;case"left":case"right":return t?r:l;default:return[]}}function getOppositeAxisPlacements(e,t,n,o){const i=getAlignment(e);let r=getSideList(getSide(e),"start"===n,o);return i&&(r=r.map((e=>e+"-"+i)),t&&(r=r.concat(r.map(getOppositeAlignmentPlacement)))),r}function getOppositePlacement(e){return e.replace(/left|right|bottom|top/g,(e=>oppositeSideMap[e]))}function expandPaddingObject(e){return{top:0,right:0,bottom:0,left:0,...e}}function getPaddingObject(e){return"number"!=typeof e?expandPaddingObject(e):{top:e,right:e,bottom:e,left:e}}function rectToClientRect(e){return{...e,top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height}}function computeCoordsFromPlacement(e,t,n){let{reference:o,floating:i}=e;const r=getSideAxis(t),l=getAlignmentAxis(t),s=getAxisLength(l),c=getSide(t),a="y"===r,f=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,u=o[s]/2-i[s]/2;let m;switch(c){case"top":m={x:f,y:o.y-i.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:g};break;case"left":m={x:o.x-i.width,y:g};break;default:m={x:o.x,y:o.y}}switch(getAlignment(t)){case"start":m[l]-=u*(n&&a?-1:1);break;case"end":m[l]+=u*(n&&a?-1:1)}return m}const computePosition$1=async(e,t,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,s=r.filter(Boolean),c=await(null==l.isRTL?void 0:l.isRTL(t));let a=await l.getElementRects({reference:e,floating:t,strategy:i}),{x:f,y:g}=computeCoordsFromPlacement(a,o,c),u=o,m={},d=0;for(let n=0;n<s.length;n++){const{name:r,fn:p}=s[n],{x:h,y:w,data:y,reset:x}=await p({x:f,y:g,initialPlacement:o,placement:u,strategy:i,middlewareData:m,rects:a,platform:l,elements:{reference:e,floating:t}});f=null!=h?h:f,g=null!=w?w:g,m={...m,[r]:{...m[r],...y}},x&&d<=50&&(d++,"object"==typeof x&&(x.placement&&(u=x.placement),x.rects&&(a=!0===x.rects?await l.getElementRects({reference:e,floating:t,strategy:i}):x.rects),({x:f,y:g}=computeCoordsFromPlacement(a,u,c))),n=-1)}return{x:f,y:g,placement:u,strategy:i,middlewareData:m}};async function detectOverflow(e,t){var n;void 0===t&&(t={});const{x:o,y:i,platform:r,rects:l,elements:s,strategy:c}=e,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:g="floating",altBoundary:u=!1,padding:m=0}=evaluate(t,e),d=getPaddingObject(m),p=s[u?"floating"===g?"reference":"floating":g],h=rectToClientRect(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(p)))||n?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:a,rootBoundary:f,strategy:c})),w="floating"===g?{...l.floating,x:o,y:i}:l.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),x=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},v=rectToClientRect(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:y,strategy:c}):w);return{top:(h.top-v.top+d.top)/x.y,bottom:(v.bottom-h.bottom+d.bottom)/x.y,left:(h.left-v.left+d.left)/x.x,right:(v.right-h.right+d.right)/x.x}}const arrow=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:i,rects:r,platform:l,elements:s,middlewareData:c}=t,{element:a,padding:f=0}=evaluate(e,t)||{};if(null==a)return{};const g=getPaddingObject(f),u={x:n,y:o},m=getAlignmentAxis(i),d=getAxisLength(m),p=await l.getDimensions(a),h="y"===m,w=h?"top":"left",y=h?"bottom":"right",x=h?"clientHeight":"clientWidth",v=r.reference[d]+r.reference[m]-u[m]-r.floating[d],b=u[m]-r.reference[m],R=await(null==l.getOffsetParent?void 0:l.getOffsetParent(a));let E=R?R[x]:0;E&&await(null==l.isElement?void 0:l.isElement(R))||(E=s.floating[x]||r.floating[d]);const C=v/2-b/2,A=E/2-p[d]/2-1,O=min(g[w],A),S=min(g[y],A),T=O,P=E-p[d]-S,L=E/2-p[d]/2+C,N=clamp(T,L,P),D=!c.arrow&&null!=getAlignment(i)&&L!=N&&r.reference[d]/2-(L<T?O:S)-p[d]/2<0,W=D?L<T?L-T:L-P:0;return{[m]:u[m]+W,data:{[m]:N,centerOffset:L-N-W,...D&&{alignmentOffset:W}},reset:D}}}),flip=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:s,platform:c,elements:a}=t,{mainAxis:f=!0,crossAxis:g=!0,fallbackPlacements:u,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:p=!0,...h}=evaluate(e,t);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const w=getSide(i),y=getSide(s)===s,x=await(null==c.isRTL?void 0:c.isRTL(a.floating)),v=u||(y||!p?[getOppositePlacement(s)]:getExpandedPlacements(s));u||"none"===d||v.push(...getOppositeAxisPlacements(s,p,d,x));const b=[s,...v],R=await detectOverflow(t,h),E=[];let C=(null==(o=r.flip)?void 0:o.overflows)||[];if(f&&E.push(R[w]),g){const e=getAlignmentSides(i,l,x);E.push(R[e[0]],R[e[1]])}if(C=[...C,{placement:i,overflows:E}],!E.every((e=>e<=0))){var A,O;const e=((null==(A=r.flip)?void 0:A.index)||0)+1,t=b[e];if(t)return{data:{index:e,overflows:C},reset:{placement:t}};let n=null==(O=C.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:O.placement;if(!n)switch(m){case"bestFit":{var S;const e=null==(S=C.map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:S[0];e&&(n=e);break}case"initialPlacement":n=s}if(i!==n)return{reset:{placement:n}}}return{}}}};async function convertValueToCoords(e,t){const{placement:n,platform:o,elements:i}=e,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),l=getSide(n),s=getAlignment(n),c="y"===getSideAxis(n),a=["left","top"].includes(l)?-1:1,f=r&&c?-1:1,g=evaluate(t,e);let{mainAxis:u,crossAxis:m,alignmentAxis:d}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return s&&"number"==typeof d&&(m="end"===s?-1*d:d),c?{x:m*f,y:u*a}:{x:u*a,y:m*f}}const offset=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){const{x:n,y:o}=t,i=await convertValueToCoords(t,e);return{x:n+i.x,y:o+i.y,data:i}}}},shift=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:i}=t,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=evaluate(e,t),a={x:n,y:o},f=await detectOverflow(t,c),g=getSideAxis(getSide(i)),u=getOppositeAxis(g);let m=a[u],d=a[g];if(r){const e="y"===u?"bottom":"right";m=clamp(m+f["y"===u?"top":"left"],m,m-f[e])}if(l){const e="y"===g?"bottom":"right";d=clamp(d+f["y"===g?"top":"left"],d,d-f[e])}const p=s.fn({...t,[u]:m,[g]:d});return{...p,data:{x:p.x-n,y:p.y-o}}}}};function getNodeName(e){return isNode(e)?(e.nodeName||"").toLowerCase():"#document"}function getWindow(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function getDocumentElement(e){var t;return null==(t=(isNode(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function isNode(e){return e instanceof Node||e instanceof getWindow(e).Node}function isElement(e){return e instanceof Element||e instanceof getWindow(e).Element}function isHTMLElement(e){return e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement}function isShadowRoot(e){return"undefined"!=typeof ShadowRoot&&(e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot)}function isOverflowElement(e){const{overflow:t,overflowX:n,overflowY:o,display:i}=getComputedStyle(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(i)}function isTableElement(e){return["table","td","th"].includes(getNodeName(e))}function isContainingBlock(e){const t=isWebKit(),n=getComputedStyle(e);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function getContainingBlock(e){let t=getParentNode(e);for(;isHTMLElement(t)&&!isLastTraversableNode(t);){if(isContainingBlock(t))return t;t=getParentNode(t)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(e){return["html","body","#document"].includes(getNodeName(e))}function getComputedStyle(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){return isElement(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function getParentNode(e){if("html"===getNodeName(e))return e;const t=e.assignedSlot||e.parentNode||isShadowRoot(e)&&e.host||getDocumentElement(e);return isShadowRoot(t)?t.host:t}function getNearestOverflowAncestor(e){const t=getParentNode(e);return isLastTraversableNode(t)?e.ownerDocument?e.ownerDocument.body:e.body:isHTMLElement(t)&&isOverflowElement(t)?t:getNearestOverflowAncestor(t)}function getOverflowAncestors(e,t,n){var o;void 0===t&&(t=[]),void 0===n&&(n=!0);const i=getNearestOverflowAncestor(e),r=i===(null==(o=e.ownerDocument)?void 0:o.body),l=getWindow(i);return r?t.concat(l,l.visualViewport||[],isOverflowElement(i)?i:[],l.frameElement&&n?getOverflowAncestors(l.frameElement):[]):t.concat(i,getOverflowAncestors(i,[],n))}function getCssDimensions(e){const t=getComputedStyle(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const i=isHTMLElement(e),r=i?e.offsetWidth:n,l=i?e.offsetHeight:o,s=round(n)!==r||round(o)!==l;return s&&(n=r,o=l),{width:n,height:o,$:s}}function unwrapElement(e){return isElement(e)?e:e.contextElement}function getScale(e){const t=unwrapElement(e);if(!isHTMLElement(t))return createCoords(1);const n=t.getBoundingClientRect(),{width:o,height:i,$:r}=getCssDimensions(t);let l=(r?round(n.width):n.width)/o,s=(r?round(n.height):n.height)/i;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}const noOffsets=createCoords(0);function getVisualOffsets(e){const t=getWindow(e);return isWebKit()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==getWindow(e))&&t}function getBoundingClientRect(e,t,n,o){void 0===t&&(t=!1),void 0===n&&(n=!1);const i=e.getBoundingClientRect(),r=unwrapElement(e);let l=createCoords(1);t&&(o?isElement(o)&&(l=getScale(o)):l=getScale(e));const s=shouldAddVisualOffsets(r,n,o)?getVisualOffsets(r):createCoords(0);let c=(i.left+s.x)/l.x,a=(i.top+s.y)/l.y,f=i.width/l.x,g=i.height/l.y;if(r){const e=getWindow(r),t=o&&isElement(o)?getWindow(o):o;let n=e.frameElement;for(;n&&o&&t!==e;){const e=getScale(n),t=n.getBoundingClientRect(),o=getComputedStyle(n),i=t.left+(n.clientLeft+parseFloat(o.paddingLeft))*e.x,r=t.top+(n.clientTop+parseFloat(o.paddingTop))*e.y;c*=e.x,a*=e.y,f*=e.x,g*=e.y,c+=i,a+=r,n=getWindow(n).frameElement}}return rectToClientRect({width:f,height:g,x:c,y:a})}function convertOffsetParentRelativeRectToViewportRelativeRect(e){let{rect:t,offsetParent:n,strategy:o}=e;const i=isHTMLElement(n),r=getDocumentElement(n);if(n===r)return t;let l={scrollLeft:0,scrollTop:0},s=createCoords(1);const c=createCoords(0);if((i||!i&&"fixed"!==o)&&(("body"!==getNodeName(n)||isOverflowElement(r))&&(l=getNodeScroll(n)),isHTMLElement(n))){const e=getBoundingClientRect(n);s=getScale(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}return{width:t.width*s.x,height:t.height*s.y,x:t.x*s.x-l.scrollLeft*s.x+c.x,y:t.y*s.y-l.scrollTop*s.y+c.y}}function getClientRects(e){return Array.from(e.getClientRects())}function getWindowScrollBarX(e){return getBoundingClientRect(getDocumentElement(e)).left+getNodeScroll(e).scrollLeft}function getDocumentRect(e){const t=getDocumentElement(e),n=getNodeScroll(e),o=e.ownerDocument.body,i=max(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),r=max(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+getWindowScrollBarX(e);const s=-n.scrollTop;return"rtl"===getComputedStyle(o).direction&&(l+=max(t.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:s}}function getViewportRect(e,t){const n=getWindow(e),o=getDocumentElement(e),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,s=0,c=0;if(i){r=i.width,l=i.height;const e=isWebKit();(!e||e&&"fixed"===t)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:r,height:l,x:s,y:c}}function getInnerBoundingClientRect(e,t){const n=getBoundingClientRect(e,!0,"fixed"===t),o=n.top+e.clientTop,i=n.left+e.clientLeft,r=isHTMLElement(e)?getScale(e):createCoords(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:o*r.y}}function getClientRectFromClippingAncestor(e,t,n){let o;if("viewport"===t)o=getViewportRect(e,n);else if("document"===t)o=getDocumentRect(getDocumentElement(e));else if(isElement(t))o=getInnerBoundingClientRect(t,n);else{const n=getVisualOffsets(e);o={...t,x:t.x-n.x,y:t.y-n.y}}return rectToClientRect(o)}function hasFixedPositionAncestor(e,t){const n=getParentNode(e);return!(n===t||!isElement(n)||isLastTraversableNode(n))&&("fixed"===getComputedStyle(n).position||hasFixedPositionAncestor(n,t))}function getClippingElementAncestors(e,t){const n=t.get(e);if(n)return n;let o=getOverflowAncestors(e,[],!1).filter((e=>isElement(e)&&"body"!==getNodeName(e))),i=null;const r="fixed"===getComputedStyle(e).position;let l=r?getParentNode(e):e;for(;isElement(l)&&!isLastTraversableNode(l);){const t=getComputedStyle(l),n=isContainingBlock(l);n||"fixed"!==t.position||(i=null);(r?!n&&!i:!n&&"static"===t.position&&!!i&&["absolute","fixed"].includes(i.position)||isOverflowElement(l)&&!n&&hasFixedPositionAncestor(e,l))?o=o.filter((e=>e!==l)):i=t,l=getParentNode(l)}return t.set(e,o),o}function getClippingRect(e){let{element:t,boundary:n,rootBoundary:o,strategy:i}=e;const r=[..."clippingAncestors"===n?getClippingElementAncestors(t,this._c):[].concat(n),o],l=r[0],s=r.reduce(((e,n)=>{const o=getClientRectFromClippingAncestor(t,n,i);return e.top=max(o.top,e.top),e.right=min(o.right,e.right),e.bottom=min(o.bottom,e.bottom),e.left=max(o.left,e.left),e}),getClientRectFromClippingAncestor(t,l,i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(e){return getCssDimensions(e)}function getRectRelativeToOffsetParent(e,t,n){const o=isHTMLElement(t),i=getDocumentElement(t),r="fixed"===n,l=getBoundingClientRect(e,!0,r,t);let s={scrollLeft:0,scrollTop:0};const c=createCoords(0);if(o||!o&&!r)if(("body"!==getNodeName(t)||isOverflowElement(i))&&(s=getNodeScroll(t)),o){const e=getBoundingClientRect(t,!0,r,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else i&&(c.x=getWindowScrollBarX(i));return{x:l.left+s.scrollLeft-c.x,y:l.top+s.scrollTop-c.y,width:l.width,height:l.height}}function getTrueOffsetParent(e,t){return isHTMLElement(e)&&"fixed"!==getComputedStyle(e).position?t?t(e):e.offsetParent:null}function getOffsetParent(e,t){const n=getWindow(e);if(!isHTMLElement(e))return n;let o=getTrueOffsetParent(e,t);for(;o&&isTableElement(o)&&"static"===getComputedStyle(o).position;)o=getTrueOffsetParent(o,t);return o&&("html"===getNodeName(o)||"body"===getNodeName(o)&&"static"===getComputedStyle(o).position&&!isContainingBlock(o))?n:o||getContainingBlock(e)||n}const getElementRects=async function(e){let{reference:t,floating:n,strategy:o}=e;const i=this.getOffsetParent||getOffsetParent,r=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t,await i(n),o),floating:{x:0,y:0,...await r(n)}}};function isRTL(e){return"rtl"===getComputedStyle(e).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect:convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement:getDocumentElement,getClippingRect:getClippingRect,getOffsetParent:getOffsetParent,getElementRects:getElementRects,getClientRects:getClientRects,getDimensions:getDimensions,getScale:getScale,isElement:isElement,isRTL:isRTL};function observeMove(e,t){let n,o=null;const i=getDocumentElement(e);function r(){clearTimeout(n),o&&o.disconnect(),o=null}return function l(s,c){void 0===s&&(s=!1),void 0===c&&(c=1),r();const{left:a,top:f,width:g,height:u}=e.getBoundingClientRect();if(s||t(),!g||!u)return;const m={rootMargin:-floor(f)+"px "+-floor(i.clientWidth-(a+g))+"px "+-floor(i.clientHeight-(f+u))+"px "+-floor(a)+"px",threshold:max(0,min(1,c))||1};let d=!0;function p(e){const t=e[0].intersectionRatio;if(t!==c){if(!d)return l();t?l(!1,t):n=setTimeout((()=>{l(!1,1e-7)}),100)}d=!1}try{o=new IntersectionObserver(p,{...m,root:i.ownerDocument})}catch(e){o=new IntersectionObserver(p,m)}o.observe(e)}(!0),r}function autoUpdate(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,a=unwrapElement(e),f=i||r?[...a?getOverflowAncestors(a):[],...getOverflowAncestors(t)]:[];f.forEach((e=>{i&&e.addEventListener("scroll",n,{passive:!0}),r&&e.addEventListener("resize",n)}));const g=a&&s?observeMove(a,n):null;let u,m=-1,d=null;l&&(d=new ResizeObserver((e=>{let[o]=e;o&&o.target===a&&d&&(d.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{d&&d.observe(t)}))),n()})),a&&!c&&d.observe(a),d.observe(t));let p=c?getBoundingClientRect(e):null;return c&&function t(){const o=getBoundingClientRect(e);!p||o.x===p.x&&o.y===p.y&&o.width===p.width&&o.height===p.height||n();p=o,u=requestAnimationFrame(t)}(),n(),()=>{f.forEach((e=>{i&&e.removeEventListener("scroll",n),r&&e.removeEventListener("resize",n)})),g&&g(),d&&d.disconnect(),d=null,c&&cancelAnimationFrame(u)}}const computePosition=(e,t,n)=>{const o=new Map,i={platform:platform,...n},r={...i.platform,_c:o};return computePosition$1(e,t,{...i,platform:r})};exports.arrow=arrow,exports.autoUpdate=autoUpdate,exports.computePosition=computePosition,exports.flip=flip,exports.offset=offset,exports.shift=shift;