@swisspost/design-system-components 9.6.0 → 9.7.0

package/loaders/post-popovercontainer2.js

@@ -195,6 +195,71 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   return coords;
 }
 
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -224,6 +289,7 @@ const computePosition$1 = async (reference, floating, config) => {
   let middlewareData = {};
   let resetCount = 0;
   for (let i = 0; i < validMiddleware.length; i++) {
+    var _platform$detectOverf;
     const {
       name,
       fn
@@ -241,7 +307,10 @@ const computePosition$1 = async (reference, floating, config) => {
       strategy,
       middlewareData,
       rects,
-      platform,
+      platform: {
+        ...platform,
+        detectOverflow: (_platform$detectOverf = platform.detectOverflow) != null ? _platform$detectOverf : detectOverflow
+      },
       elements: {
         reference,
         floating
@@ -286,71 +355,6 @@ const computePosition$1 = async (reference, floating, config) => {
   };
 };
 
-/**
- * Resolves with an object of overflow side offsets that determine how much the
- * element is overflowing a given clipping boundary on each side.
- * - positive = overflowing the boundary by that number of pixels
- * - negative = how many pixels left before it will overflow
- * - 0 = lies flush with the boundary
- * @see https://floating-ui.com/docs/detectOverflow
- */
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = 'clippingAncestors',
-    rootBoundary = 'viewport',
-    elementContext = 'floating',
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === 'floating' ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -472,7 +476,7 @@ const autoPlacement = function (options) {
         ...detectOverflowOptions
       } = evaluate(options, state);
       const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
       const currentPlacement = placements$1[currentIndex];
       if (currentPlacement == null) {
@@ -586,7 +590,7 @@ const flip$1 = function (options) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -611,7 +615,7 @@ const flip$1 = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -693,7 +697,8 @@ const hide = function (options) {
     options,
     async fn(state) {
       const {
-        rects
+        rects,
+        platform
       } = state;
       const {
         strategy = 'referenceHidden',
@@ -702,7 +707,7 @@ const hide = function (options) {
       switch (strategy) {
         case 'referenceHidden':
           {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform.detectOverflow(state, {
               ...detectOverflowOptions,
               elementContext: 'reference'
             });
@@ -716,7 +721,7 @@ const hide = function (options) {
           }
         case 'escaped':
           {
-            const overflow = await detectOverflow(state, {
+            const overflow = await platform.detectOverflow(state, {
               ...detectOverflowOptions,
               altBoundary: true
             });
@@ -970,7 +975,8 @@ const shift$1 = function (options) {
       const {
         x,
         y,
-        placement
+        placement,
+        platform
       } = state;
       const {
         mainAxis: checkMainAxis = true,
@@ -993,7 +999,7 @@ const shift$1 = function (options) {
         x,
         y
       };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -1125,7 +1131,7 @@ const size$1 = function (options) {
         apply = () => {},
         ...detectOverflowOptions
       } = evaluate(options, state);
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === 'y';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
@@ -27,7 +27,7 @@
     "@floating-ui/dom": "1.6.8",
     "@oddbird/popover-polyfill": "0.3.7",
     "@stencil/core": "4.19.2",
-    "@swisspost/design-system-styles": "9.6.0",
+    "@swisspost/design-system-styles": "9.7.0",
     "ally.js": "1.4.1",
     "long-press-event": "2.5.0"
   },
@@ -52,7 +52,7 @@
     "rollup-plugin-postcss": "4.0.2",
     "sass": "1.77.8",
     "ts-jest": "29.2.4",
-    "typescript": "5.5.4"
+    "typescript": "5.9.3"
   },
   "keywords": [
     "components",

package/dist/post-components/p-02be32ec.js

@@ -1 +0,0 @@
-const o="9.6.0";export{o as v}

package/dist/post-components/p-129b09c8.entry.js

@@ -1 +0,0 @@
-export{P as post_popovercontainer}from"./p-f5b3f027.js";import"./p-3eab790d.js";import"./p-02be32ec.js";

package/dist/post-components/p-181c0d8e.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_panel}from"./p-be2abd9b.js";import"./p-3eab790d.js";import"./p-02be32ec.js";

package/dist/post-components/p-24fb60f6.entry.js

@@ -1 +0,0 @@
-export{P as post_tooltip}from"./p-dce8d06c.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-4a3f67ab.js";

package/dist/post-components/p-256042b5.entry.js

@@ -1 +0,0 @@
-export{P as post_icon}from"./p-6aa98916.js";import"./p-3eab790d.js";import"./p-788e64fb.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-02be32ec.js";import"./p-b095519d.js";

package/dist/post-components/p-2cd4d3e1.entry.js

@@ -1 +0,0 @@
-export{P as post_popover}from"./p-28d1fdc3.js";import"./p-3eab790d.js";import"./p-02be32ec.js";

package/dist/post-components/p-50c2bc10.entry.js

@@ -1 +0,0 @@
-export{P as post_tabs}from"./p-82d54cc9.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-2737eaf5.js";

package/dist/post-components/p-5a6b4088.entry.js

@@ -1 +0,0 @@
-export{P as post_rating}from"./p-e3fb042c.js";import"./p-3eab790d.js";import"./p-02be32ec.js";

package/dist/post-components/p-61f2eef0.entry.js

@@ -1 +0,0 @@
-export{P as post_logo}from"./p-29c0c7ee.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-788e64fb.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

package/dist/post-components/p-624fba1c.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion}from"./p-84221952.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-247a1668.js";import"./p-611b3c41.js";

package/dist/post-components/p-6286a9d8.entry.js

@@ -1 +0,0 @@
-export{P as post_tooltip_trigger}from"./p-4e159f4b.js";import"./p-3eab790d.js";import"./p-4a3f67ab.js";import"./p-02be32ec.js";

package/dist/post-components/p-70365b67.entry.js

@@ -1 +0,0 @@
-export{P as post_tab_header}from"./p-7549d8d3.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-b095519d.js";import"./p-440193f4.js";

package/dist/post-components/p-76b5212e.entry.js

@@ -1 +0,0 @@
-export{P as post_accordion_item}from"./p-d297cc96.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-247a1668.js";import"./p-788e64fb.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";

package/dist/post-components/p-84221952.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as s,g as i}from"./p-3eab790d.js";import{v as a}from"./p-02be32ec.js";import{H as o}from"./p-247a1668.js";import{c as r}from"./p-611b3c41.js";const c=class{constructor(e){t(this,e),this.expandedItems=new Set,this.headingLevel=void 0,this.multiple=!1}validateHeadingLevel(t=this.headingLevel){t&&(r(t,o,"The `heading-level` property of the `post-accordion` must be a number between 1 and 6."),this.accordionItems.forEach((e=>{e.setAttribute("heading-level",String(t))})))}componentWillLoad(){this.registerAccordionItems(),this.validateHeadingLevel()}collapseToggleHandler(t){t.stopPropagation();const e=t.target;if(e.closest("post-accordion")===this.host&&"post-accordion-item"===e.localName){const e=t.target,s=this.expandedItems.has(e);if(s?this.expandedItems.delete(e):this.expandedItems.add(e),this.multiple||s)return;Array.from(this.expandedItems.values()).filter((t=>t!==e)).forEach((t=>{t.toggle(!1)}))}}async toggle(t){const e=this.accordionItems.find((e=>e.id===t));if(!e)throw new Error(`No post-accordion-item found with id #${t}.`);await e.toggle()}async expandAll(){this.multiple?await Promise.all(this.accordionItems.map((t=>t.toggle(!0)))):this.expandedItems.size||await this.accordionItems[0].toggle(!0)}async collapseAll(){await Promise.all(this.accordionItems.map((t=>t.toggle(!1))))}registerAccordionItems(){this.accordionItems=Array.from(this.host.querySelectorAll("post-accordion-item")),this.accordionItems.filter((t=>!t.collapsed||this.expandedItems.has(t))).forEach(((t,e)=>{this.multiple||0===e?this.expandedItems.add(t):t.setAttribute("collapsed","")}))}render(){return e(s,{key:"cfc6280e052937f50bc481fe73cf25ede6e40314","data-version":a},e("div",{key:"090539a2ebe9d216609a7e56597c5f379d439fb8",class:"accordion"},e("slot",{key:"4ae4095b14b6b9233f1d66c8543d625a77a77e09",onSlotchange:()=>this.registerAccordionItems()})))}get host(){return i(this)}static get watchers(){return{headingLevel:["validateHeadingLevel"]}}};c.style=":host{display:block}";export{c as P}

package/dist/post-components/p-a31bc903.entry.js

@@ -1 +0,0 @@
-export{P as post_card_control}from"./p-d2942e2b.js";import"./p-3eab790d.js";import"./p-611b3c41.js";import"./p-b095519d.js";import"./p-440193f4.js";import"./p-02be32ec.js";

package/dist/post-components/p-be2abd9b.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as t,g as a}from"./p-3eab790d.js";import{v as o}from"./p-02be32ec.js";const r=class{constructor(s){e(this,s),this.panelId=void 0,this.name=void 0}componentWillLoad(){this.panelId=`panel-${this.host.id||crypto.randomUUID()}`}render(){return s(t,{key:"b3cf3aa9d4a89fc1f561ba7ecd62ff456e3392eb","data-version":o,id:this.panelId,role:"tabpanel"},s("slot",{key:"63be1c4ea7c1c57a1438eeb164b446d39613f926"}))}get host(){return a(this)}};r.style=":host{display:none}";export{r as P}

package/dist/post-components/p-c14a7d89.entry.js

@@ -1 +0,0 @@
-export{P as post_tag}from"./p-f2813dda.js";import"./p-3eab790d.js";import"./p-02be32ec.js";

package/dist/post-components/p-c8d1c918.entry.js

@@ -1 +0,0 @@
-export{P as post_alert}from"./p-507c7187.js";import"./p-3eab790d.js";import"./p-02be32ec.js";import"./p-2737eaf5.js";import"./p-788e64fb.js";import"./p-440193f4.js";import"./p-611b3c41.js";import"./p-4a3f67ab.js";import"./p-b095519d.js";

package/dist/post-components/p-f5b3f027.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as n,H as o,g as r}from"./p-3eab790d.js";import{v as i}from"./p-02be32ec.js";const s=Math.min,a=Math.max,l=Math.round,p=Math.floor,c=t=>({x:t,y:t}),u={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function h(t,e,n){return a(t,s(e,n))}function d(t,e){return"function"==typeof t?t(e):t}function g(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function v(t){return"x"===t?"y":"x"}function w(t){return"y"===t?"height":"width"}const x=new Set(["top","bottom"]);function y(t){return x.has(g(t))?"y":"x"}function b(t){return v(y(t))}function T(t){return t.replace(/start|end/g,(t=>f[t]))}const E=["left","right"],S=["right","left"],A=["top","bottom"],O=["bottom","top"];function I(t){return t.replace(/left|right|bottom|top/g,(t=>u[t]))}function M(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function R(t){const{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function L(t,e,n){let{reference:o,floating:r}=t;const i=y(e),s=b(e),a=w(s),l=g(e),p="y"===i,c=o.x+o.width/2-r.width/2,u=o.y+o.height/2-r.height/2,f=o[a]/2-r[a]/2;let h;switch(l){case"top":h={x:c,y:o.y-r.height};break;case"bottom":h={x:c,y:o.y+o.height};break;case"right":h={x:o.x+o.width,y:u};break;case"left":h={x:o.x-r.width,y:u};break;default:h={x:o.x,y:o.y}}switch(m(e)){case"start":h[s]-=f*(n&&p?-1:1);break;case"end":h[s]+=f*(n&&p?-1:1)}return h}async function H(t,e){var n;void 0===e&&(e={});const{x:o,y:r,platform:i,rects:s,elements:a,strategy:l}=t,{boundary:p="clippingAncestors",rootBoundary:c="viewport",elementContext:u="floating",altBoundary:f=!1,padding:h=0}=d(e,t),g=M(h),m=a[f?"floating"===u?"reference":"floating":u],v=R(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(m)))||n?m:m.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:p,rootBoundary:c,strategy:l})),w="floating"===u?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),y=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))||{x:1,y:1},b=R(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:w,offsetParent:x,strategy:l}):w);return{top:(v.top-b.top+g.top)/y.y,bottom:(b.bottom-v.bottom+g.bottom)/y.y,left:(v.left-b.left+g.left)/y.x,right:(b.right-v.right+g.right)/y.x}}function k(t){const e=s(...t.map((t=>t.left))),n=s(...t.map((t=>t.top)));return{x:e,y:n,width:a(...t.map((t=>t.right)))-e,height:a(...t.map((t=>t.bottom)))-n}}const N=new Set(["left","top"]);function D(){return"undefined"!=typeof window}function F(t){return W(t)?(t.nodeName||"").toLowerCase():"#document"}function C(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function P(t){var e;return null==(e=(W(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function W(t){return!!D()&&(t instanceof Node||t instanceof C(t).Node)}function $(t){return!!D()&&(t instanceof Element||t instanceof C(t).Element)}function B(t){return!!D()&&(t instanceof HTMLElement||t instanceof C(t).HTMLElement)}function z(t){return!(!D()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof C(t).ShadowRoot)}const j=new Set(["inline","contents"]);function U(t){const{overflow:e,overflowX:n,overflowY:o,display:r}=et(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!j.has(r)}const q=new Set(["table","td","th"]);function G(t){return q.has(F(t))}const Y=[":popover-open",":modal"];function V(t){return Y.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}const X=["transform","translate","scale","rotate","perspective"],K=["transform","translate","scale","rotate","perspective","filter"],_=["paint","layout","strict","content"];function J(t){const e=Q(),n=$(t)?et(t):t;return X.some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||K.some((t=>(n.willChange||"").includes(t)))||_.some((t=>(n.contain||"").includes(t)))}function Q(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Z=new Set(["html","body","#document"]);function tt(t){return Z.has(F(t))}function et(t){return C(t).getComputedStyle(t)}function nt(t){return $(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function ot(t){if("html"===F(t))return t;const e=t.assignedSlot||t.parentNode||z(t)&&t.host||P(t);return z(e)?e.host:e}function rt(t){const e=ot(t);return tt(e)?t.ownerDocument?t.ownerDocument.body:t.body:B(e)&&U(e)?e:rt(e)}function it(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const r=rt(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),s=C(r);if(i){const t=function(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}(s);return e.concat(s,s.visualViewport||[],U(r)?r:[],t&&n?it(t):[])}return e.concat(r,it(r,[],n))}function st(t){const e=et(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const r=B(t),i=r?t.offsetWidth:n,s=r?t.offsetHeight:o,a=l(n)!==i||l(o)!==s;return a&&(n=i,o=s),{width:n,height:o,$:a}}function at(t){return $(t)?t:t.contextElement}function lt(t){const e=at(t);if(!B(e))return c(1);const n=e.getBoundingClientRect(),{width:o,height:r,$:i}=st(e);let s=(i?l(n.width):n.width)/o,a=(i?l(n.height):n.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const pt=c(0);function ct(t){const e=C(t);return Q()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:pt}function ut(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),i=at(t);let s=c(1);e&&(o?$(o)&&(s=lt(o)):s=lt(t));const a=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==C(t))&&e}(i,n,o)?ct(i):c(0);let l=(r.left+a.x)/s.x,p=(r.top+a.y)/s.y,u=r.width/s.x,f=r.height/s.y;if(i){const t=C(i),e=o&&$(o)?C(o):o;let n=t,r=n.frameElement;for(;r&&o&&e!==n;){const t=lt(r),e=r.getBoundingClientRect(),o=et(r),i=e.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;l*=t.x,p*=t.y,u*=t.x,f*=t.y,l+=i,p+=s,n=C(r),r=n.frameElement}}return R({width:u,height:f,x:l,y:p})}function ft(t){return ut(P(t)).left+nt(t).scrollLeft}function ht(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=C(t),o=P(t),r=n.visualViewport;let i=o.clientWidth,s=o.clientHeight,a=0,l=0;if(r){i=r.width,s=r.height;const t=Q();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:i,height:s,x:a,y:l}}(t,n);else if("document"===e)o=function(t){const e=P(t),n=nt(t),o=t.ownerDocument.body,r=a(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=a(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+ft(t);const l=-n.scrollTop;return"rtl"===et(o).direction&&(s+=a(e.clientWidth,o.clientWidth)-r),{width:r,height:i,x:s,y:l}}(P(t));else if($(e))o=function(t,e){const n=ut(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=B(t)?lt(t):c(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(e,n);else{const n=ct(t);o={...e,x:e.x-n.x,y:e.y-n.y}}return R(o)}function dt(t,e){const n=ot(t);return!(n===e||!$(n)||tt(n))&&("fixed"===et(n).position||dt(n,e))}function gt(t,e,n){const o=B(e),r=P(e),i="fixed"===n,s=ut(t,!0,i,e);let a={scrollLeft:0,scrollTop:0};const l=c(0);if(o||!o&&!i)if(("body"!==F(e)||U(r))&&(a=nt(e)),o){const t=ut(e,!0,i,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=ft(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function mt(t){return"static"===et(t).position}function vt(t,e){return B(t)&&"fixed"!==et(t).position?e?e(t):t.offsetParent:null}function wt(t,e){const n=C(t);if(V(t))return n;if(!B(t)){let e=ot(t);for(;e&&!tt(e);){if($(e)&&!mt(e))return e;e=ot(e)}return n}let o=vt(t,e);for(;o&&G(o)&&mt(o);)o=vt(o,e);return o&&tt(o)&&mt(o)&&!J(o)?n:o||function(t){let e=ot(t);for(;B(e)&&!tt(e);){if(J(e))return e;if(V(e))return null;e=ot(e)}return null}(t)||n}const xt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const i="fixed"===r,s=P(o),a=!!e&&V(e.floating);if(o===s||a&&i)return n;let l={scrollLeft:0,scrollTop:0},p=c(1);const u=c(0),f=B(o);if((f||!f&&!i)&&(("body"!==F(o)||U(s))&&(l=nt(o)),B(o))){const t=ut(o);p=lt(o),u.x=t.x+o.clientLeft,u.y=t.y+o.clientTop}return{width:n.width*p.x,height:n.height*p.y,x:n.x*p.x-l.scrollLeft*p.x+u.x,y:n.y*p.y-l.scrollTop*p.y+u.y}},getDocumentElement:P,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===n?V(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=it(t,[],!1).filter((t=>$(t)&&"body"!==F(t))),r=null;const i="fixed"===et(t).position;let s=i?ot(t):t;for(;$(s)&&!tt(s);){const e=et(s),n=J(s);n||"fixed"!==e.position||(r=null),(i?!n&&!r:!n&&"static"===e.position&&r&&["absolute","fixed"].includes(r.position)||U(s)&&!n&&dt(t,s))?o=o.filter((t=>t!==s)):r=e,s=ot(s)}return e.set(t,o),o}(e,this._c):[].concat(n),o],l=i.reduce(((t,n)=>{const o=ht(e,n,r);return t.top=a(o.top,t.top),t.right=s(o.right,t.right),t.bottom=s(o.bottom,t.bottom),t.left=a(o.left,t.left),t}),ht(e,i[0],r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:wt,getElementRects:async function(t){const e=this.getOffsetParent||wt,n=this.getDimensions,o=await n(t.floating);return{reference:gt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=st(t);return{width:e,height:n}},getScale:lt,isElement:$,isRTL:function(t){return"rtl"===et(t).direction}};const yt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:r,y:i,placement:s,middlewareData:a}=e,l=await async function(t,e){const{placement:n,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),s=g(n),a=m(n),l="y"===y(n),p=N.has(s)?-1:1,c=i&&l?-1:1,u=d(e,t);let{mainAxis:f,crossAxis:h,alignmentAxis:v}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return a&&"number"==typeof v&&(h="end"===a?-1*v:v),l?{x:h*c,y:f*p}:{x:f*p,y:h*c}}(e,t);return s===(null==(n=a.offset)?void 0:n.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:s}}}}},bt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:r}=e,{mainAxis:i=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=d(t,e),p={x:n,y:o},c=await H(e,l),u=y(g(r)),f=v(u);let m=p[f],w=p[u];i&&(m=h(m+c["y"===f?"top":"left"],m,m-c["y"===f?"bottom":"right"])),s&&(w=h(w+c["y"===u?"top":"left"],w,w-c["y"===u?"bottom":"right"]));const x=a.fn({...e,[f]:m,[u]:w});return{...x,data:{x:x.x-n,y:x.y-o,enabled:{[f]:i,[u]:s}}}}}},Tt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:a,platform:l,elements:p}=e,{mainAxis:c=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:v="none",flipAlignment:x=!0,...M}=d(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const R=g(r),L=y(a),k=g(a)===a,N=await(null==l.isRTL?void 0:l.isRTL(p.floating)),D=f||(k||!x?[I(a)]:function(t){const e=I(t);return[T(t),e,T(e)]}(a)),F="none"!==v;!f&&F&&D.push(...function(t,e,n,o){const r=m(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?S:E:e?E:S;case"left":case"right":return e?A:O;default:return[]}}(g(t),"start"===n,o);return r&&(i=i.map((t=>t+"-"+r)),e&&(i=i.concat(i.map(T)))),i}(a,x,v,N));const C=[a,...D],P=await H(e,M),W=[];let $=(null==(o=i.flip)?void 0:o.overflows)||[];if(c&&W.push(P[R]),u){const t=function(t,e,n){void 0===n&&(n=!1);const o=m(t),r=b(t),i=w(r);let s="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=I(s)),[s,I(s)]}(r,s,N);W.push(P[t[0]],P[t[1]])}if($=[...$,{placement:r,overflows:W}],!W.every((t=>t<=0))){var B,z;const t=((null==(B=i.flip)?void 0:B.index)||0)+1,e=C[t];if(e&&("alignment"!==u||L===y(e)||$.every((t=>t.overflows[0]>0&&y(t.placement)===L))))return{data:{index:t,overflows:$},reset:{placement:e}};let n=null==(z=$.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:z.placement;if(!n)switch(h){case"bestFit":{var j;const t=null==(j=$.filter((t=>{if(F){const e=y(t.placement);return e===L||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:j[0];t&&(n=t);break}case"initialPlacement":n=a}if(r!==n)return{reset:{placement:n}}}return{}}}},Et=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var n,o;const{placement:r,rects:i,platform:l,elements:p}=e,{apply:c=(()=>{}),...u}=d(t,e),f=await H(e,u),h=g(r),v=m(r),w="y"===y(r),{width:x,height:b}=i.floating;let T,E;"top"===h||"bottom"===h?(T=h,E=v===(await(null==l.isRTL?void 0:l.isRTL(p.floating))?"start":"end")?"left":"right"):(E=h,T="end"===v?"top":"bottom");const S=b-f.top-f.bottom,A=x-f.left-f.right;let O=s(b-f[T],S),I=s(x-f[E],A);if(null!=(n=e.middlewareData.shift)&&n.enabled.x&&(I=A),null!=(o=e.middlewareData.shift)&&o.enabled.y&&(O=S),!e.middlewareData.shift&&!v){const t=a(f.left,0),e=a(f.right,0),n=a(f.top,0),o=a(f.bottom,0);w?I=x-2*(0!==t||0!==e?t+e:a(f.left,f.right)):O=b-2*(0!==n||0!==o?n+o:a(f.top,f.bottom))}await c({...e,availableWidth:I,availableHeight:O});const M=await l.getDimensions(p.floating);return x!==M.width||b!==M.height?{reset:{rects:!0}}:{}}}},St=function(t){return void 0===t&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:r,rects:i,middlewareData:s}=e,{offset:a=0,mainAxis:l=!0,crossAxis:p=!0}=d(t,e),c={x:n,y:o},u=y(r),f=v(u);let h=c[f],m=c[u];const w=d(a,e),x="number"==typeof w?{mainAxis:w,crossAxis:0}:{mainAxis:0,crossAxis:0,...w};if(l){const t="y"===f?"height":"width",e=i.reference[f]-i.floating[t]+x.mainAxis,n=i.reference[f]+i.reference[t]-x.mainAxis;h<e?h=e:h>n&&(h=n)}if(p){var b,T;const t="y"===f?"width":"height",e=N.has(g(r)),n=i.reference[u]-i.floating[t]+(e&&(null==(b=s.offset)?void 0:b[u])||0)+(e?0:x.crossAxis),o=i.reference[u]+i.reference[t]+(e?0:(null==(T=s.offset)?void 0:T[u])||0)-(e?x.crossAxis:0);m<n?m=n:m>o&&(m=o)}return{[f]:h,[u]:m}}}};(()=>{var t=class extends Event{oldState;newState;constructor(t,{oldState:e="",newState:n="",...o}={}){super(t,o),this.oldState=String(e||""),this.newState=String(n||"")}},e=new WeakMap;function n(n,o,r){e.set(n,setTimeout((()=>{e.has(n)&&n.dispatchEvent(new t("toggle",{cancelable:!1,oldState:o,newState:r}))}),0))}var o=globalThis.ShadowRoot||function(){},r=globalThis.HTMLDialogElement||function(){},i=new WeakMap,s=new WeakMap,a=new WeakMap;function l(t){return a.get(t)||"hidden"}var p=new WeakMap;function c(t,e){return!("auto"!==t.popover&&"manual"!==t.popover||!t.isConnected||e&&"showing"!==l(t)||!e&&"hidden"!==l(t)||t instanceof r&&t.hasAttribute("open")||document.fullscreenElement===t)}function u(t){return t?Array.from(s.get(t.ownerDocument)||[]).indexOf(t)+1:0}function f(t){let e=s.get(t);for(let t of e||[]){if(t.isConnected)return t;e.delete(t)}return null}function h(t){return"function"==typeof t.getRootNode?t.getRootNode():t.parentNode?h(t.parentNode):t}function d(t){for(;t;){if(t instanceof HTMLElement&&"auto"===t.popover&&"showing"===a.get(t))return t;if((t=t.parentElement||h(t))instanceof o&&(t=t.host),t instanceof Document)return}}function g(t){return!(t.hidden||t instanceof o||(t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLOptGroupElement||t instanceof HTMLOptionElement||t instanceof HTMLFieldSetElement)&&t.disabled||t instanceof HTMLInputElement&&"hidden"===t.type||t instanceof HTMLAnchorElement&&""===t.href)&&"number"==typeof t.tabIndex&&-1!==t.tabIndex}var m=new WeakMap;function v(e){if(!c(e,!1))return;let o=e.ownerDocument;if(!e.dispatchEvent(new t("beforetoggle",{cancelable:!0,oldState:"closed",newState:"open"}))||!c(e,!1))return;let r=!1;if("auto"===e.popover){let t=e.getAttribute("popover"),n=function(t){let e=new Map,n=0,o=t.ownerDocument;for(let t of s.get(o)||[])e.set(t,n),n+=1;e.set(t,n),n+=1;let r=null;return function(t){let n=d(t);if(null===n)return null;let o=e.get(n);(null===r||e.get(r)<o)&&(r=n)}(t?.parentElement),r}(e)||o;if(y(n,!1,!0),t!==e.getAttribute("popover")||!c(e,!1))return}f(o)||(r=!0),m.delete(e);let l=o.activeElement;e.classList.add(":popover-open"),a.set(e,"showing"),i.has(o)||i.set(o,new Set),i.get(o).add(e),function(t){(function(t){if(t.shadowRoot&&!0!==t.shadowRoot.delegatesFocus)return null;let e=t;e.shadowRoot&&(e=e.shadowRoot);let n=e.querySelector("[autofocus]");if(n)return n;{let t=e.querySelectorAll("slot");for(let e of t){let t=e.assignedElements({flatten:!0});for(let e of t){if(e.hasAttribute("autofocus"))return e;if(n=e.querySelector("[autofocus]"),n)return n}}}let o=t.ownerDocument.createTreeWalker(e,NodeFilter.SHOW_ELEMENT),r=o.currentNode;for(;r;){if(g(r))return r;r=o.nextNode()}})(t)?.focus()}(e),"auto"===e.popover&&(s.has(o)||s.set(o,new Set),s.get(o).add(e),S(p.get(e),!0)),r&&l&&"auto"===e.popover&&m.set(e,l),n(e,"closed","open")}function w(e,o=!1,r=!1){if(!c(e,!0))return;let l=e.ownerDocument;if("auto"===e.popover&&(y(e,o,r),!c(e,!0))||(S(p.get(e),!1),p.delete(e),r&&(e.dispatchEvent(new t("beforetoggle",{oldState:"open",newState:"closed"})),!c(e,!0))))return;i.get(l)?.delete(e),s.get(l)?.delete(e),e.classList.remove(":popover-open"),a.set(e,"hidden"),r&&n(e,"open","closed");let u=m.get(e);u&&(m.delete(e),o&&u.focus())}function x(t,e=!1,n=!1){let o=f(t);for(;o;)w(o,e,n),o=f(t)}function y(t,e,n){let o=t.ownerDocument||t;if(t instanceof Document)return x(o,e,n);let r=null,i=!1;for(let e of s.get(o)||[])if(e===t)i=!0;else if(i){r=e;break}if(!i)return x(o,e,n);for(;r&&"showing"===l(r)&&s.get(o)?.size;)w(r,e,n)}var b=new WeakMap;function T(t){if(!t.isTrusted)return;let e=t.composedPath()[0];if(!e)return;let n=e.ownerDocument;if(!f(n))return;let r=function(t){let e=d(t),n=function(t){for(;t;){let e=t.popoverTargetElement;if(e instanceof HTMLElement)return e;if((t=t.parentElement||h(t))instanceof o&&(t=t.host),t instanceof Document)return}}(t);return u(e)>u(n)?e:n}(e);if(r&&"pointerdown"===t.type)b.set(n,r);else if("pointerup"===t.type){let t=b.get(n)===r;b.delete(n),t&&y(r||n,!1,!0)}}var E=new WeakMap;function S(t,e=!1){if(!t)return;E.has(t)||E.set(t,t.getAttribute("aria-expanded"));let n=t.popoverTargetElement;if(n instanceof HTMLElement&&"auto"===n.popover)t.setAttribute("aria-expanded",String(e));else{let e=E.get(t);e?t.setAttribute("aria-expanded",e):t.removeAttribute("aria-expanded")}}var A=globalThis.ShadowRoot||function(){};function O(t,e,n){let o=t[e];Object.defineProperty(t,e,{value(t){return o.call(this,n(t))}})}var I=/(^|[^\\]):popover-open\b/g,M="\n  :where([popover]) {\n    position: fixed;\n    z-index: 2147483647;\n    inset: 0;\n    padding: 0.25em;\n    width: fit-content;\n    height: fit-content;\n    border-width: initial;\n    border-color: initial;\n    border-image: initial;\n    border-style: solid;\n    background-color: canvas;\n    color: canvastext;\n    overflow: auto;\n    margin: auto;\n  }\n\n  :where(dialog[popover][open]) {\n    display: revert;\n  }\n\n  :where([anchor].\\:popover-open) {\n    inset: auto;\n  }\n\n  :where([anchor]:popover-open) {\n    inset: auto;\n  }\n\n  @supports not (background-color: canvas) {\n    :where([popover]) {\n      background-color: white;\n      color: black;\n    }\n  }\n\n  @supports (width: -moz-fit-content) {\n    :where([popover]) {\n      width: -moz-fit-content;\n      height: -moz-fit-content;\n    }\n  }\n\n  @supports not (inset: 0) {\n    :where([popover]) {\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n  }\n\n  :where([popover]:not(.\\:popover-open)) {\n    display: none;\n  }\n",R=null;function L(t){if(null===R)try{(R=new CSSStyleSheet).replaceSync(M)}catch{R=!1}if(!1===R){let e=document.createElement("style");e.textContent=M,t instanceof Document?t.head.prepend(e):t.prepend(e)}else t.adoptedStyleSheets=[R,...t.adoptedStyleSheets]}typeof HTMLElement<"u"&&"object"==typeof HTMLElement.prototype&&"popover"in HTMLElement.prototype||function(){function e(t){return t?.includes(":popover-open")&&(t=t.replace(I,"$1.\\:popover-open")),t}window.ToggleEvent=window.ToggleEvent||t,O(Document.prototype,"querySelector",e),O(Document.prototype,"querySelectorAll",e),O(Element.prototype,"querySelector",e),O(Element.prototype,"querySelectorAll",e),O(Element.prototype,"matches",e),O(Element.prototype,"closest",e),O(DocumentFragment.prototype,"querySelectorAll",e),O(DocumentFragment.prototype,"querySelectorAll",e),Object.defineProperties(HTMLElement.prototype,{popover:{enumerable:!0,configurable:!0,get(){if(!this.hasAttribute("popover"))return null;let t=(this.getAttribute("popover")||"").toLowerCase();return""===t||"auto"==t?"auto":"manual"},set(t){this.setAttribute("popover",t)}},showPopover:{enumerable:!0,configurable:!0,value(){v(this)}},hidePopover:{enumerable:!0,configurable:!0,value(){w(this,!0,!0)}},togglePopover:{enumerable:!0,configurable:!0,value(t){"showing"===a.get(this)&&void 0===t||!1===t?w(this,!0,!0):(void 0===t||!0===t)&&v(this)}}});let n=Element.prototype.attachShadow;n&&Object.defineProperties(Element.prototype,{attachShadow:{enumerable:!0,configurable:!0,writable:!0,value(t){let e=n.call(this,t);return L(e),e}}});let o=HTMLElement.prototype.attachInternals;o&&Object.defineProperties(HTMLElement.prototype,{attachInternals:{enumerable:!0,configurable:!0,writable:!0,value(){let t=o.call(this);return t.shadowRoot&&L(t.shadowRoot),t}}});let r=new WeakMap;function i(t){Object.defineProperties(t.prototype,{popoverTargetElement:{enumerable:!0,configurable:!0,set(t){if(null===t)this.removeAttribute("popovertarget"),r.delete(this);else{if(!(t instanceof Element))throw new TypeError("popoverTargetElement must be an element or null");this.setAttribute("popovertarget",""),r.set(this,t)}},get(){if("button"!==this.localName&&"input"!==this.localName||"input"===this.localName&&"reset"!==this.type&&"image"!==this.type&&"button"!==this.type||this.disabled||this.form&&"submit"===this.type)return null;let t=r.get(this);if(t&&t.isConnected)return t;if(t&&!t.isConnected)return r.delete(this),null;let e=h(this),n=this.getAttribute("popovertarget");return(e instanceof Document||e instanceof A)&&n&&e.getElementById(n)||null}},popoverTargetAction:{enumerable:!0,configurable:!0,get(){let t=(this.getAttribute("popovertargetaction")||"").toLowerCase();return"show"===t||"hide"===t?t:"toggle"},set(t){this.setAttribute("popovertargetaction",t)}}})}i(HTMLButtonElement),i(HTMLInputElement);var s;(s=document).addEventListener("click",(t=>{if(!t.isTrusted)return;let e=t.composedPath()[0];if(!(e instanceof Element)||e?.shadowRoot)return;let n=h(e);if(!(n instanceof A||n instanceof Document))return;let o=e.closest("[popovertargetaction],[popovertarget]");return o?(function(t){let e=t.popoverTargetElement;if(!(e instanceof HTMLElement))return;let n=l(e);"show"===t.popoverTargetAction&&"showing"===n||"hide"===t.popoverTargetAction&&"hidden"===n||("showing"===n?w(e,!0,!0):c(e,!1)&&(p.set(e,t),v(e)))}(o),void t.preventDefault()):void 0})),s.addEventListener("keydown",(t=>{let e=t.key,n=t.target;!t.defaultPrevented&&n&&("Escape"===e||"Esc"===e)&&y(n.ownerDocument,!0,!0)})),s.addEventListener("pointerdown",T),s.addEventListener("pointerup",T),L(document)}()})();const At=class{constructor(n){t(this,n),this.postToggle=e(this,"postToggle",7),this.placement="top",this.edgeGap=8,this.animation=null,this.arrow=!1,this.safeSpace=void 0}mouseTrackingHandler(t){this.host.style.setProperty("--post-safe-space-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--post-safe-space-cursor-y",`${t.clientY}px`)}componentDidLoad(){this.host.setAttribute("popover",""),this.host.addEventListener("beforetoggle",this.handleToggle.bind(this))}disconnectedCallback(){"function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate()}async show(t){this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.showPopover())}async hide(){this.toggleTimeoutId||(this.eventTarget=null,this.host.hidePopover())}async toggle(t,e){return this.toggleTimeoutId||(this.eventTarget=t,this.calculatePosition(),this.host.togglePopover(e),this.toggleTimeoutId=null),this.host.matches(":where(:popover-open, .popover-open)")}handleToggle(t){this.toggleTimeoutId=window.setTimeout((()=>this.toggleTimeoutId=null),10);const e="open"===t.newState;e?(this.startAutoupdates(),this.safeSpace&&window.addEventListener("mousemove",this.mouseTrackingHandler.bind(this))):("function"==typeof this.clearAutoUpdate&&this.clearAutoUpdate(),this.safeSpace&&window.removeEventListener("mousemove",this.mouseTrackingHandler.bind(this))),this.postToggle.emit(e)}startAutoupdates(){this.clearAutoUpdate=function(t,e,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:c="function"==typeof IntersectionObserver,animationFrame:u=!1}=o,f=at(t),h=r||i?[...f?it(f):[],...it(e)]:[];h.forEach((t=>{r&&t.addEventListener("scroll",n,{passive:!0}),i&&t.addEventListener("resize",n)}));const d=f&&c?function(t,e){let n,o=null;const r=P(t);function i(){var t;clearTimeout(n),null==(t=o)||t.disconnect(),o=null}return function l(c,u){void 0===c&&(c=!1),void 0===u&&(u=1),i();const{left:f,top:h,width:d,height:g}=t.getBoundingClientRect();if(c||e(),!d||!g)return;const m={rootMargin:-p(h)+"px "+-p(r.clientWidth-(f+d))+"px "+-p(r.clientHeight-(h+g))+"px "+-p(f)+"px",threshold:a(0,s(1,u))||1};let v=!0;function w(t){const e=t[0].intersectionRatio;if(e!==u){if(!v)return l();e?l(!1,e):n=setTimeout((()=>{l(!1,1e-7)}),1e3)}v=!1}try{o=new IntersectionObserver(w,{...m,root:r.ownerDocument})}catch(t){o=new IntersectionObserver(w,m)}o.observe(t)}(!0),i}(f,n):null;let g,m=-1,v=null;l&&(v=new ResizeObserver((t=>{let[o]=t;o&&o.target===f&&v&&(v.unobserve(e),cancelAnimationFrame(m),m=requestAnimationFrame((()=>{var t;null==(t=v)||t.observe(e)}))),n()})),f&&!u&&v.observe(f),v.observe(e));let w=u?ut(t):null;return u&&function e(){const o=ut(t);!w||o.x===w.x&&o.y===w.y&&o.width===w.width&&o.height===w.height||n(),w=o,g=requestAnimationFrame(e)}(),n(),()=>{var t;h.forEach((t=>{r&&t.removeEventListener("scroll",n),i&&t.removeEventListener("resize",n)})),null==d||d(),null==(t=v)||t.disconnect(),v=null,u&&cancelAnimationFrame(g)}}(this.eventTarget,this.host,this.calculatePosition.bind(this))}async calculatePosition(){const{x:t,y:e,middlewareData:n,placement:o}=await this.computeMainPosition(),r=o.split("-")[0];if(this.host.style.left=`${t}px`,this.host.style.top=`${e}px`,this.arrow&&n.arrow){const{x:t,y:e}=n.arrow,o=At.STATIC_SIDES[r];o&&Object.assign(this.arrowRef.style,{left:t?`${t}px`:"",top:e?`${e}px`:"",[o]:"-7px"})}this.safeSpace&&this.eventTarget&&await this.updateSafeSpaceBoundaries(r)}async computeMainPosition(){const t=this.edgeGap,e=[Tt(),(void 0===n&&(n={}),{name:"inline",options:n,async fn(t){const{placement:e,elements:o,rects:r,platform:i,strategy:l}=t,{padding:p=2,x:c,y:u}=d(n,t),f=Array.from(await(null==i.getClientRects?void 0:i.getClientRects(o.reference))||[]),h=function(t){const e=t.slice().sort(((t,e)=>t.y-e.y)),n=[];let o=null;for(let t=0;t<e.length;t++){const r=e[t];!o||r.y-o.y>o.height/2?n.push([r]):n[n.length-1].push(r),o=r}return n.map((t=>R(k(t))))}(f),m=R(k(f)),v=M(p),w=await i.getElementRects({reference:{getBoundingClientRect:function(){if(2===h.length&&h[0].left>h[1].right&&null!=c&&null!=u)return h.find((t=>c>t.left-v.left&&c<t.right+v.right&&u>t.top-v.top&&u<t.bottom+v.bottom))||m;if(h.length>=2){if("y"===y(e)){const t=h[0],n=h[h.length-1],o="top"===g(e),r=t.top,i=n.bottom,s=o?t.left:n.left,a=o?t.right:n.right;return{top:r,bottom:i,left:s,right:a,width:a-s,height:i-r,x:s,y:r}}const t="left"===g(e),n=a(...h.map((t=>t.right))),o=s(...h.map((t=>t.left))),r=h.filter((e=>t?e.left===o:e.right===n)),i=r[0].top,l=r[r.length-1].bottom;return{top:i,bottom:l,left:o,right:n,width:n-o,height:l-i,x:o,y:i}}return m}},floating:o.floating,strategy:l});return r.reference.x!==w.reference.x||r.reference.y!==w.reference.y||r.reference.width!==w.reference.width||r.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}),bt({padding:t,limiter:St({offset:32})}),Et({apply({availableWidth:e,elements:n}){Object.assign(n.floating.style,{maxWidth:e-2*t+"px"})}}),yt(this.arrow?t+4:t)];var n;return this.arrow&&e.push((t=>({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:r,rects:i,platform:a,elements:l,middlewareData:p}=e,{element:c,padding:u=0}=d(t,e)||{};if(null==c)return{};const f=M(u),g={x:n,y:o},v=b(r),x=w(v),y=await a.getDimensions(c),T="y"===v,E=T?"top":"left",S=T?"bottom":"right",A=T?"clientHeight":"clientWidth",O=i.reference[x]+i.reference[v]-g[v]-i.floating[x],I=g[v]-i.reference[v],R=await(null==a.getOffsetParent?void 0:a.getOffsetParent(c));let L=R?R[A]:0;L&&await(null==a.isElement?void 0:a.isElement(R))||(L=l.floating[A]||i.floating[x]);const H=O/2-I/2,k=L/2-y[x]/2-1,N=s(f[E],k),D=s(f[S],k),F=N,C=L-y[x]-D,P=L/2-y[x]/2+H,W=h(F,P,C),$=!p.arrow&&null!=m(r)&&P!==W&&i.reference[x]/2-(P<F?N:D)-y[x]/2<0,B=$?P<F?P-F:P-C:0;return{[v]:g[v]+B,data:{[v]:W,centerOffset:P-W-B,...$&&{alignmentOffset:B}},reset:$}}}))({element:this.arrowRef,padding:t})),((t,e,n)=>{const o=new Map,r={platform:xt,...n},i={...r.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,a=i.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let p=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:c,y:u}=L(p,o,l),f=o,h={},d=0;for(let n=0;n<a.length;n++){const{name:i,fn:g}=a[n],{x:m,y:v,data:w,reset:x}=await g({x:c,y:u,initialPlacement:o,placement:f,strategy:r,middlewareData:h,rects:p,platform:s,elements:{reference:t,floating:e}});c=null!=m?m:c,u=null!=v?v:u,h={...h,[i]:{...h[i],...w}},x&&d<=50&&(d++,"object"==typeof x&&(x.placement&&(f=x.placement),x.rects&&(p=!0===x.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):x.rects),({x:c,y:u}=L(p,f,l))),n=-1)}return{x:c,y:u,placement:f,strategy:r,middlewareData:h}})(t,e,{...r,platform:i})})(this.eventTarget,this.host,{placement:this.placement||"top",strategy:"fixed",middleware:e})}async updateSafeSpaceBoundaries(t){const e=this.eventTarget.getBoundingClientRect(),n="top"===t||"bottom"===t,o=((t,e,n)=>"top"===t||"bottom"===t?{popover:{y:"top"===t?e.bottom:e.top,xStart:e.left,xEnd:e.right},trigger:{y:"top"===t?n.top:n.bottom,xStart:n.left,xEnd:n.right}}:{popover:{x:"left"===t?e.right:e.left,yStart:e.top,yEnd:e.bottom},trigger:{x:"left"===t?n.left:n.right,yStart:n.top,yEnd:n.bottom}})(t,this.host.getBoundingClientRect(),e);At.PROPERTIES_TO_CLEAR.forEach((t=>{this.host.style.removeProperty(t)})),n?(this.host.style.setProperty("--post-safe-space-popover-y",`${o.popover.y}px`),this.host.style.setProperty("--post-safe-space-popover-x-start",`${o.popover.xStart}px`),this.host.style.setProperty("--post-safe-space-popover-x-end",`${o.popover.xEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-y",`${o.trigger.y}px`),this.host.style.setProperty("--post-safe-space-trigger-x-start",`${o.trigger.xStart}px`),this.host.style.setProperty("--post-safe-space-trigger-x-end",`${o.trigger.xEnd}px`)):(this.host.style.setProperty("--post-safe-space-popover-x",`${o.popover.x}px`),this.host.style.setProperty("--post-safe-space-popover-y-start",`${o.popover.yStart}px`),this.host.style.setProperty("--post-safe-space-popover-y-end",`${o.popover.yEnd}px`),this.host.style.setProperty("--post-safe-space-trigger-x",`${o.trigger.x}px`),this.host.style.setProperty("--post-safe-space-trigger-y-start",`${o.trigger.yStart}px`),this.host.style.setProperty("--post-safe-space-trigger-y-end",`${o.trigger.yEnd}px`))}render(){return n(o,{key:"98ea26b46803e8aa98cc2cec53798d994c0ff856","data-version":i},n("div",{key:"230fa7df2963b36e67a4559f07010f7213240e3c",class:this.animation?`animate-${this.animation}`:""},this.arrow&&n("span",{key:"58647eb14ef84ff04b04b7dec0bbb38b9bcd4b69",class:"arrow",ref:t=>{this.arrowRef=t}}),n("slot",{key:"de0afc53f013ac7d4cdd06e0e2d7746a8e0971dc"})))}get host(){return r(this)}};At.STATIC_SIDES={top:"bottom",right:"left",bottom:"top",left:"right"},At.PROPERTIES_TO_CLEAR=["--post-safe-space-popover-x","--post-safe-space-popover-y","--post-safe-space-popover-x-start","--post-safe-space-popover-x-end","--post-safe-space-popover-y-start","--post-safe-space-popover-y-end","--post-safe-space-trigger-x","--post-safe-space-trigger-y","--post-safe-space-trigger-x-start","--post-safe-space-trigger-x-end","--post-safe-space-trigger-y-start","--post-safe-space-trigger-y-end"],At.style='@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}/*!\n * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)\n * Copyright 2011-2021 The Bootstrap Authors\n * Copyright 2011-2021 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n\n * The MIT License (MIT)\n\n * Copyright (c) 2011-2020 Twitter, Inc.\n * Copyright (c) 2011-2020 The Bootstrap Authors\n\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the "Software"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n\n * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *//*!\n * Copyright 2021 by Swiss Post, Information Technology\n */@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\\:popover-open){display:none}}}:where(post-popovercontainer){background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);position:fixed;margin:0;padding:0;overflow:visible}:where(post-popovercontainer)>div{box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);width:max-content;display:flex;align-items:center;max-width:100%;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:2px solid rgba(0,0,0,0);border-radius:4px}:where(post-popovercontainer)>div.animate-pop-in{animation:popIn .25s ease-out forwards}:where(post-popovercontainer)[tooltip]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}:where(post-popovercontainer)[safe-space]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:auto}:where(post-popovercontainer)[safe-space=triangle]::after{clip-path:polygon(var(--post-safe-space-cursor-x, 0) var(--post-safe-space-cursor-y, 0), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)))}:where(post-popovercontainer)[safe-space=trapezoid]::after{clip-path:polygon(var(--post-safe-space-trigger-x-start, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-start, 0)), var(--post-safe-space-trigger-x-end, var(--post-safe-space-trigger-x, 0)) var(--post-safe-space-trigger-y, var(--post-safe-space-trigger-y-end, 0)), var(--post-safe-space-popover-x-end, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-end, 0)), var(--post-safe-space-popover-x-start, var(--post-safe-space-popover-x, 0)) var(--post-safe-space-popover-y, var(--post-safe-space-popover-y-start, 0)))}:where(post-popovercontainer):has(.arrow)>div{filter:drop-shadow(1px 2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(2px 4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(4px 8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.top)>div{filter:drop-shadow(0px -2px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(0px -4px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(0px -8px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.left)>div{filter:drop-shadow(-2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(-4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(-8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer):has(.arrow.right)>div{filter:drop-shadow(2px 0px 3px hsla(216, 9%, 11%, 0.15)) drop-shadow(4px 0px 6px hsla(225, 17%, 9%, 0.15)) drop-shadow(8px 0px 12px hsla(225, 7%, 11%, 0.15))}:where(post-popovercontainer) .arrow{position:absolute;width:.5825rem;height:.5825rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1}:where(post-popovercontainer) .arrow.top{border-block-start:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.right{border-block-start:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.left{border-block-end:2px solid rgba(0,0,0,0);border-inline-start:2px solid rgba(0,0,0,0)}:where(post-popovercontainer) .arrow.bottom{border-block-end:2px solid rgba(0,0,0,0);border-inline-end:2px solid rgba(0,0,0,0)}';export{At as P}