@public-ui/components 2.2.14 → 2.2.15-rc.1

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.2.14",
+  "version": "2.2.15-rc.1",
   "tags": [
     {
       "name": "kol-abbr",
@@ -189,7 +189,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         }
@@ -303,7 +303,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },
@@ -453,7 +453,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },
@@ -514,7 +514,7 @@
     },
     {
       "name": "kol-card",
-      "description": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_**.\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.",
+      "description": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_**.\n\nAus Gründen der Barrierefreiheit wird die Card als ARIA-Gruppe mit ihrem Titel ausgezeichnet (`role=\"group\"` und `aria-labelledby`).\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.",
       "attributes": [
         {
           "name": "_has-closer",
@@ -1224,7 +1224,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1408,7 +1408,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1630,7 +1630,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1802,7 +1802,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -1986,7 +1986,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -2189,7 +2189,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -2701,7 +2701,7 @@
         },
         {
           "name": "_smart-button",
-          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
+          "type": "string | undefined | { _label: string; } & { _tabIndex?: number | undefined; _value?: Stringified<StencilUnknown>; _ariaExpanded?: boolean | undefined; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: \"primary\" | \"secondary\" | \"normal\" | \"tertiary\" | \"danger\" | \"ghost\" | \"custom\" | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "required": false
         },
@@ -2865,7 +2865,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },
@@ -2980,7 +2980,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },
@@ -3343,7 +3343,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },
@@ -3919,7 +3919,7 @@
         },
         {
           "name": "_role",
-          "type": "\"button\" | \"link\" | \"tab\" | \"treeitem\" | undefined",
+          "type": "\"tab\" | \"treeitem\" | undefined",
           "description": "Defines the role of the components primary element.",
           "required": false
         },

