@carbon/web-components 2.4.0-rc.1 → 2.4.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/16-44367639.js +7 -7
- package/dist/16-880e779e.js +7 -7
- package/dist/16-8ab58ede.js +7 -7
- package/dist/16-945f9ad8.js +7 -7
- package/dist/16-9bdb8b2e.js +7 -7
- package/dist/16-afc2ad08.js +7 -7
- package/dist/16-f2933a25.js +60 -0
- package/dist/16-f2df91a2.js +7 -7
- package/dist/20-c1834a3b.js +7 -7
- package/dist/accordion.min.js +8 -8
- package/dist/ai-skeleton.min.js +8 -8
- package/dist/breadcrumb.min.js +8 -8
- package/dist/{button-dade8f28.js → button-ad33c11e.js} +8 -8
- package/dist/{button-set-5f5affa0.js → button-set-0868cd7d.js} +8 -8
- package/dist/{button-skeleton-7325ea56.js → button-skeleton-5d59f37f.js} +9 -9
- package/dist/button.min.js +8 -8
- package/dist/carbon-element-4ca9803f.js +7 -7
- package/dist/chat-button.min.js +8 -8
- package/dist/{checkbox-a610152a.js → checkbox-3f270cb6.js} +8 -8
- package/dist/checkbox.min.js +13 -13
- package/dist/class-map-b1739c02.js +7 -7
- package/dist/code-snippet.min.js +8 -8
- package/dist/collection-helpers-4e32fe16.js +7 -7
- package/dist/combo-box.min.js +8 -8
- package/dist/{content-switcher-item-9714594a.js → content-switcher-item-ef4c3ffc.js} +8 -8
- package/dist/content-switcher.min.js +8 -8
- package/dist/{copy-button-e4f754c9.js → copy-button-22693367.js} +8 -8
- package/dist/copy-button.min.js +8 -8
- package/dist/custom-element-975be15f.js +7 -7
- package/dist/data-table.min.js +8 -8
- package/dist/date-picker.min.js +8 -8
- package/dist/{objectSpread2-0b7e8561.js → defineProperty-d784d12c.js} +8 -8
- package/dist/directive-e2d48b9c.js +7 -7
- package/dist/{dropdown-item-cc7cc1dc.js → dropdown-item-5213e869.js} +8 -8
- package/dist/dropdown.min.js +8 -8
- package/dist/file-uploader.min.js +8 -8
- package/dist/{floating-menu-6ec5c7fa.js → floating-menu-413f6e95.js} +8 -8
- package/dist/floating-menu.min.js +8 -8
- package/dist/focus-92d82b5f.js +7 -7
- package/dist/form-group.min.js +7 -7
- package/dist/form.min.js +7 -7
- package/dist/get-d229c408.js +7 -7
- package/dist/{host-listener-a948931e.js → host-listener-0024708a.js} +9 -9
- package/dist/{icon-button-ab6ad963.js → icon-button-7a997866.js} +8 -8
- package/dist/icon-button.min.js +8 -8
- package/dist/if-defined-b99f5484.js +7 -7
- package/dist/if-non-empty-d69cc3f0.js +7 -7
- package/dist/inline-loading.min.js +7 -7
- package/dist/layer-62995057.js +7 -7
- package/dist/layer.min.js +7 -7
- package/dist/{link-d5d53be2.js → link-6fcc6a0e.js} +8 -8
- package/dist/link.min.js +8 -8
- package/dist/list.min.js +7 -7
- package/dist/loading-0dcb7680.js +7 -7
- package/dist/loading-icon-2ac6de26.js +7 -7
- package/dist/loading.min.js +7 -7
- package/dist/modal.min.js +9 -9
- package/dist/multi-select.min.js +8 -8
- package/dist/notification.min.js +10 -10
- package/dist/number-input.min.js +8 -8
- package/dist/{16-2aa048a9.js → objectSpread2-58bc1706.js} +8 -8
- package/dist/on-6c264d49.js +7 -7
- package/dist/overflow-menu.min.js +8 -8
- package/dist/pagination.min.js +8 -8
- package/dist/popover-content-2df97cf7.js +75 -0
- package/dist/popover-controller-e5f73836.js +60 -0
- package/dist/popover.min.js +8 -8
- package/dist/progress-bar.min.js +7 -7
- package/dist/progress-indicator.min.js +8 -8
- package/dist/query-6ca5e414.js +7 -7
- package/dist/query-assigned-elements-8e88277c.js +7 -7
- package/dist/radio-button.min.js +8 -8
- package/dist/{radio-group-manager-3cfdd620.js → radio-group-manager-9810bd7d.js} +8 -8
- package/dist/{search-4c0e8630.js → search-b8b073b6.js} +8 -8
- package/dist/search.min.js +8 -8
- package/dist/select-item-db3c6fa0.js +7 -7
- package/dist/select.min.js +8 -8
- package/dist/settings-387c0fa4.js +7 -7
- package/dist/shared-enums-c6fe8c39.js +7 -7
- package/dist/side-panel.min.js +16 -16
- package/dist/skeleton-icon-451d3c47.js +7 -7
- package/dist/skeleton-icon.min.js +7 -7
- package/dist/{skeleton-placeholder-e6490dbd.js → skeleton-placeholder-5aa06271.js} +8 -8
- package/dist/skeleton-placeholder.min.js +8 -8
- package/dist/{skeleton-text-eeac3c87.js → skeleton-text-283abe50.js} +8 -8
- package/dist/skeleton-text.min.js +8 -8
- package/dist/skip-to-content.min.js +8 -8
- package/dist/slider.min.js +8 -8
- package/dist/slug.min.js +9 -9
- package/dist/spread-6af5f657.js +7 -7
- package/dist/stack.min.js +7 -7
- package/dist/state-63312e74.js +7 -7
- package/dist/structured-list.min.js +8 -8
- package/dist/tabs.min.js +9 -9
- package/dist/tag.min.js +8 -8
- package/dist/{text-input-8d011ae2.js → text-input-d40fbf4d.js} +8 -8
- package/dist/text-input.min.js +9 -9
- package/dist/textarea.min.js +12 -12
- package/dist/tile.min.js +8 -8
- package/dist/toggle-tip.min.js +8 -8
- package/dist/toggle.min.js +8 -8
- package/dist/{toggletip-17030a2a.js → toggletip-2d777826.js} +10 -10
- package/dist/{tooltip-content-45723618.js → tooltip-content-2ef20c6a.js} +8 -8
- package/dist/tooltip.min.js +8 -8
- package/dist/ui-shell.min.js +8 -8
- package/dist/validity-d86ffa4f.js +7 -7
- package/es/components/popover/popover.d.ts +4 -0
- package/es/components/popover/popover.js +19 -6
- package/es/components/popover/popover.js.map +1 -1
- package/es/components/slug/slug.css.js +1 -1
- package/es/components/slug/slug.d.ts +1 -1
- package/es/components/slug/slug.js +1 -1
- package/es/components/slug/slug.js.map +1 -1
- package/es/components/toggle-tip/toggletip.d.ts +5 -1
- package/es/components/toggle-tip/toggletip.js +19 -10
- package/es/components/toggle-tip/toggletip.js.map +1 -1
- package/es/globals/controllers/popover-controller.d.ts +47 -0
- package/es/globals/controllers/popover-controller.js +142 -0
- package/es/globals/controllers/popover-controller.js.map +1 -0
- package/lib/globals/controllers/popover-controller.js +150 -0
- package/lib/globals/controllers/popover-controller.js.map +1 -0
- package/package.json +2 -2
- package/scss/components/slug/slug.scss +9 -0
- package/dist/floating-ui-a76fcefc.js +0 -69
- package/dist/popover-content-620200e8.js +0 -75
- package/es/globals/internal/floating-ui.d.ts +0 -30
- package/es/globals/internal/floating-ui.js +0 -102
- package/es/globals/internal/floating-ui.js.map +0 -1
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*
|
|
4
|
-
* Copyright IBM Corp. 2019, 2020
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* @license
|
|
11
|
-
*
|
|
12
|
-
* This bundle contains the following third-party dependencies:
|
|
13
|
-
*
|
|
14
|
-
* flatpickr:
|
|
15
|
-
*
|
|
16
|
-
flatpickr v4.6.1, @license MIT
|
|
17
|
-
*
|
|
18
|
-
* lit-element:
|
|
19
|
-
*
|
|
20
|
-
* @license
|
|
21
|
-
* Copyright 2017 Google LLC
|
|
22
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*
|
|
24
|
-
* lit-html:
|
|
25
|
-
*
|
|
26
|
-
* @license
|
|
27
|
-
* Copyright 2022 Google LLC
|
|
28
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*
|
|
30
|
-
* @carbon/motion:
|
|
31
|
-
*
|
|
32
|
-
* Copyright IBM Corp. 2018, 2023
|
|
33
|
-
*
|
|
34
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
35
|
-
* LICENSE file in the root directory of this source tree.
|
|
36
|
-
*
|
|
37
|
-
* @lit/reactive-element:
|
|
38
|
-
*
|
|
39
|
-
* @license
|
|
40
|
-
* Copyright 2017 Google LLC
|
|
41
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
42
|
-
*
|
|
43
|
-
* @carbon/layout:
|
|
44
|
-
*
|
|
45
|
-
* Copyright IBM Corp. 2018, 2023
|
|
46
|
-
*
|
|
47
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
48
|
-
* LICENSE file in the root directory of this source tree.
|
|
49
|
-
*
|
|
50
|
-
* Also refer to the following links for the license of other third-party dependencies:
|
|
51
|
-
*
|
|
52
|
-
* https://www.npmjs.com/package/lit
|
|
53
|
-
* https://www.npmjs.com/package/@carbon/icons
|
|
54
|
-
* https://www.npmjs.com/package/lodash-es
|
|
55
|
-
* https://www.npmjs.com/package/@floating-ui/dom
|
|
56
|
-
* https://www.npmjs.com/package/@floating-ui/utils
|
|
57
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
58
|
-
*/
|
|
59
|
-
|
|
60
|
-
const t=Math.min,e=Math.max,n=Math.round,o=t=>({x:t,y:t}),i={left:"right",right:"left",bottom:"top",top:"bottom"},r={start:"end",end:"start"};function l(n,o,i){return e(n,t(o,i))}function c(t,e){return"function"==typeof t?t(e):t}function a(t){return t.split("-")[0]}function s(t){return t.split("-")[1]}function f(t){return"y"===t?"height":"width"}function u(t){return["top","bottom"].includes(a(t))?"y":"x"}function d(t){return"x"===u(t)?"y":"x"}function p(t){return t.replace(/start|end/g,(t=>r[t]))}function m(t){return t.replace(/left|right|bottom|top/g,(t=>i[t]))}function g(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 h(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function y(t,e,n){let{reference:o,floating:i}=t;const r=u(e),l=d(e),c=f(l),p=a(e),m="y"===r,g=o.x+o.width/2-i.width/2,h=o.y+o.height/2-i.height/2,y=o[c]/2-i[c]/2;let w;switch(p){case"top":w={x:g,y:o.y-i.height};break;case"bottom":w={x:g,y:o.y+o.height};break;case"right":w={x:o.x+o.width,y:h};break;case"left":w={x:o.x-i.width,y:h};break;default:w={x:o.x,y:o.y}}switch(s(e)){case"start":w[l]-=y*(n&&m?-1:1);break;case"end":w[l]+=y*(n&&m?-1:1)}return w}const w=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:l,middlewareData:f}=e,d=await async function(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),l=a(n),f=s(n),d="y"===u(n),p=["left","top"].includes(l)?-1:1,m=r&&d?-1:1,g=c(e,t);let{mainAxis:h,crossAxis:y,alignmentAxis:w}="number"==typeof g?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...g};return f&&"number"==typeof w&&(y="end"===f?-1*w:w),d?{x:y*m,y:h*p}:{x:h*p,y:y*m}}(e,t);return l===(null==(n=f.offset)?void 0:n.placement)&&null!=(o=f.arrow)&&o.alignmentOffset?{}:{x:i+d.x,y:r+d.y,data:{...d,placement:l}}}}};function x(t){return R(t)?(t.nodeName||"").toLowerCase():"#document"}function b(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function v(t){var e;return null==(e=(R(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function R(t){return t instanceof Node||t instanceof b(t).Node}function T(t){return t instanceof Element||t instanceof b(t).Element}function L(t){return t instanceof HTMLElement||t instanceof b(t).HTMLElement}function E(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof b(t).ShadowRoot)}function k(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=O(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function D(t){return["table","td","th"].includes(x(t))}function A(t){const e=S(),n=O(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function S(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function P(t){return["html","body","#document"].includes(x(t))}function O(t){return b(t).getComputedStyle(t)}function C(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function W(t){if("html"===x(t))return t;const e=t.assignedSlot||t.parentNode||E(t)&&t.host||v(t);return E(e)?e.host:e}function F(t){const e=W(t);return P(e)?t.ownerDocument?t.ownerDocument.body:t.body:L(e)&&k(e)?e:F(e)}function H(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=F(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=b(i);return r?e.concat(l,l.visualViewport||[],k(i)?i:[],l.frameElement&&n?H(l.frameElement):[]):e.concat(i,H(i,[],n))}function V(t){const e=O(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=L(t),l=r?t.offsetWidth:o,c=r?t.offsetHeight:i,a=n(o)!==l||n(i)!==c;return a&&(o=l,i=c),{width:o,height:i,$:a}}function B(t){return T(t)?t:t.contextElement}function $(t){const e=B(t);if(!L(e))return o(1);const i=e.getBoundingClientRect(),{width:r,height:l,$:c}=V(e);let a=(c?n(i.width):i.width)/r,s=(c?n(i.height):i.height)/l;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const M=o(0);function N(t){const e=b(t);return S()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:M}function X(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),l=B(t);let c=o(1);e&&(i?T(i)&&(c=$(i)):c=$(t));const a=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==b(t))&&e}(l,n,i)?N(l):o(0);let s=(r.left+a.x)/c.x,f=(r.top+a.y)/c.y,u=r.width/c.x,d=r.height/c.y;if(l){const t=b(l),e=i&&T(i)?b(i):i;let n=t,o=n.frameElement;for(;o&&i&&e!==n;){const t=$(o),e=o.getBoundingClientRect(),i=O(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,l=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;s*=t.x,f*=t.y,u*=t.x,d*=t.y,s+=r,f+=l,n=b(o),o=n.frameElement}}return h({width:u,height:d,x:s,y:f})}const Y=[":popover-open",":modal"];function _(t){return Y.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function j(t){return X(v(t)).left+C(t).scrollLeft}function q(t,n,i){let r;if("viewport"===n)r=function(t,e){const n=b(t),o=v(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,a=0;if(i){r=i.width,l=i.height;const t=S();(!t||t&&"fixed"===e)&&(c=i.offsetLeft,a=i.offsetTop)}return{width:r,height:l,x:c,y:a}}(t,i);else if("document"===n)r=function(t){const n=v(t),o=C(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),l=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let c=-o.scrollLeft+j(t);const a=-o.scrollTop;return"rtl"===O(i).direction&&(c+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:l,x:c,y:a}}(v(t));else if(T(n))r=function(t,e){const n=X(t,!0,"fixed"===e),i=n.top+t.clientTop,r=n.left+t.clientLeft,l=L(t)?$(t):o(1);return{width:t.clientWidth*l.x,height:t.clientHeight*l.y,x:r*l.x,y:i*l.y}}(n,i);else{const e=N(t);r={...n,x:n.x-e.x,y:n.y-e.y}}return h(r)}function z(t,e){const n=W(t);return!(n===e||!T(n)||P(n))&&("fixed"===O(n).position||z(n,e))}function G(t,e,n){const i=L(e),r=v(e),l="fixed"===n,c=X(t,!0,l,e);let a={scrollLeft:0,scrollTop:0};const s=o(0);if(i||!i&&!l)if(("body"!==x(e)||k(r))&&(a=C(e)),i){const t=X(e,!0,l,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else r&&(s.x=j(r));return{x:c.left+a.scrollLeft-s.x,y:c.top+a.scrollTop-s.y,width:c.width,height:c.height}}function I(t,e){return L(t)&&"fixed"!==O(t).position?e?e(t):t.offsetParent:null}function J(t,e){const n=b(t);if(!L(t)||_(t))return n;let o=I(t,e);for(;o&&D(o)&&"static"===O(o).position;)o=I(o,e);return o&&("html"===x(o)||"body"===x(o)&&"static"===O(o).position&&!A(o))?n:o||function(t){let e=W(t);for(;L(e)&&!P(e);){if(A(e))return e;e=W(e)}return null}(t)||n}const K={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:r}=t;const l="fixed"===r,c=v(i),a=!!e&&_(e.floating);if(i===c||a&&l)return n;let s={scrollLeft:0,scrollTop:0},f=o(1);const u=o(0),d=L(i);if((d||!d&&!l)&&(("body"!==x(i)||k(c))&&(s=C(i)),L(i))){const t=X(i);f=$(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-s.scrollLeft*f.x+u.x,y:n.y*f.y-s.scrollTop*f.y+u.y}},getDocumentElement:v,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:l}=n;const c=[..."clippingAncestors"===i?function(t,e){const n=e.get(t);if(n)return n;let o=H(t,[],!1).filter((t=>T(t)&&"body"!==x(t))),i=null;const r="fixed"===O(t).position;let l=r?W(t):t;for(;T(l)&&!P(l);){const e=O(l),n=A(l);n||"fixed"!==e.position||(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||k(l)&&!n&&z(t,l))?o=o.filter((t=>t!==l)):i=e,l=W(l)}return e.set(t,o),o}(o,this._c):[].concat(i),r],a=c[0],s=c.reduce(((n,i)=>{const r=q(o,i,l);return n.top=e(r.top,n.top),n.right=t(r.right,n.right),n.bottom=t(r.bottom,n.bottom),n.left=e(r.left,n.left),n}),q(o,a,l));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:J,getElementRects:async function(t){const e=this.getOffsetParent||J,n=this.getDimensions;return{reference:G(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await n(t.floating)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=V(t);return{width:e,height:n}},getScale:$,isElement:T,isRTL:function(t){return"rtl"===O(t).direction}},Q=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:u,platform:y,elements:w}=e,{mainAxis:x=!0,crossAxis:b=!0,fallbackPlacements:v,fallbackStrategy:R="bestFit",fallbackAxisSideDirection:T="none",flipAlignment:L=!0,...E}=c(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const k=a(i),D=a(u)===u,A=await(null==y.isRTL?void 0:y.isRTL(w.floating)),S=v||(D||!L?[m(u)]:function(t){const e=m(t);return[p(t),e,p(e)]}(u));v||"none"===T||S.push(...function(t,e,n,o){const i=s(t);let r=function(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}(a(t),"start"===n,o);return i&&(r=r.map((t=>t+"-"+i)),e&&(r=r.concat(r.map(p)))),r}(u,L,T,A));const P=[u,...S],O=await async function(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:a,strategy:s}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:p=!1,padding:m=0}=c(e,t),y=g(m),w=a[p?"floating"===d?"reference":"floating":d],x=h(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(w)))||n?w:w.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:f,rootBoundary:u,strategy:s})),b="floating"===d?{...l.floating,x:o,y:i}:l.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),R=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},T=h(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:v,strategy:s}):b);return{top:(x.top-T.top+y.top)/R.y,bottom:(T.bottom-x.bottom+y.bottom)/R.y,left:(x.left-T.left+y.left)/R.x,right:(T.right-x.right+y.right)/R.x}}(e,E),C=[];let W=(null==(o=r.flip)?void 0:o.overflows)||[];if(x&&C.push(O[k]),b){const t=function(t,e,n){void 0===n&&(n=!1);const o=s(t),i=d(t),r=f(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=m(l)),[l,m(l)]}(i,l,A);C.push(O[t[0]],O[t[1]])}if(W=[...W,{placement:i,overflows:C}],!C.every((t=>t<=0))){var F,H;const t=((null==(F=r.flip)?void 0:F.index)||0)+1,e=P[t];if(e)return{data:{index:t,overflows:W},reset:{placement:e}};let n=null==(H=W.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:H.placement;if(!n)switch(R){case"bestFit":{var V;const t=null==(V=W.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:V[0];t&&(n=t);break}case"initialPlacement":n=u}if(i!==n)return{reset:{placement:n}}}return{}}}},U=e=>({name:"arrow",options:e,async fn(n){const{x:o,y:i,placement:r,rects:a,platform:u,elements:p,middlewareData:m}=n,{element:h,padding:y=0}=c(e,n)||{};if(null==h)return{};const w=g(y),x={x:o,y:i},b=d(r),v=f(b),R=await u.getDimensions(h),T="y"===b,L=T?"top":"left",E=T?"bottom":"right",k=T?"clientHeight":"clientWidth",D=a.reference[v]+a.reference[b]-x[b]-a.floating[v],A=x[b]-a.reference[b],S=await(null==u.getOffsetParent?void 0:u.getOffsetParent(h));let P=S?S[k]:0;P&&await(null==u.isElement?void 0:u.isElement(S))||(P=p.floating[k]||a.floating[v]);const O=D/2-A/2,C=P/2-R[v]/2-1,W=t(w[L],C),F=t(w[E],C),H=W,V=P-R[v]-F,B=P/2-R[v]/2+O,$=l(H,B,V),M=!m.arrow&&null!=s(r)&&B!==$&&a.reference[v]/2-(B<H?W:F)-R[v]/2<0,N=M?B<H?B-H:B-V:0;return{[b]:x[b]+N,data:{[b]:$,centerOffset:B-$-N,...M&&{alignmentOffset:N}},reset:M}}}),Z=(t,e,n)=>{const o=new Map,i={platform:K,...n},r={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),a=await(null==l.isRTL?void 0:l.isRTL(e));let s=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:f,y:u}=y(s,o,a),d=o,p={},m=0;for(let n=0;n<c.length;n++){const{name:r,fn:g}=c[n],{x:h,y:w,data:x,reset:b}=await g({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:p,rects:s,platform:l,elements:{reference:t,floating:e}});f=null!=h?h:f,u=null!=w?w:u,p={...p,[r]:{...p[r],...x}},b&&m<=50&&(m++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(s=!0===b.rects?await l.getElementRects({reference:t,floating:e,strategy:i}):b.rects),({x:f,y:u}=y(s,d,a))),n=-1)}return{x:f,y:u,placement:d,strategy:i,middlewareData:p}})(t,e,{...i,platform:r})};
|
|
61
|
-
/**
|
|
62
|
-
* @license
|
|
63
|
-
*
|
|
64
|
-
* Copyright IBM Corp. 2024
|
|
65
|
-
*
|
|
66
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
67
|
-
* LICENSE file in the root directory of this source tree.
|
|
68
|
-
*/
|
|
69
|
-
function tt({button:t,tooltip:e,arrowElement:n,caret:o=!1,alignment:i="bottom"}){let r;switch(i){case"top-left":r="top-start";break;case"top-right":r="top-end";break;case"bottom-left":r="bottom-start";break;case"bottom-right":r="bottom-end";break;case"left-bottom":r="left-end";break;case"left-top":r="left-start";break;case"right-bottom":r="right-end";break;case"right-top":r="right-start";break;default:r=i}return Z(t,e,{strategy:"absolute",middleware:[Q({fallbackAxisSideDirection:"start"}),w(o?10:0),U({element:n,padding:15})],placement:r}).then((({x:t,y:o,placement:i,strategy:r,middlewareData:l})=>{if(e.style.left=`${t}px`,e.style.top=`${o}px`,e.style.position=`${r}`,n){const{x:t,y:e}=l.arrow,o={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];n.style.left=null!=t?`${t}px`:"",n.style.top=null!=e?`${e}px`:"",n.style.right="",n.style.bottom="",n.style[o]=-n.offsetWidth/2+"px"}return i}))}export{tt as f};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*
|
|
4
|
-
* Copyright IBM Corp. 2019, 2020
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* @license
|
|
11
|
-
*
|
|
12
|
-
* This bundle contains the following third-party dependencies:
|
|
13
|
-
*
|
|
14
|
-
* flatpickr:
|
|
15
|
-
*
|
|
16
|
-
flatpickr v4.6.1, @license MIT
|
|
17
|
-
*
|
|
18
|
-
* lit-element:
|
|
19
|
-
*
|
|
20
|
-
* @license
|
|
21
|
-
* Copyright 2017 Google LLC
|
|
22
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*
|
|
24
|
-
* lit-html:
|
|
25
|
-
*
|
|
26
|
-
* @license
|
|
27
|
-
* Copyright 2022 Google LLC
|
|
28
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*
|
|
30
|
-
* @carbon/motion:
|
|
31
|
-
*
|
|
32
|
-
* Copyright IBM Corp. 2018, 2023
|
|
33
|
-
*
|
|
34
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
35
|
-
* LICENSE file in the root directory of this source tree.
|
|
36
|
-
*
|
|
37
|
-
* @lit/reactive-element:
|
|
38
|
-
*
|
|
39
|
-
* @license
|
|
40
|
-
* Copyright 2017 Google LLC
|
|
41
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
42
|
-
*
|
|
43
|
-
* @carbon/layout:
|
|
44
|
-
*
|
|
45
|
-
* Copyright IBM Corp. 2018, 2023
|
|
46
|
-
*
|
|
47
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
48
|
-
* LICENSE file in the root directory of this source tree.
|
|
49
|
-
*
|
|
50
|
-
* Also refer to the following links for the license of other third-party dependencies:
|
|
51
|
-
*
|
|
52
|
-
* https://www.npmjs.com/package/lit
|
|
53
|
-
* https://www.npmjs.com/package/@carbon/icons
|
|
54
|
-
* https://www.npmjs.com/package/lodash-es
|
|
55
|
-
* https://www.npmjs.com/package/@floating-ui/dom
|
|
56
|
-
* https://www.npmjs.com/package/@floating-ui/utils
|
|
57
|
-
* https://www.npmjs.com/package/@floating-ui/core
|
|
58
|
-
*/
|
|
59
|
-
|
|
60
|
-
import{i as o,_ as t,s as e,p as s,x as p}from"./settings-387c0fa4.js";import{o as c}from"./class-map-b1739c02.js";import{e as r}from"./custom-element-975be15f.js";import{n as d}from"./query-assigned-elements-8e88277c.js";import{i as n}from"./query-6ca5e414.js";import{f as i}from"./floating-ui-a76fcefc.js";var l=o(['@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{clip:rect(0,0,0,0);block-size:1px;border:0;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap}.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--popover-container{display:inline-block;position:relative}.cds--popover--high-contrast .cds--popover,.cds--popover--high-contrast :host(cds-popover-content),.cds--popover--high-contrast :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--high-contrast ::slotted(cds-tooltip-content){--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover,.cds--popover--drop-shadow :host(cds-popover-content),.cds--popover--drop-shadow :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--drop-shadow ::slotted(cds-tooltip-content){--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover,:host(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-popover-content),:host(cds-popover[highContrast]) ::slotted(cds-tooltip-content),:host(cds-tooltip-content),:host(cds-tooltip[highContrast]) ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) ::slotted(cds-tooltip-content){filter:var(--cds-popover-drop-shadow,none);inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{background-color:var(--cds-popover-background-color,var(--cds-layer));border:0;border-radius:var(--cds-popover-border-radius,2px);box-sizing:border-box;color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;font-family:inherit;font-size:100%;inline-size:-moz-max-content;inline-size:max-content;margin:0;max-inline-size:23rem;padding:0;pointer-events:auto;position:absolute;vertical-align:baseline;z-index:6000}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content,.cds--popover--open>:host(cds-popover-content)>.cds--popover-content,.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content{display:block}.cds--popover-content:before{content:"";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before,.cds--popover--open>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-content:before{display:block}.cds--popover-caret{background-color:var(--cds-popover-background-color,var(--cds-layer));display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret,.cds--popover--caret.cds--popover--open>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--caret.cds--popover--open>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--caret.cds--popover--open>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--caret.cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--caret.cds--popover--open>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--caret.cds--popover--open>::slotted(cds-tooltip-content)>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret,.cds--popover--tab-tip>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--tab-tip>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-caret{display:none}.cds--popover--bottom>.cds--popover>.cds--popover-content,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left>.cds--popover>.cds--popover-content,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--bottom-right>.cds--popover>.cds--popover-content,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-start:0}.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(-100%)}.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret,.cds--popover--bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>:host(cds-tooltip-content)>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top>.cds--popover>.cds--popover-content,.cds--popover--top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left>.cds--popover>.cds--popover-content,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--top-right>.cds--popover>.cds--popover-content,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-start:0}.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before,.cds--popover--top>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline-end:0;inset-inline-start:0;transform:translateY(100%)}.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret,.cds--popover--top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--top>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top-right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--top>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-left>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top-right>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--top>:host(cds-tooltip-content)>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--right>.cds--popover>.cds--popover-content,.cds--popover--right>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top>.cds--popover>.cds--popover-content,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom>.cds--popover>.cds--popover-content,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before,.cds--popover--right>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom>.cds--popover>.cds--popover-caret,.cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--right-top>.cds--popover>.cds--popover-caret,.cds--popover--right-top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--right>.cds--popover>.cds--popover-caret,.cds--popover--right>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--right>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--right>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-bottom>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right-top>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--right>:host(cds-tooltip-content)>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--left>.cds--popover>.cds--popover-content,.cds--popover--left>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-top>.cds--popover>.cds--popover-content,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom>.cds--popover>.cds--popover-content,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left>:host(cds-popover-content)>.cds--popover-content,[dir=rtl] .cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before,.cds--popover--left>:host(cds-popover-content)>.cds--popover-content:before,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-content:before,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block-end:0;inset-block-start:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom>.cds--popover>.cds--popover-caret,.cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--left-top>.cds--popover>.cds--popover-caret,.cds--popover--left-top>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-caret,.cds--popover--left>.cds--popover>.cds--popover-caret,.cds--popover--left>:host(cds-popover-content)>.cds--popover-caret,.cds--popover--left>:host(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-popover[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-bottom>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left-top>::slotted(cds-tooltip-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-popover-content)>.cds--popover-caret,:host(cds-tooltip[highContrast]) [dir=rtl] .cds--popover--left>::slotted(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-bottom>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left-top>:host(cds-tooltip-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left>:host(cds-popover-content)>.cds--popover-caret,[dir=rtl] .cds--popover--left>:host(cds-tooltip-content)>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--tab-tip>.cds--popover>.cds--popover-content,.cds--popover--tab-tip>:host(cds-popover-content)>.cds--popover-content,.cds--popover--tab-tip>:host(cds-tooltip-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-popover[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-popover-content)>.cds--popover-content,:host(cds-tooltip[highContrast]) .cds--popover--tab-tip>::slotted(cds-tooltip-content)>.cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover,.cds--popover--tab-tip :host(cds-popover-content),.cds--popover--tab-tip :host(cds-tooltip-content),:host(cds-popover[highContrast]) .cds--popover--tab-tip ::slotted(cds-popover-content),:host(cds-popover[highContrast]) .cds--popover--tab-tip ::slotted(cds-tooltip-content),:host(cds-tooltip[highContrast]) .cds--popover--tab-tip ::slotted(cds-popover-content),:host(cds-tooltip[highContrast]) .cds--popover--tab-tip ::slotted(cds-tooltip-content){will-change:filter}.cds--popover--tab-tip__button,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button){align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;block-size:2rem;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:inline-flex;font-family:inherit;font-size:100%;inline-size:100%;inline-size:2rem;justify-content:center;margin:0;padding:0;position:relative;text-align:start;vertical-align:baseline}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) :after,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) :before,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) *,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) :after,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus,:host(cds-popover) :focus::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :focus::slotted(.cds--popover--tab-tip__button){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus,:host(cds-popover) :focus::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :focus::slotted(.cds--popover--tab-tip__button){outline-style:dotted}}.cds--popover--tab-tip__button:hover,:host(cds-popover) :hover::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) :hover::slotted(.cds--popover--tab-tip__button){background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button,:host(cds-popover) .cds--popover--tab-tip.cds--popover--open ::slotted(.cds--popover--tab-tip__button),:host(cds-tooltip) .cds--popover--tab-tip.cds--popover--open ::slotted(.cds--popover--tab-tip__button){background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg,:host(cds-popover) ::slotted(.cds--popover--tab-tip__button) svg,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button) svg{fill:var(--cds-icon-primary,#161616)}:host(cds-popover[tabTip][open]) ::slotted(.cds--popover--tab-tip__button,:host(cds-tooltip) ::slotted(.cds--popover--tab-tip__button),:host(cds-popover) ::slotted(.cds--popover--tab-tip__button)){background:var(--cds-layer)!important;box-shadow:0 .125rem .125rem rgba(0,0,0,.2)}:host(cds-popover-content[open]) .cds--popover-content,:host(cds-slug[open]) .cds--popover-content,:host(cds-toggletip[open]) .cds--popover-content,:host(cds-tooltip-content[open]) .cds--popover-content{display:block}:host(cds-popover-content[open][tabTip]) .cds--popover-content,:host(cds-tooltip-content[open][tabTip]) .cds--popover-content{background:var(--cds-layer);border-radius:0}:host(cds-popover-content[open][caret]) .cds--popover-caret,:host(cds-slug[open]) .cds--popover-caret,:host(cds-toggletip[open]) .cds--popover-caret,:host(cds-tooltip-content[open][caret]) .cds--popover-caret{display:block}:host(cds-popover-content[dropShadow]){--cds-popover-drop-shadow:drop-shadow(0 0.125rem 0.125rem rgba(0,0,0,.2))}:host(cds-popover-content[align^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=bottom]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=bottom]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}:host(cds-popover-content[align=bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[align=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-left]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[align=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=bottom-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=bottom-right]:not([autoalign])) .cds--popover-content{inset-block-end:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[align^=left]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=left]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=left]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}:host(cds-popover-content[align=left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}:host(cds-popover-content[align=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-bottom]:not([autoalign])) .cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 1rem))}:host(cds-popover-content[align=left-top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=left-top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=left-top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=left-top]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 1rem))}:host(cds-popover-content[align^=right]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=right]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=right]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}:host(cds-popover-content[align=right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}:host(cds-popover-content[align=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-bottom]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-bottom]:not([autoalign])) .cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}:host(cds-popover-content[align=right-top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=right-top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=right-top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=right-top]:not([autoalign])) .cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}:host(cds-popover-content[align^=top]:not([autoalign])) .cds--popover-caret,:host(cds-slug[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-toggletip[alignment^=top]:not([autoalign])) .cds--popover-caret,:host(cds-tooltip-content[align^=top]:not([autoalign])) .cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}:host(cds-popover-content[align=top]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[align=top-left]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-left]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-left]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-start:0;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[align=top-right]:not([autoalign])) .cds--popover-content,:host(cds-slug[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-toggletip[alignment=top-right]:not([autoalign])) .cds--popover-content,:host(cds-tooltip-content[align=top-right]:not([autoalign])) .cds--popover-content{inset-block-start:0;inset-inline-end:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}:host(cds-popover-content[autoalign]) .cds--popover-caret,:host(cds-toggletip[autoalign]) .cds--popover-caret,:host(cds-tooltip-content[autoalign]) .cds--popover-caret{block-size:8px;inline-size:8px;transform:rotate(45deg)}:host(cds-popover[autoalign]) .cds--popover-container,:host(cds-slug[autoalign]) .cds--popover-container,:host(cds-toggletip[autoalign]) .cds--popover-container,:host(cds-tooltip[autoalign]) .cds--popover-container{position:static}']);let v,a,h,g=o=>o,f=t([r(`${s}-popover`)],(function(o,t){class e extends t{constructor(...t){super(...t),o(this)}}return{F:e,d:[{kind:"field",decorators:[n("slot")],key:"_triggerSlotNode",value:void 0},{kind:"field",decorators:[n('slot[name="content"]')],key:"_contentSlotNode",value:void 0},{kind:"field",decorators:[d({reflect:!0,type:String})],key:"align",value:()=>""},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"autoalign",value:()=>!1},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"caret",value:()=>!0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"dropShadow",value:()=>!0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"highContrast",value:()=>!1},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"tabTip",value:()=>!1},{kind:"method",key:"_handleSlotChange",value:function({target:o}){if(this.tabTip){o.assignedNodes().filter((o=>o.nodeType!==Node.TEXT_NODE||o.textContent.trim()))[0].classList.add(`${s}--popover--tab-tip__button`)}this.requestUpdate()}},{kind:"method",key:"updated",value:function(o){const{selectorPopoverContent:t}=this.constructor;if(["open","align","autoalign","caret","dropShadow","tabTip"].forEach((e=>{if(o.has(e)){const{[e]:o}=this;this.querySelector(t)&&(this.querySelector(t)[e]=o)}})),this.autoalign){var s,p;const o=this._triggerSlotNode.assignedElements()[0],t=this._contentSlotNode.assignedElements()[0],c=null==t||null===(s=t.shadowRoot)||void 0===s?void 0:s.querySelector(e.selectorPopoverContentClass),r=null==t||null===(p=t.shadowRoot)||void 0===p?void 0:p.querySelector(e.selectorPopoverCaret);o&&c&&i({button:o,tooltip:c,arrowElement:r,caret:this.caret,alignment:this.align})}}},{kind:"method",key:"render",value:function(){const{dropShadow:o,highContrast:t,open:e,tabTip:r,_handleSlotChange:d}=this;r&&(this.caret=!r),this.align=this.align?this.align:r?"bottom-left":"bottom";const n=c({[`${s}--popover-container`]:!0,[`${s}--popover--caret`]:this.caret,[`${s}--popover--drop-shadow`]:o,[`${s}--popover--high-contrast`]:t,[`${s}--popover--open`]:e,[`${s}--popover--${this.align}`]:!0,[`${s}--popover--tab-tip`]:r});return p(v||(v=g`
|
|
61
|
-
<span class="${0}">
|
|
62
|
-
<slot @slotchange="${0}"></slot>
|
|
63
|
-
<slot name="content"><slot>
|
|
64
|
-
</span>
|
|
65
|
-
`),n,d)}},{kind:"get",static:!0,key:"selectorPopoverContentClass",value:function(){return`.${s}--popover-content`}},{kind:"get",static:!0,key:"selectorPopoverCaret",value:function(){return`.${s}--popover-caret`}},{kind:"get",static:!0,key:"selectorPopoverContent",value:function(){return`${s}-popover-content`}},{kind:"field",static:!0,key:"styles",value:()=>l}]}}),e),b=o=>o,m=t([r(`${s}-popover-content`)],(function(o,t){return{F:class extends t{constructor(...t){super(...t),o(this)}},d:[{kind:"field",decorators:[d({reflect:!0,type:String})],key:"align",value:()=>""},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"autoalign",value:()=>!1},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"caret",value:void 0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"dropShadow",value:()=>!0},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"open",value:()=>!1},{kind:"field",decorators:[d({type:Boolean,reflect:!0})],key:"tabTip",value:()=>!1},{kind:"field",decorators:[d({reflect:!0})],key:"slot",value:()=>"content"},{kind:"method",key:"render",value:function(){return this.autoalign?p(a||(a=b`
|
|
66
|
-
<span class="${0}--popover-content">
|
|
67
|
-
<slot> </slot>
|
|
68
|
-
<span class="${0}--popover-caret"></span>
|
|
69
|
-
</span>
|
|
70
|
-
`),s,s):p(h||(h=b`
|
|
71
|
-
<span class="${0}--popover-content">
|
|
72
|
-
<slot> </slot>
|
|
73
|
-
</span>
|
|
74
|
-
<span class="${0}--popover-caret"></span>
|
|
75
|
-
`),s,s)}},{kind:"field",static:!0,key:"styles",value:()=>l}]}}),e);export{f as C,m as a};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*
|
|
4
|
-
* Copyright IBM Corp. 2024
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Utilitize @floating-ui/dom library to compute positioning
|
|
11
|
-
* of tooltip and caret
|
|
12
|
-
*
|
|
13
|
-
* @param object
|
|
14
|
-
* @param {node} object.button trigger element
|
|
15
|
-
* @param {node} object.tooltip tooltip / popover element
|
|
16
|
-
* @param {node} object.arrowElement caret element
|
|
17
|
-
* @param {boolean} object.caret if caret is visible
|
|
18
|
-
* @param {string} object.alignment alignment to display tooltip
|
|
19
|
-
*
|
|
20
|
-
* @returns {string} placement final placement of the tooltip
|
|
21
|
-
*/
|
|
22
|
-
export declare function floatingUIPosition({ button, tooltip, arrowElement, caret, alignment, }: {
|
|
23
|
-
button: any;
|
|
24
|
-
tooltip: any;
|
|
25
|
-
arrowElement: any;
|
|
26
|
-
caret?: boolean | undefined;
|
|
27
|
-
alignment?: string | undefined;
|
|
28
|
-
}): Promise<"left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start">;
|
|
29
|
-
|
|
30
|
-
//# sourceMappingURL=floating-ui.d.ts.map
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*
|
|
4
|
-
* Copyright IBM Corp. 2024
|
|
5
|
-
*
|
|
6
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
-
* LICENSE file in the root directory of this source tree.
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import { computePosition, flip, offset, arrow } from '@floating-ui/dom';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Utilitize @floating-ui/dom library to compute positioning
|
|
14
|
-
* of tooltip and caret
|
|
15
|
-
*
|
|
16
|
-
* @param object
|
|
17
|
-
* @param {node} object.button trigger element
|
|
18
|
-
* @param {node} object.tooltip tooltip / popover element
|
|
19
|
-
* @param {node} object.arrowElement caret element
|
|
20
|
-
* @param {boolean} object.caret if caret is visible
|
|
21
|
-
* @param {string} object.alignment alignment to display tooltip
|
|
22
|
-
*
|
|
23
|
-
* @returns {string} placement final placement of the tooltip
|
|
24
|
-
*/
|
|
25
|
-
export function floatingUIPosition({
|
|
26
|
-
button,
|
|
27
|
-
tooltip,
|
|
28
|
-
arrowElement,
|
|
29
|
-
caret = false,
|
|
30
|
-
alignment = 'bottom'
|
|
31
|
-
}) {
|
|
32
|
-
let shimmedAlign;
|
|
33
|
-
switch (alignment) {
|
|
34
|
-
case 'top-left':
|
|
35
|
-
shimmedAlign = 'top-start';
|
|
36
|
-
break;
|
|
37
|
-
case 'top-right':
|
|
38
|
-
shimmedAlign = 'top-end';
|
|
39
|
-
break;
|
|
40
|
-
case 'bottom-left':
|
|
41
|
-
shimmedAlign = 'bottom-start';
|
|
42
|
-
break;
|
|
43
|
-
case 'bottom-right':
|
|
44
|
-
shimmedAlign = 'bottom-end';
|
|
45
|
-
break;
|
|
46
|
-
case 'left-bottom':
|
|
47
|
-
shimmedAlign = 'left-end';
|
|
48
|
-
break;
|
|
49
|
-
case 'left-top':
|
|
50
|
-
shimmedAlign = 'left-start';
|
|
51
|
-
break;
|
|
52
|
-
case 'right-bottom':
|
|
53
|
-
shimmedAlign = 'right-end';
|
|
54
|
-
break;
|
|
55
|
-
case 'right-top':
|
|
56
|
-
shimmedAlign = 'right-start';
|
|
57
|
-
break;
|
|
58
|
-
default:
|
|
59
|
-
shimmedAlign = alignment;
|
|
60
|
-
break;
|
|
61
|
-
}
|
|
62
|
-
return computePosition(button, tooltip, {
|
|
63
|
-
strategy: 'absolute',
|
|
64
|
-
middleware: [flip({
|
|
65
|
-
fallbackAxisSideDirection: 'start'
|
|
66
|
-
}), offset(caret ? 10 : 0), arrow({
|
|
67
|
-
element: arrowElement,
|
|
68
|
-
padding: 15
|
|
69
|
-
})],
|
|
70
|
-
placement: shimmedAlign
|
|
71
|
-
}).then(({
|
|
72
|
-
x,
|
|
73
|
-
y,
|
|
74
|
-
placement,
|
|
75
|
-
strategy,
|
|
76
|
-
middlewareData
|
|
77
|
-
}) => {
|
|
78
|
-
tooltip.style.left = `${x}px`;
|
|
79
|
-
tooltip.style.top = `${y}px`;
|
|
80
|
-
tooltip.style.position = `${strategy}`;
|
|
81
|
-
if (arrowElement) {
|
|
82
|
-
// @ts-ignore
|
|
83
|
-
const {
|
|
84
|
-
x: arrowX,
|
|
85
|
-
y: arrowY
|
|
86
|
-
} = middlewareData.arrow;
|
|
87
|
-
const staticSide = {
|
|
88
|
-
top: 'bottom',
|
|
89
|
-
right: 'left',
|
|
90
|
-
bottom: 'top',
|
|
91
|
-
left: 'right'
|
|
92
|
-
}[placement.split('-')[0]];
|
|
93
|
-
arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';
|
|
94
|
-
arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';
|
|
95
|
-
arrowElement.style.right = '';
|
|
96
|
-
arrowElement.style.bottom = '';
|
|
97
|
-
arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;
|
|
98
|
-
}
|
|
99
|
-
return placement;
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
//# sourceMappingURL=floating-ui.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"floating-ui.js","names":["computePosition","flip","offset","arrow","floatingUIPosition","button","tooltip","arrowElement","caret","alignment","shimmedAlign","strategy","middleware","fallbackAxisSideDirection","element","padding","placement","then","x","y","middlewareData","style","left","top","position","arrowX","arrowY","staticSide","right","bottom","split","offsetWidth"],"sources":["globals/internal/floating-ui.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n computePosition,\n flip,\n offset,\n arrow,\n Placement,\n} from '@floating-ui/dom';\n\n/**\n * Utilitize @floating-ui/dom library to compute positioning\n * of tooltip and caret\n *\n * @param object\n * @param {node} object.button trigger element\n * @param {node} object.tooltip tooltip / popover element\n * @param {node} object.arrowElement caret element\n * @param {boolean} object.caret if caret is visible\n * @param {string} object.alignment alignment to display tooltip\n *\n * @returns {string} placement final placement of the tooltip\n */\nexport function floatingUIPosition({\n button,\n tooltip,\n arrowElement,\n caret = false,\n alignment = 'bottom',\n}) {\n let shimmedAlign;\n switch (alignment) {\n case 'top-left':\n shimmedAlign = 'top-start';\n break;\n case 'top-right':\n shimmedAlign = 'top-end';\n break;\n case 'bottom-left':\n shimmedAlign = 'bottom-start';\n break;\n case 'bottom-right':\n shimmedAlign = 'bottom-end';\n break;\n case 'left-bottom':\n shimmedAlign = 'left-end';\n break;\n case 'left-top':\n shimmedAlign = 'left-start';\n break;\n case 'right-bottom':\n shimmedAlign = 'right-end';\n break;\n case 'right-top':\n shimmedAlign = 'right-start';\n break;\n default:\n shimmedAlign = alignment;\n break;\n }\n\n return computePosition(button, tooltip, {\n strategy: 'absolute',\n middleware: [\n flip({ fallbackAxisSideDirection: 'start' }),\n offset(caret ? 10 : 0),\n arrow({ element: arrowElement, padding: 15 }),\n ],\n placement: shimmedAlign as Placement,\n }).then(({ x, y, placement, strategy, middlewareData }) => {\n tooltip.style.left = `${x}px`;\n tooltip.style.top = `${y}px`;\n tooltip.style.position = `${strategy}`;\n\n if (arrowElement) {\n // @ts-ignore\n const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n const staticSide: any = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';\n arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';\n arrowElement.style.right = '';\n arrowElement.style.bottom = '';\n arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;\n }\n return placement;\n });\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,eAAe,EACfC,IAAI,EACJC,MAAM,EACNC,KAAK,QAEA,kBAAkB;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,KAAK,GAAG,KAAK;EACbC,SAAS,GAAG;AACd,CAAC,EAAE;EACD,IAAIC,YAAY;EAChB,QAAQD,SAAS;IACf,KAAK,UAAU;MACbC,YAAY,GAAG,WAAW;MAC1B;IACF,KAAK,WAAW;MACdA,YAAY,GAAG,SAAS;MACxB;IACF,KAAK,aAAa;MAChBA,YAAY,GAAG,cAAc;MAC7B;IACF,KAAK,cAAc;MACjBA,YAAY,GAAG,YAAY;MAC3B;IACF,KAAK,aAAa;MAChBA,YAAY,GAAG,UAAU;MACzB;IACF,KAAK,UAAU;MACbA,YAAY,GAAG,YAAY;MAC3B;IACF,KAAK,cAAc;MACjBA,YAAY,GAAG,WAAW;MAC1B;IACF,KAAK,WAAW;MACdA,YAAY,GAAG,aAAa;MAC5B;IACF;MACEA,YAAY,GAAGD,SAAS;MACxB;EACJ;EAEA,OAAOT,eAAe,CAACK,MAAM,EAAEC,OAAO,EAAE;IACtCK,QAAQ,EAAE,UAAU;IACpBC,UAAU,EAAE,CACVX,IAAI,CAAC;MAAEY,yBAAyB,EAAE;IAAQ,CAAC,CAAC,EAC5CX,MAAM,CAACM,KAAK,GAAG,EAAE,GAAG,CAAC,CAAC,EACtBL,KAAK,CAAC;MAAEW,OAAO,EAAEP,YAAY;MAAEQ,OAAO,EAAE;IAAG,CAAC,CAAC,CAC9C;IACDC,SAAS,EAAEN;EACb,CAAC,CAAC,CAACO,IAAI,CAAC,CAAC;IAAEC,CAAC;IAAEC,CAAC;IAAEH,SAAS;IAAEL,QAAQ;IAAES;EAAe,CAAC,KAAK;IACzDd,OAAO,CAACe,KAAK,CAACC,IAAI,GAAI,GAAEJ,CAAE,IAAG;IAC7BZ,OAAO,CAACe,KAAK,CAACE,GAAG,GAAI,GAAEJ,CAAE,IAAG;IAC5Bb,OAAO,CAACe,KAAK,CAACG,QAAQ,GAAI,GAAEb,QAAS,EAAC;IAEtC,IAAIJ,YAAY,EAAE;MAChB;MACA,MAAM;QAAEW,CAAC,EAAEO,MAAM;QAAEN,CAAC,EAAEO;MAAO,CAAC,GAAGN,cAAc,CAACjB,KAAK;MAErD,MAAMwB,UAAe,GAAG;QACtBJ,GAAG,EAAE,QAAQ;QACbK,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,KAAK;QACbP,IAAI,EAAE;MACR,CAAC,CAACN,SAAS,CAACc,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MAE1BvB,YAAY,CAACc,KAAK,CAACC,IAAI,GAAGG,MAAM,IAAI,IAAI,GAAI,GAAEA,MAAO,IAAG,GAAG,EAAE;MAC7DlB,YAAY,CAACc,KAAK,CAACE,GAAG,GAAGG,MAAM,IAAI,IAAI,GAAI,GAAEA,MAAO,IAAG,GAAG,EAAE;MAC5DnB,YAAY,CAACc,KAAK,CAACO,KAAK,GAAG,EAAE;MAC7BrB,YAAY,CAACc,KAAK,CAACQ,MAAM,GAAG,EAAE;MAC9BtB,YAAY,CAACc,KAAK,CAACM,UAAU,CAAC,GAAI,GAAE,CAACpB,YAAY,CAACwB,WAAW,GAAG,CAAE,IAAG;IACvE;IACA,OAAOf,SAAS;EAClB,CAAC,CAAC;AACJ"}
|