package/dist/cjs/{Alert-19e2e466.js → Alert-1315f082.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-54a08a99.js"),clsx=require("./clsx-dd4d6dd1.js"),index$1=require("./index-4d023d25.js"),i18n=require("./i18n-fb7587bc.js"),componentNames=require("./component-names-2c750b1b.js"),Icon=({ariaLabel:e,icon:n})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:"heading-icon",_label:"",_icons:n})),AlertIcon=({type:e,label:n})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:n});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:n});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:n})}},KolAlertFc=(e,n)=>{const{class:l={},type:i="default",variant:o="msg",label:a,hasCloser:c,alert:s,onAlertTimeout:t,onCloserClick:r,level:d}=e,b=tslib_es6.__rest(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);if(s){try{index$1.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){index$1.Log.debug("Navigator does not support vibration.")}setTimeout((()=>{null==t||t()}),1e4)}const u=Object.assign({class:clsx.clsx("kol-alert-wc","alert",i,o,{hasCloser:!!c},l),role:s?"alert":void 0},b);return index.h("div",Object.assign({},u),index.h("div",{class:"heading"},index.h(AlertIcon,{label:a,type:i}),index.h("div",{class:"heading-content"},a?index.h(componentNames.KolHeadingWcTag,{_label:a,_level:d}):null,"msg"===o&&index.h("div",{class:"content"},n)),c&&index.h(componentNames.KolButtonWcTag,{class:"close",_ariaDescription:(null==a?void 0:a.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:r},_tooltipAlign:"left"})),"card"===o&&index.h("div",{class:"content"},n))};exports.KolAlertFc=KolAlertFc;
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-4cec6984.js"),clsx=require("./clsx-dd4d6dd1.js"),index$1=require("./index-4974b34f.js"),i18n=require("./i18n-0d2737f4.js"),componentNames=require("./component-names-2c750b1b.js"),Icon=({ariaLabel:e,icon:n})=>index.h(index.Fragment,null,index.h("span",{class:"visually-hidden"},e),index.h(componentNames.KolIconTag,{class:"heading-icon",_label:"",_icons:n})),AlertIcon=({type:e,label:n})=>{switch(e){case"error":return index.h(Icon,{ariaLabel:i18n.translate("kol-error"),icon:"codicon codicon-error",label:n});case"info":return index.h(Icon,{ariaLabel:i18n.translate("kol-info"),icon:"codicon codicon-info",label:n});case"warning":return index.h(Icon,{ariaLabel:i18n.translate("kol-warning"),icon:"codicon codicon-warning",label:n});case"success":return index.h(Icon,{ariaLabel:i18n.translate("kol-success"),icon:"codicon codicon-pass",label:n});default:return index.h(Icon,{ariaLabel:i18n.translate("kol-message"),icon:"codicon codicon-comment",label:n})}},KolAlertFc=(e,n)=>{const{class:l={},type:i="default",variant:o="msg",label:a,hasCloser:c,alert:s,onAlertTimeout:t,onCloserClick:r,level:d}=e,b=tslib_es6.__rest(e,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);if(s){try{index$1.Log.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){index$1.Log.debug("Navigator does not support vibration.")}setTimeout(()=>{null==t||t()},1e4)}const u=Object.assign({class:clsx.clsx("kol-alert-wc","alert",i,o,{hasCloser:!!c},l),role:s?"alert":void 0},b);return index.h("div",Object.assign({},u),index.h("div",{class:"heading"},index.h(AlertIcon,{label:a,type:i}),index.h("div",{class:"heading-content"},a?index.h(componentNames.KolHeadingWcTag,{_label:a,_level:d}):null,"msg"===o&&index.h("div",{class:"content"},n)),c&&index.h(componentNames.KolButtonWcTag,{class:"close",_ariaDescription:(null==a?void 0:a.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:i18n.translate("kol-close-alert"),_on:{onClick:r},_tooltipAlign:"left"})),"card"===o&&index.h("div",{class:"content"},n))};exports.KolAlertFc=KolAlertFc;

package/dist/cjs/{Alert-19e2e466.js.map → Alert-1315f082.js.map}

@@ -1 +1 @@
-{"file":"Alert-19e2e466.js","mappings":";;;;;;;;;;;;AAUA,MAAM,IAAI,GAA4D,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;IACzF,QACCA;QACCA,kBAAM,KAAK,EAAC,iBAAiB,IAAE,SAAS,CAAQ;QAChDA,QAACC,yBAAU,IAAC,KAAK,EAAC,cAAc,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,IAAI,GAAI,CACzD,EACF;AACH,CAAC,CAAC;AAEF,MAAM,SAAS,GAA6C,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;IAC3E,QAAQ,IAAI;QACX,KAAK,OAAO;YACX,OAAOD,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,WAAW,CAAC,EAAE,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/F,KAAK,MAAM;YACV,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,UAAU,CAAC,EAAE,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC7F,KAAK,SAAS;YACb,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACnG,KAAK,SAAS;YACb,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,sBAAsB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAChG;YACC,OAAOF,QAAC,IAAI,IAAC,SAAS,EAAEE,cAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,yBAAyB,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;KACnG;AACF,CAAC;;MCjBK,UAAU,GAAwB,CAAC,KAAK,EAAE,QAAQ;IACvD,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAA9I,uGAAsI,CAAQ,CAAC;IAErJ,IAAI,KAAK,EAAE;QAKV,IAAI;YACHC,WAAG,CAAC,KAAK,CAAC,CAAC,8BAA8B,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SACxF;QAAC,OAAO,CAAC,EAAE;YACXA,WAAG,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;SACnD;QAED,UAAU,CAAC;YACV,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;SACnB,EAAE,KAAK,CAAC,CAAC;KACV;IAED,MAAM,SAAS,mBACd,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,UAAU,CAAC,EAC3F,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,IAC9B,KAAK,CACR,CAAC;IAEF,QACCJ,iCAAS,SAAS;QACjBA,iBAAK,KAAK,EAAC,SAAS;YACnBA,QAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI;YACvCA,iBAAK,KAAK,EAAC,iBAAiB;gBAC1B,KAAK,GAAGA,QAACK,8BAAe,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,GAAG,IAAI;gBAChE,OAAO,KAAK,KAAK,IAAIL,iBAAK,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAO,CACtD;YACL,SAAS,KACTA,QAACM,6BAAc,IACd,KAAK,EAAC,OAAO,EACb,gBAAgB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,KAAI,EAAE,EACrC,UAAU,QACV,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,IAAI,EAAE,uBAAuB;qBAC7B;iBACD,EACD,MAAM,EAAEJ,cAAS,CAAC,iBAAiB,CAAC,EACpC,GAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,EAC/B,aAAa,EAAC,MAAM,GACH,CAClB,CACI;QACL,OAAO,KAAK,MAAM,IAAIF,iBAAK,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAO,CACvD,EACL;AACH;;;;","names":["h","KolIconTag","translate","Log","clsx","KolHeadingWcTag","KolButtonWcTag"],"sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class=\"heading-icon\" _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport type { InternalAlertProps } from '../../schema';\nimport { Log } from '../../schema';\nimport { translate } from '../../i18n';\nimport AlertIcon from '../AlertIcon';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst { class: classNames = {}, type = 'default', variant = 'msg', label, hasCloser, alert, onAlertTimeout, onCloserClick, level, ...other } = props;\n\n\tif (alert) {\n\t\t/**\n\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t */\n\t\ttry {\n\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t} catch (e) {\n\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx('kol-alert-wc', 'alert', type, variant, { hasCloser: !!hasCloser }, classNames),\n\t\trole: alert ? 'alert' : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps}>\n\t\t\t<div class=\"heading\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t{label ? <KolHeadingWcTag _label={label} _level={level} /> : null}\n\t\t\t\t\t{variant === 'msg' && <div class=\"content\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translate('kol-close-alert')}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && <div class=\"content\">{children}</div>}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"version":3}
+{"file":"Alert-1315f082.js","mappings":"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","names":["h","KolIconTag","translate","Log","clsx","KolHeadingWcTag","KolButtonWcTag"],"sources":["src/functional-components/AlertIcon/AlertIcon.tsx","src/functional-components/Alert/Alert.tsx"],"sourcesContent":["import { Fragment, type FunctionalComponent as FC, h } from '@stencil/core';\nimport { KolIconTag } from '../../core/component-names';\nimport type { AlertType } from '../../schema';\nimport { translate } from '../../i18n';\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst Icon: FC<{ ariaLabel: string; icon: string; label?: string }> = ({ ariaLabel, icon }) => {\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{ariaLabel}</span>\n\t\t\t<KolIconTag class=\"heading-icon\" _label=\"\" _icons={icon} />\n\t\t</>\n\t);\n};\n\nconst AlertIcon: FC<{ label?: string; type?: AlertType }> = ({ type, label }) => {\n\tswitch (type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={label} />;\n\t}\n};\n\nexport default AlertIcon;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport type { InternalAlertProps } from '../../schema';\nimport { Log } from '../../schema';\nimport { translate } from '../../i18n';\nimport AlertIcon from '../AlertIcon';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\n\nexport type KolAlertFcProps = JSXBase.HTMLAttributes<HTMLDivElement> &\n\tPartial<Omit<InternalAlertProps, 'on'>> & {\n\t\tonCloserClick?: () => void;\n\t\tonAlertTimeout?: () => void;\n\t};\n\nconst KolAlertFc: FC<KolAlertFcProps> = (props, children) => {\n\tconst { class: classNames = {}, type = 'default', variant = 'msg', label, hasCloser, alert, onAlertTimeout, onCloserClick, level, ...other } = props;\n\n\tif (alert) {\n\t\t/**\n\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t */\n\t\ttry {\n\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t} catch (e) {\n\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t}\n\n\t\tsetTimeout(() => {\n\t\t\tonAlertTimeout?.();\n\t\t}, 10000);\n\t}\n\n\tconst rootProps: Partial<JSXBase.HTMLAttributes<HTMLDivElement>> = {\n\t\tclass: clsx('kol-alert-wc', 'alert', type, variant, { hasCloser: !!hasCloser }, classNames),\n\t\trole: alert ? 'alert' : undefined,\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<div {...rootProps}>\n\t\t\t<div class=\"heading\">\n\t\t\t\t<AlertIcon label={label} type={type} />\n\t\t\t\t<div class=\"heading-content\">\n\t\t\t\t\t{label ? <KolHeadingWcTag _label={label} _level={level} /> : null}\n\t\t\t\t\t{variant === 'msg' && <div class=\"content\">{children}</div>}\n\t\t\t\t</div>\n\t\t\t\t{hasCloser && (\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t_ariaDescription={label?.trim() || ''}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t_label={translate('kol-close-alert')}\n\t\t\t\t\t\t_on={{ onClick: onCloserClick }}\n\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{variant === 'card' && <div class=\"content\">{children}</div>}\n\t\t</div>\n\t);\n};\n\nexport default KolAlertFc;\n"],"version":3}

package/dist/cjs/{Collapsible-c3a65f6a.js → Collapsible-f02af310.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-54a08a99.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-2c750b1b.js"),KolCollapsibleFc=(l,s)=>{const{id:e,class:o,label:i,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,x=tslib_es6.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"remove":"add";return index.h("div",Object.assign({id:e,class:clsx.clsx("collapsible",{disabled:!0===a,open:!0===c},o)},x),index.h(componentNames.KolHeadingWcTag,{ref:null==r?void 0:r.ref,_label:"",_level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${e}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`codicon codicon-${b}`,_label:i,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${e}-control`},s))))};exports.KolCollapsibleFc=KolCollapsibleFc;
+"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-4cec6984.js"),clsx=require("./clsx-dd4d6dd1.js"),componentNames=require("./component-names-2c750b1b.js"),KolCollapsibleFc=(l,s)=>{const{id:e,class:o,label:i,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,x=tslib_es6.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"remove":"add";return index.h("div",Object.assign({id:e,class:clsx.clsx("collapsible",{disabled:!0===a,open:!0===c},o)},x),index.h(componentNames.KolHeadingWcTag,{ref:null==r?void 0:r.ref,_label:"",_level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${e}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`codicon codicon-${b}`,_label:i,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${e}-control`},s))))};exports.KolCollapsibleFc=KolCollapsibleFc;

package/dist/cjs/{Collapsible-c3a65f6a.js.map → Collapsible-f02af310.js.map}

@@ -1 +1 @@
-{"file":"Collapsible-c3a65f6a.js","mappings":";;;;;;;;;;MAsCM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ;IAC9D,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAArJ,sHAA6I,CAAQ,CAAC;IAC5J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;IAErC,QACCA,+BACC,EAAE,EAAE,EAAE,EACN,KAAK,EAAEC,SAAI,CACV,aAAa,EACb;YACC,QAAQ,EAAE,QAAQ,KAAK,IAAI;YAC3B,IAAI,EAAE,IAAI,KAAK,IAAI;SACnB,EACD,UAAU,CACV,IACG,KAAK;QAETD,QAACE,8BAAe,IAAC,GAAG,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,EAAE,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC;YACzHD,QAACG,6BAAc,IACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,GAAG,EAAE,UAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,KAAI,mBAAmB,IAAI,EAAE,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACD;QAClBD,iBAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC;YACnED,iBAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC;gBAC/ED,gCAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD,EACL;AACH;;;;","names":["h","clsx","KolHeadingWcTag","KolButtonWcTag"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } from '../../schema';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLKolHeadingWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\tdisabled: disabled === true,\n\t\t\t\t\topen: open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingWcTag ref={HeadingProps?.ref} _label=\"\" _level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingWcTag>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"version":3}
+{"file":"Collapsible-f02af310.js","mappings":";;;;;;;;;;MAsCM,gBAAgB,GAAyB,CAAC,KAAK,EAAE,QAAQ;IAC9D,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,KAAe,KAAK,EAAf,KAAK,oBAAK,KAAK,EAArJ,sHAA6I,CAAQ,CAAC;IAC5J,MAAM,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,KAAK,CAAC;IAErC,QACCA,+BACC,EAAE,EAAE,EAAE,EACN,KAAK,EAAEC,SAAI,CACV,aAAa,EACb;YACC,QAAQ,EAAE,QAAQ,KAAK,IAAI;YAC3B,IAAI,EAAE,IAAI,KAAK,IAAI;SACnB,EACD,UAAU,CACV,IACG,KAAK;QAETD,QAACE,8BAAe,IAAC,GAAG,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,EAAE,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAED,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC;YACzHD,QAACG,6BAAc,IACd,KAAK,EAAEF,SAAI,CAAC,6BAA6B,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,CAAC,EACrE,GAAG,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,GAAG,EAC5B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,GAAG,EAAE,UAAU,EAC9B,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,MAAM,KAAI,mBAAmB,IAAI,EAAE,EAC/D,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,EAAE,OAAO,EAAE,GACC,CACD;QAClBD,iBAAK,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,CAAC;YACnED,iBAAK,KAAK,EAAEC,SAAI,CAAC,gCAAgC,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC;gBAC/ED,gCAAkB,IAAI,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,EAAE,KAAK,EAAEC,SAAI,CAAC,sBAAsB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,UAAU,IAClI,QAAQ,CACJ,CACD,CACD,CACD,EACL;AACH;;;;","names":["h","clsx","KolHeadingWcTag","KolButtonWcTag"],"sources":["src/functional-components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport type { FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\nimport type { HeadingLevel, IconsPropType } from '../../schema';\n\ntype ClassType =\n\t| string\n\t| {\n\t\t\t[className: string]: boolean;\n\t  };\n\nexport type CollapsibleProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\topen?: boolean;\n\tdisabled?: boolean;\n\tlevel?: HeadingLevel;\n\tlabel: string;\n\n\tHeadingProps?: {\n\t\tref?: ((elm?: HTMLKolHeadingWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t};\n\n\tHeadingButtonProps?: {\n\t\tref?: ((elm?: HTMLKolButtonWcElement | undefined) => void) | undefined;\n\t\tclass?: ClassType;\n\t\t_icons?: IconsPropType;\n\t};\n\n\tContentProps?: {\n\t\tclass?: ClassType;\n\t\tanimationClass?: ClassType;\n\t\twrapperClass?: ClassType;\n\t};\n};\n\nconst KolCollapsibleFc: FC<CollapsibleProps> = (props, children) => {\n\tconst { id, class: classNames, label, level = 1, disabled, open, onClick, HeadingProps = {}, HeadingButtonProps = {}, ContentProps = {}, ...other } = props;\n\tconst icon = open ? 'remove' : 'add';\n\n\treturn (\n\t\t<div\n\t\t\tid={id}\n\t\t\tclass={clsx(\n\t\t\t\t'collapsible',\n\t\t\t\t{\n\t\t\t\t\tdisabled: disabled === true,\n\t\t\t\t\topen: open === true,\n\t\t\t\t},\n\t\t\t\tclassNames,\n\t\t\t)}\n\t\t\t{...other}\n\t\t>\n\t\t\t<KolHeadingWcTag ref={HeadingProps?.ref} _label=\"\" _level={level} class={clsx('collapsible__heading', HeadingProps?.class)}>\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tclass={clsx('collapsible__heading-button', HeadingButtonProps?.class)}\n\t\t\t\t\tref={HeadingButtonProps?.ref}\n\t\t\t\t\tslot=\"expert\"\n\t\t\t\t\t_ariaControls={`${id}-control`}\n\t\t\t\t\t_ariaExpanded={open}\n\t\t\t\t\t_disabled={disabled}\n\t\t\t\t\t_icons={HeadingButtonProps?._icons || `codicon codicon-${icon}`}\n\t\t\t\t\t_label={label}\n\t\t\t\t\t_on={{ onClick }}\n\t\t\t\t></KolButtonWcTag>\n\t\t\t</KolHeadingWcTag>\n\t\t\t<div class={clsx('collapsible__wrapper', ContentProps?.wrapperClass)}>\n\t\t\t\t<div class={clsx('collapsible__wrapper-animation', ContentProps?.animationClass)}>\n\t\t\t\t\t<div aria-hidden={open === false ? 'true' : undefined} class={clsx('collapsible__content', ContentProps?.class)} id={`${id}-control`}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default KolCollapsibleFc;\n"],"version":3}

package/dist/cjs/FormFieldMsg-4deaead3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const clsx=require("./clsx-dd4d6dd1.js"),index=require("./index-4cec6984.js"),Alert=require("./Alert-1315f082.js");function transformObjectProperties(r){return Object.entries(r).reduce((r,[e,s])=>{const t=e.startsWith("_")?e.slice(1):e;return Object.assign(Object.assign({},r),{[t]:s})},{})}const FormFieldMsgFc=({_alert:r,_msg:e,_hideError:s,_id:t})=>{const i=transformObjectProperties(e||{});return index.h(Alert.KolAlertFc,Object.assign({id:`${t}-error`,alert:r,type:"error",class:clsx.clsx({error:!0,"visually-hidden":!0===s})},i),(null==e?void 0:e._description)||void 0)};exports.FormFieldMsgFc=FormFieldMsgFc;

package/dist/cjs/{FormFieldMsg-e2952120.js.map → FormFieldMsg-4deaead3.js.map}

@@ -1 +1 @@
-{"file":"FormFieldMsg-e2952120.js","mappings":";;;;;;;;;SAuBgB,yBAAyB,CACxC,GAAM;IAIN,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAChC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;QACjB,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACxD,uCACI,GAAG,KACN,CAAC,MAAM,GAAG,KAAK,IACd;KACF,EACD,EAEC,CACD,CAAC;AACH;;MC1BM,cAAc,GAA2C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE;IAChG,MAAM,GAAG,GAAG,yBAAyB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAElD,QACCA,QAACC,gBAAU,kBACV,EAAE,EAAE,GAAG,GAAG,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAEC,SAAI,CAAC;YACX,KAAK,EAAE,IAAI;YACX,iBAAiB,EAAE,UAAU,KAAK,IAAI;SACtC,CAAC,IACE,GAAG,GAEN,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,KAAI,SAAS,CACpB,EACZ;AACH;;;;","names":["h","KolAlertFc","clsx"],"sources":["src/utils/transformObjectProperties.ts","src/functional-components/FormFieldMsg/FormFieldMsg.tsx"],"sourcesContent":["/**\n * Transforms keys with leading underscores, keeping non-underscore keys unchanged.\n *\n * @template K The original key type\n * @returns Transformed key type\n */\ntype TransformKeys<K> = K extends `_${infer Rest}` ? Rest : K;\n\n/**\n * Transforms object properties by removing leading underscores from key names.\n *\n * This method is useful for converting objects from a naming convention with leading underscores\n * (often used for private or internal properties) to a standard naming format.\n *\n * @param obj The input object with potential underscore prefixes\n * @returns A new object with underscores removed from key names\n *\n * @example\n * // Converts object with underscore-prefixed keys\n * const input = { _name: 'John', _age: 30 };\n * const result = transformObjectProperties(input);\n * // result is { name: 'John', age: 30 }\n */\nexport function transformObjectProperties<T extends Record<string, unknown>>(\n\tobj: T,\n): {\n\t[K in keyof T as TransformKeys<K>]: T[K];\n} {\n\treturn Object.entries(obj).reduce(\n\t\t(acc, [key, value]) => {\n\t\t\tconst newKey = key.startsWith('_') ? key.slice(1) : key;\n\t\t\treturn {\n\t\t\t\t...acc,\n\t\t\t\t[newKey]: value,\n\t\t\t};\n\t\t},\n\t\t{} as {\n\t\t\t[K in keyof T as TransformKeys<K>]: T[K];\n\t\t},\n\t);\n}\n","import clsx from 'clsx';\nimport type { AlertPropType, HideErrorPropType, IdPropType, MsgPropType } from '../../schema';\nimport type { FunctionalComponent } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport KolAlertFc from '../Alert';\nimport { transformObjectProperties } from '../../utils/transformObjectProperties';\n\ntype FormFieldMsgProps = {\n\t_alert?: AlertPropType;\n\t_msg?: MsgPropType;\n\t_hideError?: HideErrorPropType;\n\t_id: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ _alert, _msg, _hideError, _id }) => {\n\tconst msg = transformObjectProperties(_msg || {});\n\n\treturn (\n\t\t<KolAlertFc\n\t\t\tid={`${_id}-error`}\n\t\t\talert={_alert}\n\t\t\ttype=\"error\"\n\t\t\tclass={clsx({\n\t\t\t\terror: true,\n\t\t\t\t'visually-hidden': _hideError === true,\n\t\t\t})}\n\t\t\t{...msg}\n\t\t>\n\t\t\t{_msg?._description || undefined}\n\t\t</KolAlertFc>\n\t);\n};\n\nexport default FormFieldMsgFc;\n"],"version":3}
+{"file":"FormFieldMsg-4deaead3.js","mappings":";;;;;;;;;SAuBgB,yBAAyB,CACxC,GAAM;IAIN,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAChC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;QACjB,MAAM,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACxD,uCACI,GAAG,KACN,CAAC,MAAM,GAAG,KAAK,IACd;KACF,EACD,EAEC,CACD,CAAC;AACH;;MC1BM,cAAc,GAA2C,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE;IAChG,MAAM,GAAG,GAAG,yBAAyB,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAElD,QACCA,QAACC,gBAAU,kBACV,EAAE,EAAE,GAAG,GAAG,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAEC,SAAI,CAAC;YACX,KAAK,EAAE,IAAI;YACX,iBAAiB,EAAE,UAAU,KAAK,IAAI;SACtC,CAAC,IACE,GAAG,GAEN,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,KAAI,SAAS,CACpB,EACZ;AACH;;;;","names":["h","KolAlertFc","clsx"],"sources":["src/utils/transformObjectProperties.ts","src/functional-components/FormFieldMsg/FormFieldMsg.tsx"],"sourcesContent":["/**\n * Transforms keys with leading underscores, keeping non-underscore keys unchanged.\n *\n * @template K The original key type\n * @returns Transformed key type\n */\ntype TransformKeys<K> = K extends `_${infer Rest}` ? Rest : K;\n\n/**\n * Transforms object properties by removing leading underscores from key names.\n *\n * This method is useful for converting objects from a naming convention with leading underscores\n * (often used for private or internal properties) to a standard naming format.\n *\n * @param obj The input object with potential underscore prefixes\n * @returns A new object with underscores removed from key names\n *\n * @example\n * // Converts object with underscore-prefixed keys\n * const input = { _name: 'John', _age: 30 };\n * const result = transformObjectProperties(input);\n * // result is { name: 'John', age: 30 }\n */\nexport function transformObjectProperties<T extends Record<string, unknown>>(\n\tobj: T,\n): {\n\t[K in keyof T as TransformKeys<K>]: T[K];\n} {\n\treturn Object.entries(obj).reduce(\n\t\t(acc, [key, value]) => {\n\t\t\tconst newKey = key.startsWith('_') ? key.slice(1) : key;\n\t\t\treturn {\n\t\t\t\t...acc,\n\t\t\t\t[newKey]: value,\n\t\t\t};\n\t\t},\n\t\t{} as {\n\t\t\t[K in keyof T as TransformKeys<K>]: T[K];\n\t\t},\n\t);\n}\n","import clsx from 'clsx';\nimport type { AlertPropType, HideErrorPropType, IdPropType, MsgPropType } from '../../schema';\nimport type { FunctionalComponent } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport KolAlertFc from '../Alert';\nimport { transformObjectProperties } from '../../utils/transformObjectProperties';\n\ntype FormFieldMsgProps = {\n\t_alert?: AlertPropType;\n\t_msg?: MsgPropType;\n\t_hideError?: HideErrorPropType;\n\t_id: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ _alert, _msg, _hideError, _id }) => {\n\tconst msg = transformObjectProperties(_msg || {});\n\n\treturn (\n\t\t<KolAlertFc\n\t\t\tid={`${_id}-error`}\n\t\t\talert={_alert}\n\t\t\ttype=\"error\"\n\t\t\tclass={clsx({\n\t\t\t\terror: true,\n\t\t\t\t'visually-hidden': _hideError === true,\n\t\t\t})}\n\t\t\t{...msg}\n\t\t>\n\t\t\t{_msg?._description || undefined}\n\t\t</KolAlertFc>\n\t);\n};\n\nexport default FormFieldMsgFc;\n"],"version":3}

package/dist/cjs/{InternalUnderlinedBadgeText-1dcd55b6.js → InternalUnderlinedBadgeText-2077b207.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const index=require("./index-54a08a99.js"),InternalUnderlinedBadgeText=({badgeText:e,label:n})=>{const t=e;let[l,...d]=n.split(t);return 0===d.length&&(e=t.toUpperCase(),[l,...d]=n.split(t)),0===d.length&&(e=t.toLowerCase(),[l,...d]=n.split(t)),index.h(index.Fragment,null,l,d.length?index.h(index.Fragment,null,index.h("u",null,e),d.join(t)):null)};exports.InternalUnderlinedBadgeText=InternalUnderlinedBadgeText;
+"use strict";const index=require("./index-4cec6984.js"),InternalUnderlinedBadgeText=({badgeText:e,label:n})=>{const t=e;let[l,...d]=n.split(t);return 0===d.length&&(e=t.toUpperCase(),[l,...d]=n.split(t)),0===d.length&&(e=t.toLowerCase(),[l,...d]=n.split(t)),index.h(index.Fragment,null,l,d.length?index.h(index.Fragment,null,index.h("u",null,e),d.join(t)):null)};exports.InternalUnderlinedBadgeText=InternalUnderlinedBadgeText;

package/dist/cjs/{InternalUnderlinedBadgeText-1dcd55b6.js.map → InternalUnderlinedBadgeText-2077b207.js.map}

@@ -1 +1 @@
-{"file":"InternalUnderlinedBadgeText-1dcd55b6.js","mappings":";;;;;;;MAOa,2BAA2B,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAS;IAEtE,MAAM,iBAAiB,GAAW,SAAS,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,QACCA;QACE,KAAK;QACL,IAAI,CAAC,MAAM,IACXA;YACCA,mBAAI,SAAS,CAAK;YACjB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAC3B,IACA,IAAI,CACN,EACF;AACH;;;;","names":["h"],"sources":["src/components/span/InternalUnderlinedBadgeText.tsx"],"sourcesContent":["import { Fragment, h } from '@stencil/core';\nimport type { BadgeTextPropType } from '../../schema';\n\ntype Props = {\n\tbadgeText: BadgeTextPropType;\n\tlabel: string;\n};\nexport const InternalUnderlinedBadgeText = ({ badgeText, label }: Props) => {\n\t/* Prefer capitalization as defined in the badge Text, try uppercase/lowercase when there's no match. */\n\tconst badgeTextAsString: string = badgeText;\n\tlet [first, ...rest] = label.split(badgeTextAsString);\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toUpperCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toLowerCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\treturn (\n\t\t<>\n\t\t\t{first}\n\t\t\t{rest.length ? (\n\t\t\t\t<>\n\t\t\t\t\t<u>{badgeText}</u>\n\t\t\t\t\t{rest.join(badgeTextAsString)}\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n"],"version":3}
+{"file":"InternalUnderlinedBadgeText-2077b207.js","mappings":";;;;;;;MAOa,2BAA2B,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAS;IAEtE,MAAM,iBAAiB,GAAW,SAAS,CAAC;IAC5C,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACtD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,SAAS,GAAG,iBAAiB,CAAC,WAAW,EAAE,CAAC;QAC5C,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;KAClD;IACD,QACCA;QACE,KAAK;QACL,IAAI,CAAC,MAAM,IACXA;YACCA,mBAAI,SAAS,CAAK;YACjB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAC3B,IACA,IAAI,CACN,EACF;AACH;;;;","names":["h"],"sources":["src/components/span/InternalUnderlinedBadgeText.tsx"],"sourcesContent":["import { Fragment, h } from '@stencil/core';\nimport type { BadgeTextPropType } from '../../schema';\n\ntype Props = {\n\tbadgeText: BadgeTextPropType;\n\tlabel: string;\n};\nexport const InternalUnderlinedBadgeText = ({ badgeText, label }: Props) => {\n\t/* Prefer capitalization as defined in the badge Text, try uppercase/lowercase when there's no match. */\n\tconst badgeTextAsString: string = badgeText;\n\tlet [first, ...rest] = label.split(badgeTextAsString);\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toUpperCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\tif (rest.length === 0) {\n\t\tbadgeText = badgeTextAsString.toLowerCase();\n\t\t[first, ...rest] = label.split(badgeTextAsString);\n\t}\n\treturn (\n\t\t<>\n\t\t\t{first}\n\t\t\t{rest.length ? (\n\t\t\t\t<>\n\t\t\t\t\t<u>{badgeText}</u>\n\t\t\t\t\t{rest.join(badgeTextAsString)}\n\t\t\t\t</>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n"],"version":3}

package/dist/cjs/{access-and-short-key-5bfd764e.js → access-and-short-key-18fca6a6.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-"use strict";const index=require("./index-4d023d25.js"),validateAccessKey=(e,t)=>{index.watchString(e,"_accessKey",t)},options={hooks:{afterPatch:e=>{-1!==e&&0!==e&&index.a11yHint("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(e,t)=>{index.watchNumber(e,"_tabIndex",t,options)},validateShortKey=(e,t)=>{index.watchString(e,"_shortKey",t)},validateAccessAndShortKey=(e,t)=>{if(e&&t)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")};exports.validateAccessAndShortKey=validateAccessAndShortKey,exports.validateAccessKey=validateAccessKey,exports.validateShortKey=validateShortKey,exports.validateTabIndex=validateTabIndex;
+"use strict";const index=require("./index-4974b34f.js"),validateAccessKey=(e,t)=>{index.watchString(e,"_accessKey",t)},options={hooks:{afterPatch:e=>{-1!==e&&0!==e&&index.a11yHint("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(e,t)=>{index.watchNumber(e,"_tabIndex",t,options)},validateShortKey=(e,t)=>{index.watchString(e,"_shortKey",t)},validateAccessAndShortKey=(e,t)=>{if(e&&t)throw new Error("AccessKey and ShortKey are used. Only one is allowed.")};exports.validateAccessAndShortKey=validateAccessAndShortKey,exports.validateAccessKey=validateAccessKey,exports.validateShortKey=validateShortKey,exports.validateTabIndex=validateTabIndex;

package/dist/cjs/{access-and-short-key-5bfd764e.js.map → access-and-short-key-18fca6a6.js.map}

@@ -1 +1 @@
-{"file":"access-and-short-key-5bfd764e.js","mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB;IAChGA,iBAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC7C;;ACPA,MAAM,OAAO,GAAuB;IACnC,KAAK,EAAE;QACN,UAAU,EAAE,CAAC,KAAK;YACjB,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChCC,cAAQ,CAAC,4GAA4G,CAAC,CAAC;aACvH;SACD;KACD;CACD,CAAC;MAKW,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAc;IACpFC,iBAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AACrD;;MCXa,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB;IAC9FF,iBAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAC5C;;MCda,yBAAyB,GAAG,CAAC,SAA6B,EAAE,QAA2B;IACnG,IAAI,SAAS,IAAI,QAAQ,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KACzE;AACF;;;;;;;","names":["watchString","a11yHint","watchNumber"],"sources":["src/schema/props/access-key.ts","src/schema/validators/tab-index.ts","src/schema/props/short-key.ts","src/schema/validators/access-and-short-key.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines which key combination can be used to trigger or focus the interactive element of the component.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type ShortKeyPropType = string;\n\n/**\n * Adds a visual short key hint to the component.\n */\nexport type PropShortKey = {\n\tshortKey: ShortKeyPropType;\n};\n\n/* validator */\nexport const validateShortKey = (component: Generic.Element.Component, value?: ShortKeyPropType): void => {\n\twatchString(component, '_shortKey', value);\n};\n","import type { AccessKeyPropType, ShortKeyPropType } from '../props';\n\nexport const validateAccessAndShortKey = (accessKey?: AccessKeyPropType, shortKey?: ShortKeyPropType) => {\n\tif (accessKey && shortKey) {\n\t\tthrow new Error('AccessKey and ShortKey are used. Only one is allowed.');\n\t}\n};\n"],"version":3}
+{"file":"access-and-short-key-18fca6a6.js","mappings":";;;;;;;MAea,iBAAiB,GAAG,CAAC,SAAoC,EAAE,KAAyB;IAChGA,iBAAW,CAAC,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAC7C;;ACPA,MAAM,OAAO,GAAuB;IACnC,KAAK,EAAE;QACN,UAAU,EAAE,CAAC,KAAK;YACjB,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChCC,cAAQ,CAAC,4GAA4G,CAAC,CAAC;aACvH;SACD;KACD;CACD,CAAC;MAKW,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAc;IACpFC,iBAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;AACrD;;MCXa,gBAAgB,GAAG,CAAC,SAAoC,EAAE,KAAwB;IAC9FF,iBAAW,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;AAC5C;;MCda,yBAAyB,GAAG,CAAC,SAA6B,EAAE,QAA2B;IACnG,IAAI,SAAS,IAAI,QAAQ,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KACzE;AACF;;;;;;;","names":["watchString","a11yHint","watchNumber"],"sources":["src/schema/props/access-key.ts","src/schema/validators/tab-index.ts","src/schema/props/short-key.ts","src/schema/validators/access-and-short-key.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type AccessKeyPropType = string;\n\n/**\n * Defines which key combination can be used to trigger or focus the interactive element of the component.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey\n */\nexport type PropAccessKey = {\n\taccessKey: AccessKeyPropType;\n};\n\n/* validator */\nexport const validateAccessKey = (component: Generic.Element.Component, value?: AccessKeyPropType): void => {\n\twatchString(component, '_accessKey', value);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchNumberOptions } from '../utils';\nimport { a11yHint, watchNumber } from '../utils';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport { watchString } from '../utils';\n\n/* types */\nexport type ShortKeyPropType = string;\n\n/**\n * Adds a visual short key hint to the component.\n */\nexport type PropShortKey = {\n\tshortKey: ShortKeyPropType;\n};\n\n/* validator */\nexport const validateShortKey = (component: Generic.Element.Component, value?: ShortKeyPropType): void => {\n\twatchString(component, '_shortKey', value);\n};\n","import type { AccessKeyPropType, ShortKeyPropType } from '../props';\n\nexport const validateAccessAndShortKey = (accessKey?: AccessKeyPropType, shortKey?: ShortKeyPropType) => {\n\tif (accessKey && shortKey) {\n\t\tthrow new Error('AccessKey and ShortKey are used. Only one is allowed.');\n\t}\n};\n"],"version":3}

package/dist/cjs/align-5570f44b.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const index=require("./index-4974b34f.js"),validateAlignment=(i,t,n)=>{index.watchValidator(i,t,i=>"string"==typeof i&&alignPropTypeOptions.includes(i),new Set(alignPropTypeOptions),n,{defaultValue:"top"})},horizontalAlignOptions=["left","right"],verticalAlignOptions=["top","bottom"],alignPropTypeOptions=[...horizontalAlignOptions,...verticalAlignOptions],validateAlign=(i,t)=>{validateAlignment(i,"_align",t)};exports.validateAlign=validateAlign,exports.validateAlignment=validateAlignment;

package/dist/cjs/{align-033dd3ec.js.map → align-5570f44b.js.map}

@@ -1 +1 @@
-{"file":"align-033dd3ec.js","mappings":";;;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAqB;IAC9GA,oBAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE;QACvJ,YAAY,EAAE,KAAK;KACnB,CAAC,CAAC;AACJ;;ACLA,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAE1D,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AAEjD,MAAM,oBAAoB,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,oBAAoB,CAAU,CAAC;MAWrF,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB;IACxF,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC/C;;;;;","names":["watchValidator"],"sources":["src/schema/validators/alignment.ts","src/schema/props/align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AlignPropType } from '../props';\nimport { alignPropTypeOptions } from '../props';\nimport { watchValidator } from '../utils';\n\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: AlignPropType): void => {\n\twatchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {\n\t\tdefaultValue: 'top',\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\n/* types */\nconst horizontalAlignOptions = ['left', 'right'] as const;\ntype HorizontalAlign = (typeof horizontalAlignOptions)[number];\nconst verticalAlignOptions = ['top', 'bottom'] as const;\ntype VerticalAlign = (typeof verticalAlignOptions)[number];\nexport const alignPropTypeOptions = [...horizontalAlignOptions, ...verticalAlignOptions] as const;\nexport type AlignPropType = HorizontalAlign | VerticalAlign;\n\n/**\n * Defines the visual orientation of the component: top, right, bottom or left.\n */\nexport type PropAlign = {\n\talign: AlignPropType;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: AlignPropType): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"version":3}
+{"file":"align-5570f44b.js","mappings":";;;;;;;MAMa,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAqB;IAC9GA,oBAAc,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE;QACvJ,YAAY,EAAE,KAAK;KACnB,CAAC,CAAC;AACJ;;ACLA,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAE1D,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AAEjD,MAAM,oBAAoB,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,oBAAoB,CAAU,CAAC;MAWrF,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAqB;IACxF,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC/C;;;;;","names":["watchValidator"],"sources":["src/schema/validators/alignment.ts","src/schema/props/align.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AlignPropType } from '../props';\nimport { alignPropTypeOptions } from '../props';\nimport { watchValidator } from '../utils';\n\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: AlignPropType): void => {\n\twatchValidator(component, propName, (value) => typeof value === 'string' && alignPropTypeOptions.includes(value), new Set(alignPropTypeOptions), value, {\n\t\tdefaultValue: 'top',\n\t});\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { validateAlignment } from '../validators';\n\n/* types */\nconst horizontalAlignOptions = ['left', 'right'] as const;\ntype HorizontalAlign = (typeof horizontalAlignOptions)[number];\nconst verticalAlignOptions = ['top', 'bottom'] as const;\ntype VerticalAlign = (typeof verticalAlignOptions)[number];\nexport const alignPropTypeOptions = [...horizontalAlignOptions, ...verticalAlignOptions] as const;\nexport type AlignPropType = HorizontalAlign | VerticalAlign;\n\n/**\n * Defines the visual orientation of the component: top, right, bottom or left.\n */\nexport type PropAlign = {\n\talign: AlignPropType;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: AlignPropType): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"version":3}

package/dist/cjs/align-floating-elements-3592f6e5.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+"use strict";const index=require("./index-4974b34f.js"),sides=["top","right","bottom","left"],alignments=["start","end"],placements=sides.reduce((e,t)=>e.concat(t,t+"-"+alignments[0],t+"-"+alignments[1]),[]),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"}const yAxisSides=new Set(["top","bottom"]);function getSideAxis(e){return yAxisSides.has(getSide(e))?"y":"x"}function getAlignmentAxis(e){return getOppositeAxis(getSideAxis(e))}function getAlignmentSides(e,t,n){void 0===n&&(n=!1);const i=getAlignment(e),o=getAlignmentAxis(e),r=getAxisLength(o);let l="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"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])}const lrPlacement=["left","right"],rlPlacement=["right","left"],tbPlacement=["top","bottom"],btPlacement=["bottom","top"];function getSideList(e,t,n){switch(e){case"top":case"bottom":return n?t?rlPlacement:lrPlacement:t?lrPlacement:rlPlacement;case"left":case"right":return t?tbPlacement:btPlacement;default:return[]}}function getOppositeAxisPlacements(e,t,n,i){const o=getAlignment(e);let r=getSideList(getSide(e),"start"===n,i);return o&&(r=r.map(e=>e+"-"+o),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){const{x:t,y:n,width:i,height:o}=e;return{width:i,height:o,top:n,left:t,right:t+i,bottom:n+o,x:t,y:n}}function computeCoordsFromPlacement(e,t,n){let{reference:i,floating:o}=e;const r=getSideAxis(t),l=getAlignmentAxis(t),s=getAxisLength(l),a=getSide(t),c="y"===r,f=i.x+i.width/2-o.width/2,g=i.y+i.height/2-o.height/2,d=i[s]/2-o[s]/2;let m;switch(a){case"top":m={x:f,y:i.y-o.height};break;case"bottom":m={x:f,y:i.y+i.height};break;case"right":m={x:i.x+i.width,y:g};break;case"left":m={x:i.x-o.width,y:g};break;default:m={x:i.x,y:i.y}}switch(getAlignment(t)){case"start":m[l]-=d*(n&&c?-1:1);break;case"end":m[l]+=d*(n&&c?-1:1)}return m}const computePosition$1=async(e,t,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:l}=n,s=r.filter(Boolean),a=await(null==l.isRTL?void 0:l.isRTL(t));let c=await l.getElementRects({reference:e,floating:t,strategy:o}),{x:f,y:g}=computeCoordsFromPlacement(c,i,a),d=i,m={},u=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:i,placement:d,strategy:o,middlewareData:m,rects:c,platform:l,elements:{reference:e,floating:t}});f=null!=h?h:f,g=null!=w?w:g,m={...m,[r]:{...m[r],...y}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(d=x.placement),x.rects&&(c=!0===x.rects?await l.getElementRects({reference:e,floating:t,strategy:o}):x.rects),({x:f,y:g}=computeCoordsFromPlacement(c,d,a))),n=-1)}return{x:f,y:g,placement:d,strategy:o,middlewareData:m}};async function detectOverflow(e,t){var n;void 0===t&&(t={});const{x:i,y:o,platform:r,rects:l,elements:s,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:g="floating",altBoundary:d=!1,padding:m=0}=evaluate(t,e),u=getPaddingObject(m),p=s[d?"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:c,rootBoundary:f,strategy:a})),w="floating"===g?{x:i,y:o,width:l.floating.width,height:l.floating.height}: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({elements:s,rect:w,offsetParent:y,strategy:a}):w);return{top:(h.top-v.top+u.top)/x.y,bottom:(v.bottom-h.bottom+u.bottom)/x.y,left:(h.left-v.left+u.left)/x.x,right:(v.right-h.right+u.right)/x.x}}const arrow$1=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:i,placement:o,rects:r,platform:l,elements:s,middlewareData:a}=t,{element:c,padding:f=0}=evaluate(e,t)||{};if(null==c)return{};const g=getPaddingObject(f),d={x:n,y:i},m=getAlignmentAxis(o),u=getAxisLength(m),p=await l.getDimensions(c),h="y"===m,w=h?"top":"left",y=h?"bottom":"right",x=h?"clientHeight":"clientWidth",v=r.reference[u]+r.reference[m]-d[m]-r.floating[u],b=d[m]-r.reference[m],A=await(null==l.getOffsetParent?void 0:l.getOffsetParent(c));let S=A?A[x]:0;S&&await(null==l.isElement?void 0:l.isElement(A))||(S=s.floating[x]||r.floating[u]);const R=v/2-b/2,O=S/2-p[u]/2-1,C=min(g[w],O),E=min(g[y],O),P=C,T=S-p[u]-E,L=S/2-p[u]/2+R,N=clamp(P,L,T),D=!a.arrow&&null!=getAlignment(o)&&L!==N&&r.reference[u]/2-(L<P?C:E)-p[u]/2<0,W=D?L<P?L-P:L-T:0;return{[m]:d[m]+W,data:{[m]:N,centerOffset:L-N-W,...D&&{alignmentOffset:W}},reset:D}}});function getPlacementList(e,t,n){return(e?[...n.filter(t=>getAlignment(t)===e),...n.filter(t=>getAlignment(t)!==e)]:n.filter(e=>getSide(e)===e)).filter(n=>!e||(getAlignment(n)===e||!!t&&getOppositeAlignmentPlacement(n)!==n))}const autoPlacement=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var n,i,o;const{rects:r,middlewareData:l,placement:s,platform:a,elements:c}=t,{crossAxis:f=!1,alignment:g,allowedPlacements:d=placements,autoAlignment:m=!0,...u}=evaluate(e,t),p=void 0!==g||d===placements?getPlacementList(g||null,m,d):d,h=await detectOverflow(t,u),w=(null==(n=l.autoPlacement)?void 0:n.index)||0,y=p[w];if(null==y)return{};const x=getAlignmentSides(y,r,await(null==a.isRTL?void 0:a.isRTL(c.floating)));if(s!==y)return{reset:{placement:p[0]}};const v=[h[getSide(y)],h[x[0]],h[x[1]]],b=[...(null==(i=l.autoPlacement)?void 0:i.overflows)||[],{placement:y,overflows:v}],A=p[w+1];if(A)return{data:{index:w+1,overflows:b},reset:{placement:A}};const S=b.map(e=>{const t=getAlignment(e.placement);return[e.placement,t&&f?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),R=(null==(o=S.filter(e=>e[2].slice(0,getAlignment(e[0])?2:3).every(e=>e<=0))[0])?void 0:o[0])||S[0][0];return R!==s?{data:{index:w+1,overflows:b},reset:{placement:R}}:{}}}},flip$1=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:o,middlewareData:r,rects:l,initialPlacement:s,platform:a,elements:c}=t,{mainAxis:f=!0,crossAxis:g=!0,fallbackPlacements:d,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:p=!0,...h}=evaluate(e,t);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const w=getSide(o),y=getSideAxis(s),x=getSide(s)===s,v=await(null==a.isRTL?void 0:a.isRTL(c.floating)),b=d||(x||!p?[getOppositePlacement(s)]:getExpandedPlacements(s)),A="none"!==u;!d&&A&&b.push(...getOppositeAxisPlacements(s,p,u,v));const S=[s,...b],R=await detectOverflow(t,h),O=[];let C=(null==(i=r.flip)?void 0:i.overflows)||[];if(f&&O.push(R[w]),g){const e=getAlignmentSides(o,l,v);O.push(R[e[0]],R[e[1]])}if(C=[...C,{placement:o,overflows:O}],!O.every(e=>e<=0)){var E,P;const e=((null==(E=r.flip)?void 0:E.index)||0)+1,t=S[e];if(t){if(!("alignment"===g&&y!==getSideAxis(t))||C.every(e=>getSideAxis(e.placement)!==y||e.overflows[0]>0))return{data:{index:e,overflows:C},reset:{placement:t}}}let n=null==(P=C.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:P.placement;if(!n)switch(m){case"bestFit":{var T;const e=null==(T=C.filter(e=>{if(A){const t=getSideAxis(e.placement);return t===y||"y"===t}return!0}).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:T[0];e&&(n=e);break}case"initialPlacement":n=s}if(o!==n)return{reset:{placement:n}}}return{}}}};function getSideOffsets(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function isAnySideFullyClipped(e){return sides.some(t=>e[t]>=0)}const hide=function(e){return void 0===e&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:i="referenceHidden",...o}=evaluate(e,t);switch(i){case"referenceHidden":{const e=getSideOffsets(await detectOverflow(t,{...o,elementContext:"reference"}),n.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:isAnySideFullyClipped(e)}}}case"escaped":{const e=getSideOffsets(await detectOverflow(t,{...o,altBoundary:!0}),n.floating);return{data:{escapedOffsets:e,escaped:isAnySideFullyClipped(e)}}}default:return{}}}}};function getBoundingRect(e){const t=min(...e.map(e=>e.left)),n=min(...e.map(e=>e.top));return{x:t,y:n,width:max(...e.map(e=>e.right))-t,height:max(...e.map(e=>e.bottom))-n}}function getRectsByLine(e){const t=e.slice().sort((e,t)=>e.y-t.y),n=[];let i=null;for(let e=0;e<t.length;e++){const o=t[e];!i||o.y-i.y>i.height/2?n.push([o]):n[n.length-1].push(o),i=o}return n.map(e=>rectToClientRect(getBoundingRect(e)))}const inline=function(e){return void 0===e&&(e={}),{name:"inline",options:e,async fn(t){const{placement:n,elements:i,rects:o,platform:r,strategy:l}=t,{padding:s=2,x:a,y:c}=evaluate(e,t),f=Array.from(await(null==r.getClientRects?void 0:r.getClientRects(i.reference))||[]),g=getRectsByLine(f),d=rectToClientRect(getBoundingRect(f)),m=getPaddingObject(s);const u=await r.getElementRects({reference:{getBoundingClientRect:function(){if(2===g.length&&g[0].left>g[1].right&&null!=a&&null!=c)return g.find(e=>a>e.left-m.left&&a<e.right+m.right&&c>e.top-m.top&&c<e.bottom+m.bottom)||d;if(g.length>=2){if("y"===getSideAxis(n)){const e=g[0],t=g[g.length-1],i="top"===getSide(n),o=e.top,r=t.bottom,l=i?e.left:t.left,s=i?e.right:t.right;return{top:o,bottom:r,left:l,right:s,width:s-l,height:r-o,x:l,y:o}}const e="left"===getSide(n),t=max(...g.map(e=>e.right)),i=min(...g.map(e=>e.left)),o=g.filter(n=>e?n.left===i:n.right===t),r=o[0].top,l=o[o.length-1].bottom;return{top:r,bottom:l,left:i,right:t,width:t-i,height:l-r,x:i,y:r}}return d}},floating:i.floating,strategy:l});return o.reference.x!==u.reference.x||o.reference.y!==u.reference.y||o.reference.width!==u.reference.width||o.reference.height!==u.reference.height?{reset:{rects:u}}:{}}}},originSides=new Set(["left","top"]);async function convertValueToCoords(e,t){const{placement:n,platform:i,elements:o}=e,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),l=getSide(n),s=getAlignment(n),a="y"===getSideAxis(n),c=originSides.has(l)?-1:1,f=r&&a?-1:1,g=evaluate(t,e);let{mainAxis:d,crossAxis:m,alignmentAxis:u}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&"number"==typeof u&&(m="end"===s?-1*u:u),a?{x:m*f,y:d*c}:{x:d*c,y:m*f}}const offset$1=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,i;const{x:o,y:r,placement:l,middlewareData:s}=t,a=await convertValueToCoords(t,e);return l===(null==(n=s.offset)?void 0:n.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:o+a.x,y:r+a.y,data:{...a,placement:l}}}}},shift$1=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:o}=t,{mainAxis:r=!0,crossAxis:l=!1,limiter:s={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...a}=evaluate(e,t),c={x:n,y:i},f=await detectOverflow(t,a),g=getSideAxis(getSide(o)),d=getOppositeAxis(g);let m=c[d],u=c[g];if(r){const e="y"===d?"bottom":"right";m=clamp(m+f["y"===d?"top":"left"],m,m-f[e])}if(l){const e="y"===g?"bottom":"right";u=clamp(u+f["y"===g?"top":"left"],u,u-f[e])}const p=s.fn({...t,[d]:m,[g]:u});return{...p,data:{x:p.x-n,y:p.y-i,enabled:{[d]:r,[g]:l}}}}}},limitShift=function(e){return void 0===e&&(e={}),{options:e,fn(t){const{x:n,y:i,placement:o,rects:r,middlewareData:l}=t,{offset:s=0,mainAxis:a=!0,crossAxis:c=!0}=evaluate(e,t),f={x:n,y:i},g=getSideAxis(o),d=getOppositeAxis(g);let m=f[d],u=f[g];const p=evaluate(s,t),h="number"==typeof p?{mainAxis:p,crossAxis:0}:{mainAxis:0,crossAxis:0,...p};if(a){const e="y"===d?"height":"width",t=r.reference[d]-r.floating[e]+h.mainAxis,n=r.reference[d]+r.reference[e]-h.mainAxis;m<t?m=t:m>n&&(m=n)}if(c){var w,y;const e="y"===d?"width":"height",t=originSides.has(getSide(o)),n=r.reference[g]-r.floating[e]+(t&&(null==(w=l.offset)?void 0:w[g])||0)+(t?0:h.crossAxis),i=r.reference[g]+r.reference[e]+(t?0:(null==(y=l.offset)?void 0:y[g])||0)-(t?h.crossAxis:0);u<n?u=n:u>i&&(u=i)}return{[d]:m,[g]:u}}}},size=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var n,i;const{placement:o,rects:r,platform:l,elements:s}=t,{apply:a=()=>{},...c}=evaluate(e,t),f=await detectOverflow(t,c),g=getSide(o),d=getAlignment(o),m="y"===getSideAxis(o),{width:u,height:p}=r.floating;let h,w;"top"===g||"bottom"===g?(h=g,w=d===(await(null==l.isRTL?void 0:l.isRTL(s.floating))?"start":"end")?"left":"right"):(w=g,h="end"===d?"top":"bottom");const y=p-f.top-f.bottom,x=u-f.left-f.right,v=min(p-f[h],y),b=min(u-f[w],x),A=!t.middlewareData.shift;let S=v,R=b;if(null!=(n=t.middlewareData.shift)&&n.enabled.x&&(R=x),null!=(i=t.middlewareData.shift)&&i.enabled.y&&(S=y),A&&!d){const e=max(f.left,0),t=max(f.right,0),n=max(f.top,0),i=max(f.bottom,0);m?R=u-2*(0!==e||0!==t?e+t:max(f.left,f.right)):S=p-2*(0!==n||0!==i?n+i:max(f.top,f.bottom))}await a({...t,availableWidth:R,availableHeight:S});const O=await l.getDimensions(s.floating);return u!==O.width||p!==O.height?{reset:{rects:!0}}:{}}}};function hasWindow(){return"undefined"!=typeof window}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!!hasWindow()&&(e instanceof Node||e instanceof getWindow(e).Node)}function isElement(e){return!!hasWindow()&&(e instanceof Element||e instanceof getWindow(e).Element)}function isHTMLElement(e){return!!hasWindow()&&(e instanceof HTMLElement||e instanceof getWindow(e).HTMLElement)}function isShadowRoot(e){return!(!hasWindow()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof getWindow(e).ShadowRoot)}const invalidOverflowDisplayValues=new Set(["inline","contents"]);function isOverflowElement(e){const{overflow:t,overflowX:n,overflowY:i,display:o}=getComputedStyle$1(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!invalidOverflowDisplayValues.has(o)}const tableElements=new Set(["table","td","th"]);function isTableElement(e){return tableElements.has(getNodeName(e))}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(e){return topLayerSelectors.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const transformProperties=["transform","translate","scale","rotate","perspective"],willChangeValues=["transform","translate","scale","rotate","perspective","filter"],containValues=["paint","layout","strict","content"];function isContainingBlock(e){const t=isWebKit(),n=isElement(e)?getComputedStyle$1(e):e;return transformProperties.some(e=>!!n[e]&&"none"!==n[e])||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||willChangeValues.some(e=>(n.willChange||"").includes(e))||containValues.some(e=>(n.contain||"").includes(e))}function getContainingBlock(e){let t=getParentNode(e);for(;isHTMLElement(t)&&!isLastTraversableNode(t);){if(isContainingBlock(t))return t;if(isTopLayer(t))return null;t=getParentNode(t)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const lastTraversableNodeNames=new Set(["html","body","#document"]);function isLastTraversableNode(e){return lastTraversableNodeNames.has(getNodeName(e))}function getComputedStyle$1(e){return getWindow(e).getComputedStyle(e)}function getNodeScroll(e){return isElement(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}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 i;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=getNearestOverflowAncestor(e),r=o===(null==(i=e.ownerDocument)?void 0:i.body),l=getWindow(o);if(r){const e=getFrameElement(l);return t.concat(l,l.visualViewport||[],isOverflowElement(o)?o:[],e&&n?getOverflowAncestors(e):[])}return t.concat(o,getOverflowAncestors(o,[],n))}function getFrameElement(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function getCssDimensions(e){const t=getComputedStyle$1(e);let n=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const o=isHTMLElement(e),r=o?e.offsetWidth:n,l=o?e.offsetHeight:i,s=round(n)!==r||round(i)!==l;return s&&(n=r,i=l),{width:n,height:i,$: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:i,height:o,$:r}=getCssDimensions(t);let l=(r?round(n.width):n.width)/i,s=(r?round(n.height):n.height)/o;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,i){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),r=unwrapElement(e);let l=createCoords(1);t&&(i?isElement(i)&&(l=getScale(i)):l=getScale(e));const s=shouldAddVisualOffsets(r,n,i)?getVisualOffsets(r):createCoords(0);let a=(o.left+s.x)/l.x,c=(o.top+s.y)/l.y,f=o.width/l.x,g=o.height/l.y;if(r){const e=getWindow(r),t=i&&isElement(i)?getWindow(i):i;let n=e,o=getFrameElement(n);for(;o&&i&&t!==n;){const e=getScale(o),t=o.getBoundingClientRect(),i=getComputedStyle$1(o),r=t.left+(o.clientLeft+parseFloat(i.paddingLeft))*e.x,l=t.top+(o.clientTop+parseFloat(i.paddingTop))*e.y;a*=e.x,c*=e.y,f*=e.x,g*=e.y,a+=r,c+=l,n=getWindow(o),o=getFrameElement(n)}}return rectToClientRect({width:f,height:g,x:a,y:c})}function getWindowScrollBarX(e,t){const n=getNodeScroll(e).scrollLeft;return t?t.left+n:getBoundingClientRect(getDocumentElement(e)).left+n}function getHTMLOffset(e,t){const n=e.getBoundingClientRect();return{x:n.left+t.scrollLeft-getWindowScrollBarX(e,n),y:n.top+t.scrollTop}}function convertOffsetParentRelativeRectToViewportRelativeRect(e){let{elements:t,rect:n,offsetParent:i,strategy:o}=e;const r="fixed"===o,l=getDocumentElement(i),s=!!t&&isTopLayer(t.floating);if(i===l||s&&r)return n;let a={scrollLeft:0,scrollTop:0},c=createCoords(1);const f=createCoords(0),g=isHTMLElement(i);if((g||!g&&!r)&&(("body"!==getNodeName(i)||isOverflowElement(l))&&(a=getNodeScroll(i)),isHTMLElement(i))){const e=getBoundingClientRect(i);c=getScale(i),f.x=e.x+i.clientLeft,f.y=e.y+i.clientTop}const d=!l||g||r?createCoords(0):getHTMLOffset(l,a);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+f.x+d.x,y:n.y*c.y-a.scrollTop*c.y+f.y+d.y}}function getClientRects(e){return Array.from(e.getClientRects())}function getDocumentRect(e){const t=getDocumentElement(e),n=getNodeScroll(e),i=e.ownerDocument.body,o=max(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),r=max(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let l=-n.scrollLeft+getWindowScrollBarX(e);const s=-n.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(l+=max(t.clientWidth,i.clientWidth)-o),{width:o,height:r,x:l,y:s}}const SCROLLBAR_MAX=25;function getViewportRect(e,t){const n=getWindow(e),i=getDocumentElement(e),o=n.visualViewport;let r=i.clientWidth,l=i.clientHeight,s=0,a=0;if(o){r=o.width,l=o.height;const e=isWebKit();(!e||e&&"fixed"===t)&&(s=o.offsetLeft,a=o.offsetTop)}const c=getWindowScrollBarX(i);if(c<=0){const e=i.ownerDocument,t=e.body,n=getComputedStyle(t),o="CSS1Compat"===e.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,l=Math.abs(i.clientWidth-t.clientWidth-o);l<=25&&(r-=l)}else c<=25&&(r+=c);return{width:r,height:l,x:s,y:a}}const absoluteOrFixed=new Set(["absolute","fixed"]);function getInnerBoundingClientRect(e,t){const n=getBoundingClientRect(e,!0,"fixed"===t),i=n.top+e.clientTop,o=n.left+e.clientLeft,r=isHTMLElement(e)?getScale(e):createCoords(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:o*r.x,y:i*r.y}}function getClientRectFromClippingAncestor(e,t,n){let i;if("viewport"===t)i=getViewportRect(e,n);else if("document"===t)i=getDocumentRect(getDocumentElement(e));else if(isElement(t))i=getInnerBoundingClientRect(t,n);else{const n=getVisualOffsets(e);i={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return rectToClientRect(i)}function hasFixedPositionAncestor(e,t){const n=getParentNode(e);return!(n===t||!isElement(n)||isLastTraversableNode(n))&&("fixed"===getComputedStyle$1(n).position||hasFixedPositionAncestor(n,t))}function getClippingElementAncestors(e,t){const n=t.get(e);if(n)return n;let i=getOverflowAncestors(e,[],!1).filter(e=>isElement(e)&&"body"!==getNodeName(e)),o=null;const r="fixed"===getComputedStyle$1(e).position;let l=r?getParentNode(e):e;for(;isElement(l)&&!isLastTraversableNode(l);){const t=getComputedStyle$1(l),n=isContainingBlock(l);n||"fixed"!==t.position||(o=null);(r?!n&&!o:!n&&"static"===t.position&&!!o&&absoluteOrFixed.has(o.position)||isOverflowElement(l)&&!n&&hasFixedPositionAncestor(e,l))?i=i.filter(e=>e!==l):o=t,l=getParentNode(l)}return t.set(e,i),i}function getClippingRect(e){let{element:t,boundary:n,rootBoundary:i,strategy:o}=e;const r=[..."clippingAncestors"===n?isTopLayer(t)?[]:getClippingElementAncestors(t,this._c):[].concat(n),i],l=r[0],s=r.reduce((e,n)=>{const i=getClientRectFromClippingAncestor(t,n,o);return e.top=max(i.top,e.top),e.right=min(i.right,e.right),e.bottom=min(i.bottom,e.bottom),e.left=max(i.left,e.left),e},getClientRectFromClippingAncestor(t,l,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}}function getDimensions(e){const{width:t,height:n}=getCssDimensions(e);return{width:t,height:n}}function getRectRelativeToOffsetParent(e,t,n){const i=isHTMLElement(t),o=getDocumentElement(t),r="fixed"===n,l=getBoundingClientRect(e,!0,r,t);let s={scrollLeft:0,scrollTop:0};const a=createCoords(0);function c(){a.x=getWindowScrollBarX(o)}if(i||!i&&!r)if(("body"!==getNodeName(t)||isOverflowElement(o))&&(s=getNodeScroll(t)),i){const e=getBoundingClientRect(t,!0,r,t);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&c();r&&!i&&o&&c();const f=!o||i||r?createCoords(0):getHTMLOffset(o,s);return{x:l.left+s.scrollLeft-a.x-f.x,y:l.top+s.scrollTop-a.y-f.y,width:l.width,height:l.height}}function isStaticPositioned(e){return"static"===getComputedStyle$1(e).position}function getTrueOffsetParent(e,t){if(!isHTMLElement(e)||"fixed"===getComputedStyle$1(e).position)return null;if(t)return t(e);let n=e.offsetParent;return getDocumentElement(e)===n&&(n=n.ownerDocument.body),n}function getOffsetParent(e,t){const n=getWindow(e);if(isTopLayer(e))return n;if(!isHTMLElement(e)){let t=getParentNode(e);for(;t&&!isLastTraversableNode(t);){if(isElement(t)&&!isStaticPositioned(t))return t;t=getParentNode(t)}return n}let i=getTrueOffsetParent(e,t);for(;i&&isTableElement(i)&&isStaticPositioned(i);)i=getTrueOffsetParent(i,t);return i&&isLastTraversableNode(i)&&isStaticPositioned(i)&&!isContainingBlock(i)?n:i||getContainingBlock(e)||n}const getElementRects=async function(e){const t=this.getOffsetParent||getOffsetParent,n=this.getDimensions,i=await n(e.floating);return{reference:getRectRelativeToOffsetParent(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}};function isRTL(e){return"rtl"===getComputedStyle$1(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 rectsAreEqual(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function observeMove(e,t){let n,i=null;const o=getDocumentElement(e);function r(){var e;clearTimeout(n),null==(e=i)||e.disconnect(),i=null}return function l(s,a){void 0===s&&(s=!1),void 0===a&&(a=1),r();const c=e.getBoundingClientRect(),{left:f,top:g,width:d,height:m}=c;if(s||t(),!d||!m)return;const u={rootMargin:-floor(g)+"px "+-floor(o.clientWidth-(f+d))+"px "+-floor(o.clientHeight-(g+m))+"px "+-floor(f)+"px",threshold:max(0,min(1,a))||1};let p=!0;function h(t){const i=t[0].intersectionRatio;if(i!==a){if(!p)return l();i?l(!1,i):n=setTimeout(()=>{l(!1,1e-7)},1e3)}1!==i||rectsAreEqual(c,e.getBoundingClientRect())||l(),p=!1}try{i=new IntersectionObserver(h,{...u,root:o.ownerDocument})}catch(e){i=new IntersectionObserver(h,u)}i.observe(e)}(!0),r}function autoUpdate(e,t,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=unwrapElement(e),f=o||r?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(t)]:[];f.forEach(e=>{o&&e.addEventListener("scroll",n,{passive:!0}),r&&e.addEventListener("resize",n)});const g=c&&s?observeMove(c,n):null;let d,m=-1,u=null;l&&(u=new ResizeObserver(e=>{let[i]=e;i&&i.target===c&&u&&(u.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var e;null==(e=u)||e.observe(t)})),n()}),c&&!a&&u.observe(c),u.observe(t));let p=a?getBoundingClientRect(e):null;return a&&function t(){const i=getBoundingClientRect(e);p&&!rectsAreEqual(p,i)&&n();p=i,d=requestAnimationFrame(t)}(),n(),()=>{var e;f.forEach(e=>{o&&e.removeEventListener("scroll",n),r&&e.removeEventListener("resize",n)}),null==g||g(),null==(e=u)||e.disconnect(),u=null,a&&cancelAnimationFrame(d)}}const offset=offset$1,shift=shift$1,flip=flip$1,arrow=arrow$1,computePosition=(e,t,n)=>{const i=new Map,o={platform:platform,...n},r={...o.platform,_c:i};return computePosition$1(e,t,{...o,platform:r})},alignFloatingElements=async({floatingElement:e,referenceElement:t,arrowElement:n,align:i="top"})=>{var o,r,l;if("test"!==index.processEnv){const s=[offset(null!==(o=null==n?void 0:n.offsetHeight)&&void 0!==o?o:10),flip(),shift()];n&&s.push(arrow({element:n}));const{x:a,y:c,middlewareData:f,placement:g}=await computePosition(t,e,{placement:i,middleware:s,strategy:"fixed"});Object.assign(e.style,{left:`${a}px`,top:`${c}px`,visibility:"visible"}),n&&((null===(r=f.arrow)||void 0===r?void 0:r.x)?Object.assign(n.style,{left:`${f.arrow.x}px`,top:"bottom"===g?-n.offsetHeight/2+"px":"",bottom:"top"===g?-n.offsetHeight/2+"px":""}):(null===(l=f.arrow)||void 0===l?void 0:l.y)&&Object.assign(n.style,{left:"right"===g?-n.offsetWidth/2+"px":"",right:"left"===g?-n.offsetWidth/2+"px":"",top:`${f.arrow.y}px`}))}};exports.alignFloatingElements=alignFloatingElements,exports.autoUpdate=autoUpdate;