ids-enterprise-wc 1.4.2 → 1.5.1

package/chunks/ids-chunk-S2HGNZEL.js

@@ -1,433 +0,0 @@
-import{a as At,c as U,d as G,e as Y,f as jt,g as kt,h as q,i as x,j as Tt,k as Rt,l as Pt,m as at,n as F}from"./ids-chunk-7LYEM7MJ.js";import{a as Ft}from"./ids-chunk-EEHXHQ56.js";import{a as qt}from"./ids-chunk-474FHU34.js";import{a as Wt}from"./ids-chunk-6XQQHFMN.js";import{a as $t}from"./ids-chunk-3DA43NO3.js";import{c as xt}from"./ids-chunk-ZUHWNQKP.js";import{a as Dt,b as Vt}from"./ids-chunk-XE4WFW5M.js";import{a as Ut}from"./ids-chunk-KBS65QZP.js";import{c as wt,d as vt,j as yt,l as Bt,r as Et}from"./ids-chunk-U4XVR5SW.js";import{a as _t,e as $}from"./ids-chunk-5Q3WPKMB.js";import{a as c}from"./ids-chunk-H4WFYJQQ.js";import{a as Xt,b as W,c as r,d as p,e as n,g as a}from"./ids-chunk-Y32WUP63.js";var Jt=`/* Ids Popup Component */
-/** Generates a Module Nav IdsPopup style */
-:host {
-  display: block;
-  z-index: var(--ids-z-index-60);
-  text-align: unset;
-}
-
-:host([type=tooltip]) {
-  z-index: var(--ids-z-index-tooltips);
-}
-
-:host([position-style=absolute]) {
-  position: absolute;
-}
-
-:host([position-style=fixed]) {
-  position: fixed;
-}
-
-:host([position-style=viewport]) {
-  position: static;
-}
-
-:host(:not([visible])) {
-  pointer-events: none;
-}
-
-:host([visible][animated]) {
-  transition: left var(--ids-motion-duration) var(--ids-motion-linear), top var(--ids-motion-duration) var(--ids-motion-linear);
-}
-
-.ids-popup {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-}
-.ids-popup:not(.open) {
-  pointer-events: none;
-}
-.ids-popup .arrow {
-  border-width: var(--ids-popup-arrow-size);
-  display: none;
-  position: absolute;
-}
-.ids-popup .arrow.bottom, .ids-popup .arrow.left, .ids-popup .arrow.right, .ids-popup .arrow.top {
-  border-style: solid;
-  border-color: transparent;
-  display: block;
-  height: 0;
-  width: 0;
-}
-.ids-popup .arrow::after {
-  border-style: solid;
-  border-color: transparent;
-  border-width: var(--ids-popup-arrow-size);
-  content: "";
-  display: block;
-  position: relative;
-}
-.ids-popup .arrow.bottom {
-  border-top-width: 0;
-  left: calc(50% - var(--ids-popup-arrow-size));
-  top: calc(var(--ids-popup-arrow-size) * -1);
-}
-.ids-popup .arrow.bottom::after {
-  border-top-width: 0;
-  left: calc(var(--ids-popup-arrow-size) * -1);
-  top: 1px;
-}
-.ids-popup .arrow.left {
-  border-right-width: 0;
-  right: calc(var(--ids-popup-arrow-size) * -1);
-  top: calc(50% - var(--ids-popup-arrow-size));
-}
-.ids-popup .arrow.left::after {
-  border-right-width: 0;
-  left: calc(var(--ids-popup-arrow-size) * -1);
-  top: calc(var(--ids-popup-arrow-size) * -1);
-}
-.ids-popup .arrow.right {
-  border-left-width: 0;
-  left: calc(var(--ids-popup-arrow-size) * -1);
-  top: calc(50% - var(--ids-popup-arrow-size));
-}
-.ids-popup .arrow.right::after {
-  border-left-width: 0;
-  left: 1px;
-  top: calc(var(--ids-popup-arrow-size) * -1);
-}
-.ids-popup .arrow.top {
-  border-bottom-width: 0;
-  bottom: calc(var(--ids-popup-arrow-size) * -1);
-  left: calc(50% - var(--ids-popup-arrow-size));
-}
-.ids-popup .arrow.top::after {
-  border-bottom-width: 0;
-  left: calc(var(--ids-popup-arrow-size) * -1);
-  top: calc(var(--ids-popup-arrow-size) * -1 - 1px);
-}
-.ids-popup.animated {
-  transition: border-color var(--ids-motion-duration) var(--ids-motion-linear), opacity var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
-}
-.ids-popup.animated ::slotted(*) {
-  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear);
-}
-.ids-popup.animated.open {
-  transition: border-color var(--ids-motion-duration) var(--ids-motion-linear), opacity var(--ids-motion-duration) var(--ids-motion-linear), height var(--ids-motion-duration) var(--ids-motion-linear), width var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
-}
-.ids-popup.animation-fade {
-  opacity: 0;
-}
-.ids-popup.animation-fade.open {
-  opacity: 1;
-}
-.ids-popup.animation-scale-in {
-  opacity: 0;
-  transform-style: preserve-3d;
-  transform: perspective(1000px) translate3d(0, 0, -500px);
-}
-.ids-popup.animation-scale-in ::slotted(*) {
-  opacity: 0;
-}
-.ids-popup.animation-scale-in.open {
-  opacity: 1;
-  transform: perspective(1000px) translate3d(0, 0, 0);
-}
-.ids-popup.animation-scale-in.open ::slotted(*) {
-  opacity: 1;
-}
-.ids-popup.animation-slide-from-bottom {
-  opacity: 0;
-  transform-style: preserve-3d;
-  transform: perspective(1000px) translate3d(100%, 0, 0);
-}
-.ids-popup.animation-slide-from-bottom.open {
-  opacity: 1;
-  transform: perspective(1000px) translate3d(0, 0, 0);
-}
-.ids-popup.position-viewport {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform-origin: left top;
-  transform: translate(-50%, -50%);
-  min-height: 15%;
-  min-width: 15%;
-  max-height: 100%;
-  max-width: 100%;
-}
-.ids-popup.position-viewport.fit-viewport {
-  height: var(--ids-popup-fit-height);
-}
-.ids-popup.position-viewport.animation-scale-in {
-  transform: perspective(1000px) translate3d(-50%, -50%, -500px);
-}
-.ids-popup.position-viewport.animation-scale-in.open {
-  transform: perspective(1000px) translate3d(-50%, -50%, 0);
-}
-.ids-popup.position-viewport.animation-slide-from-bottom {
-  transform: perspective(1000px) translate3d(-50%, 110%, -100px);
-}
-.ids-popup.position-viewport.animation-slide-from-bottom.open {
-  transform: perspective(1000px) translate3d(-50%, -50%, 0);
-}
-.ids-popup.none {
-  background-color: var(--ids-popup-color-background);
-  border: 1px solid var(--ids-popup-color-border);
-  padding: 1px solid var(--ids-popup-padding);
-}
-.ids-popup.custom {
-  background-color: var(--ids-popup-color-background);
-  border: 1px solid transparent;
-}
-.ids-popup.menu {
-  background-color: var(--ids-popup-menu-color-background-default);
-  border: 1px solid var(--ids-popup-menu-color-border-default);
-  font-family: var(--ids-font-family-default);
-  padding-block: var(--ids-popup-menu-padding);
-  color: var(--ids-popup-menu-color-text-default);
-  border-radius: var(--ids-popup-menu-border-radius);
-  box-shadow: var(--ids-popup-menu-shadow-default);
-}
-.ids-popup.menu .arrow.bottom {
-  border-bottom-color: var(--ids-popup-menu-color-border-default);
-}
-.ids-popup.menu .arrow.bottom::after {
-  border-bottom-color: var(--ids-popup-menu-color-background-default);
-}
-.ids-popup.menu .arrow.left {
-  border-left-color: var(--ids-popup-menu-color-border-default);
-}
-.ids-popup.menu .arrow.left::after {
-  border-left-color: var(--ids-popup-menu-color-background-default);
-}
-.ids-popup.menu .arrow.right {
-  border-right-color: var(--ids-popup-menu-color-border-default);
-}
-.ids-popup.menu .arrow.right::after {
-  border-right-color: var(--ids-popup-menu-color-background-default);
-}
-.ids-popup.menu .arrow.top {
-  border-top-color: var(--ids-popup-menu-color-border-default);
-}
-.ids-popup.menu .arrow.top::after {
-  border-top-color: var(--ids-popup-menu-color-background-default);
-}
-.ids-popup.menu-alt {
-  background-color: var(--ids-popup-menu-color-background-inverse);
-  border: 1px solid var(--ids-popup-menu-color-border-inverse);
-  padding-block: var(--ids-popup-menu-padding);
-  box-shadow: var(--ids-popup-menu-shadow-inverse);
-  font-size: var(--ids-popup-menu-font-size);
-  color: var(--ids-popup-menu-color-text-inverse);
-  border-color: var(--ids-popup-menu-color-border-inverse);
-  border-radius: var(--ids-border-radius-xxs);
-  font-family: var(--ids-font-family-default);
-}
-.ids-popup.menu-alt .arrow.bottom,
-.ids-popup.menu-alt .arrow.bottom::after {
-  border-bottom-color: var(--ids-popup-menu-color-border-inverse);
-}
-.ids-popup.menu-alt .arrow.left,
-.ids-popup.menu-alt .arrow.left::after {
-  border-left-color: var(--ids-popup-menu-color-border-inverse);
-}
-.ids-popup.menu-alt .arrow.right,
-.ids-popup.menu-alt .arrow.right::after {
-  border-right-color: var(--ids-popup-menu-color-border-inverse);
-}
-.ids-popup.menu-alt .arrow.top,
-.ids-popup.menu-alt .arrow.top::after {
-  border-top-color: var(--ids-popup-menu-color-border-inverse);
-}
-.ids-popup.tooltip {
-  background-color: var(--ids-tooltip-color-background);
-  border-radius: var(--ids-tooltip-border-radius);
-  box-shadow: var(--ids-tooltip-shadow);
-  cursor: var(--ids-cursor-pointer);
-  color: var(--ids-tooltip-color-text);
-  display: inline-block;
-  font-family: var(--ids-font-family-default);
-  font-size: var(--ids-tooltip-font-size);
-  max-width: 75vw;
-  padding: var(--ids-tooltip-padding);
-  width: auto;
-  word-wrap: break-word;
-  z-index: var(--ids-z-index-70);
-}
-.ids-popup.tooltip .arrow.bottom,
-.ids-popup.tooltip .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-color-background);
-}
-.ids-popup.tooltip .arrow.bottom {
-  top: -6px;
-}
-.ids-popup.tooltip .arrow.left,
-.ids-popup.tooltip .arrow.left::after {
-  border-left-color: var(--ids-tooltip-color-background);
-}
-.ids-popup.tooltip .arrow.left {
-  right: -6px;
-}
-.ids-popup.tooltip .arrow.right,
-.ids-popup.tooltip .arrow.right::after {
-  border-right-color: var(--ids-tooltip-color-background);
-}
-.ids-popup.tooltip .arrow.right {
-  left: -6px;
-}
-.ids-popup.tooltip .arrow.top,
-.ids-popup.tooltip .arrow.top::after {
-  border-top-color: var(--ids-tooltip-color-background);
-}
-.ids-popup.tooltip .arrow.top {
-  bottom: -6px;
-}
-.ids-popup.tooltip.error-color {
-  background-color: var(--ids-tooltip-error-color-background-error);
-}
-.ids-popup.tooltip.error-color .arrow.bottom,
-.ids-popup.tooltip.error-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-error-color-background-error);
-}
-.ids-popup.tooltip.error-color .arrow.left,
-.ids-popup.tooltip.error-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-error-color-background-error);
-}
-.ids-popup.tooltip.error-color .arrow.right,
-.ids-popup.tooltip.error-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-error-color-background-error);
-}
-.ids-popup.tooltip.error-color .arrow.top,
-.ids-popup.tooltip.error-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-error-color-background-error);
-}
-.ids-popup.tooltip.info-color {
-  background-color: var(--ids-tooltip-info-color-background-info);
-}
-.ids-popup.tooltip.info-color .arrow.bottom,
-.ids-popup.tooltip.info-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-info-color-background-info);
-}
-.ids-popup.tooltip.info-color .arrow.left,
-.ids-popup.tooltip.info-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-info-color-background-info);
-}
-.ids-popup.tooltip.info-color .arrow.right,
-.ids-popup.tooltip.info-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-info-color-background-info);
-}
-.ids-popup.tooltip.info-color .arrow.top,
-.ids-popup.tooltip.info-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-info-color-background-info);
-}
-.ids-popup.tooltip.alert-color, .ids-popup.tooltip.warning-color {
-  background-color: var(--ids-tooltip-color-background-warning);
-}
-.ids-popup.tooltip.alert-color .arrow.bottom,
-.ids-popup.tooltip.alert-color .arrow.bottom::after, .ids-popup.tooltip.warning-color .arrow.bottom,
-.ids-popup.tooltip.warning-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-color-background-warning);
-}
-.ids-popup.tooltip.alert-color .arrow.left,
-.ids-popup.tooltip.alert-color .arrow.left::after, .ids-popup.tooltip.warning-color .arrow.left,
-.ids-popup.tooltip.warning-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-color-background-warning);
-}
-.ids-popup.tooltip.alert-color .arrow.right,
-.ids-popup.tooltip.alert-color .arrow.right::after, .ids-popup.tooltip.warning-color .arrow.right,
-.ids-popup.tooltip.warning-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-color-background-warning);
-}
-.ids-popup.tooltip.alert-color .arrow.top,
-.ids-popup.tooltip.alert-color .arrow.top::after, .ids-popup.tooltip.warning-color .arrow.top,
-.ids-popup.tooltip.warning-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-color-background-warning);
-}
-.ids-popup.tooltip.success-color {
-  background-color: var(--ids-tooltip-color-background-success);
-}
-.ids-popup.tooltip.success-color .arrow.bottom,
-.ids-popup.tooltip.success-color .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-color-background-success);
-}
-.ids-popup.tooltip.success-color .arrow.left,
-.ids-popup.tooltip.success-color .arrow.left::after {
-  border-left-color: var(--ids-tooltip-color-background-success);
-}
-.ids-popup.tooltip.success-color .arrow.right,
-.ids-popup.tooltip.success-color .arrow.right::after {
-  border-right-color: var(--ids-tooltip-color-background-success);
-}
-.ids-popup.tooltip.success-color .arrow.top,
-.ids-popup.tooltip.success-color .arrow.top::after {
-  border-top-color: var(--ids-tooltip-color-background-success);
-}
-.ids-popup.tooltip-alt {
-  background-color: var(--ids-tooltip-color-background-inverse);
-  padding: var(--ids-tooltip-padding);
-  border-radius: var(--ids-tooltip-border-radius);
-  font-size: var(--ids-tooltip-font-size);
-  color: var(--ids-tooltip-color-text-inverse);
-  font-family: var(--ids-font-family-default);
-}
-.ids-popup.modal {
-  background-color: var(--ids-modal-color-background);
-  border: 1px solid transparent;
-  padding: var(--ids-modal-padding);
-  border-radius: var(--ids-modal-border-radius);
-  font-family: var(--ids-font-family-default);
-  color: var(--ids-modal-color-text);
-}
-.ids-popup.modal.open {
-  border-color: var(--ids-modal-color-border);
-  box-shadow: var(--ids-modal-shadow-default);
-}
-.ids-popup.dropdown {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-dropdown-color-background-default);
-  box-shadow: var(--ids-dropdown-shadow-default);
-  border-radius: var(--ids-dropdown-border-radius);
-  outline: none;
-  border-top-color: var(--ids-dropdown-attached-color-border);
-}
-.ids-popup.dropdown.open {
-  border: 1px solid var(--ids-dropdown-color-border);
-  border-top-color: var(--ids-dropdown-attached-color-border);
-}
-.ids-popup.dropdown.flipped {
-  border-radius: var(--ids-dropdown-border-radius-opened-up);
-  border-bottom-color: var(--ids-dropdown-attached-color-border);
-  border-top-color: var(--ids-dropdown-color-border);
-  box-shadow: var(--ids-dropdown-shadow-opened-up);
-}
-.ids-popup.module-nav {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-module-nav-input-bg-color);
-  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
-  border-radius: var(--ids-module-nav-common-border-radius);
-  box-shadow: var(--ids-module-nav-settings-menu-box-shadow);
-  color: var(--ids-module-nav-settings-menu-item-text-color);
-  padding-block: var(--ids-module-nav-gutter-size);
-}
-.ids-popup:not(.position-viewport).has-maxheight .content-wrapper {
-  height: var(--ids-popup-maxheight);
-  overflow: auto;
-}
-
-.content-wrapper {
-  overflow: hidden;
-  position: static;
-  height: 100%;
-  width: 100%;
-}
-
-:host([dir=rtl]) .arrow.bottom::after {
-  left: var(--ids-popup-arrow-size);
-}
-:host([dir=rtl]) .arrow.top::after {
-  left: unset;
-  right: calc(var(--ids-popup-arrow-size) * -1);
-}
-:host([dir=rtl]) .ids-popup.tooltip .arrow.top::after {
-  left: calc(var(--ids-popup-arrow-size) * -1);
-}`;var so=qt(Ft(Wt($t(Ut)))),A,k,dt,Kt,J,It,ct,Qt,ht,Zt,b,K,St,N,T,R,v,w,Q,Lt,I,X,Z,Mt,ut,to,gt,oo,H,S,D,V,lt,y,O,tt,Nt,ot,Ht,L,it,Ot,E,C,z,ft,io,mt,eo,et,Ct,bt,ro,rt,zt,_,pt,st,Gt,nt,Yt,j=class extends so{constructor(){super();p(this,dt);p(this,J);p(this,ct);p(this,ht);p(this,K);p(this,Q);p(this,I);p(this,Z);p(this,ut);p(this,gt);p(this,V);p(this,tt);p(this,ot);p(this,it);p(this,ft);p(this,mt);p(this,et);p(this,bt);p(this,rt);p(this,_);p(this,st);p(this,nt);W(this,"shouldUpdate",!1);W(this,"scrollParentElem");W(this,"useRight",!1);p(this,A,void 0);p(this,k,void 0);p(this,b,null);p(this,N,void 0);p(this,T,void 0);p(this,R,void 0);p(this,v,void 0);p(this,w,void 0);p(this,H,void 0);p(this,S,void 0);p(this,D,x[0]);p(this,y,void 0);p(this,O,void 0);p(this,L,void 0);W(this,"open");p(this,E,void 0);p(this,C,void 0);p(this,z,void 0);n(this,N,At),n(this,T,G[0]),n(this,R,Y[0]),n(this,v,U[0]),n(this,b,null),this.animated=!1,n(this,D,x[0]),n(this,y,null),n(this,H,!1),n(this,S,document.body),n(this,O,Tt[1]),n(this,w,""),n(this,L,Rt[0]),n(this,E,!1),n(this,C,0),n(this,z,0),this.open=!1,this.shouldUpdate=!1}connectedCallback(){super.connectedCallback(),this.containingElem=vt(this,"ids-container")||document.body,a(this,ct,Qt).call(this),this.shouldUpdate=!0,a(this,ht,Zt).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),r(this,k)&&(r(this,k)?.disconnect(),n(this,k,void 0)),r(this,A)&&(r(this,A)?.disconnect(),n(this,A,void 0)),n(this,b,null),n(this,y,null),n(this,S,null),this.containingElem=null}static get attributes(){return[...super.attributes,...Pt]}template(){return`<div class="ids-popup${this.animated?` animated animation-${this.animationStyle}`:""}" part="popup">
-      <div class="arrow" part="arrow"></div>
-      <div class="content-wrapper">
-        <slot name="content"></slot>
-      </div>
-    </div>`}get innerRect(){return this.getBoundingClientRect()}get wrapper(){return this.shadowRoot?.querySelector(".content-wrapper")}set alignTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){r(this,b)!==null&&(n(this,b,null),this.removeAttribute(c.ALIGN_TARGET),a(this,K,St).call(this));return}let e=null;if(o){if(e=wt(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(c.ALIGN_TARGET,t)}else i&&(e=t);e!==null&&(!r(this,b)||!r(this,b).isEqualNode(e))&&(n(this,b,e),a(this,K,St).call(this))}get alignTarget(){return r(this,b)}set align(t){let o=r(this,N),i=t;(typeof i!="string"||!i.length)&&(i=At);let e=i.split(",");e=e.map(g=>g.trim().toLowerCase());let l=e[0];if(U.includes(l)&&(n(this,v,l),e[0]=r(this,v)),e[1]||e.push("center"),kt.includes(e[0])||jt.includes(e[1])){let g=e[1];e[1]=e[0],e[0]=g}let s,d;G.includes(e[0])?(s=e[0],n(this,T,e[0])):s=this.alignX,Y.includes(e[1])?(d=e[1],n(this,R,e[1])):d=this.alignY;let h=F(s,d,r(this,v));o!==h?(n(this,N,h),this.setAttribute(c.ALIGN,h),this.place()):this.hasAttribute("align")||this.setAttribute(c.ALIGN,o)}get align(){return r(this,N)}set alignX(t){if(typeof t!="string"||!t.length)return;let o=t;if(G.includes(t)||(o=G[0]),this.hasAttribute(c.ALIGN_X)&&this.removeAttribute(c.ALIGN_X),r(this,T)!==o){n(this,T,o);let i=r(this,R);this.align=F(o,i,o)}}get alignX(){return r(this,T)}set alignY(t){if(typeof t!="string"||!t.length)return;let o=Y[0];if(Y.includes(t)&&(o=t),this.hasAttribute(c.ALIGN_Y)&&this.removeAttribute(c.ALIGN_Y),r(this,R)!==o){n(this,R,o);let i=r(this,T);this.align=F(i,o,o)}}get alignY(){return r(this,R)}set alignEdge(t){if(typeof t!="string"||!t.length)return;let o;if(U.includes(t)?o=t:o=U[0],this.hasAttribute(c.ALIGN_EDGE)&&this.removeAttribute(c.ALIGN_EDGE),r(this,v)!==o){let i=this.alignX,e=this.alignY;n(this,v,o),o==="center"?(i=o,e=o):kt.includes(o)?e=o:i=o,this.align=F(i,e,o)}}get alignEdge(){return r(this,v)}get oppositeAlignEdge(){return a(this,I,X).call(this,this.alignEdge)}get maxHeight(){return this.getAttribute(c.MAX_HEIGHT)}set maxHeight(t){let o=Et(t);o?(this.setAttribute(c.MAX_HEIGHT,o),a(this,Q,Lt).call(this,o)):this.removeAttribute(c.MAX_HEIGHT)}set animated(t){$(t)?this.setAttribute(c.ANIMATED,""):this.removeAttribute(c.ANIMATED),a(this,ut,to).call(this)}get animated(){return $(this.getAttribute(c.ANIMATED))||!1}set animationStyle(t){q.includes(t)&&(a(this,gt,oo).call(this,t),this.setAttribute(c.ANIMATION_STYLE,t))}get animationStyle(){let t=this.getAttribute(c.ANIMATION_STYLE);return t&&q.includes(t)?t:q[0]}set bleed(t){let o=$(t);r(this,H)!==o&&(n(this,H,o),o?this.setAttribute(c.BLEED,""):this.removeAttribute(c.BLEED),this.place())}get bleed(){return r(this,H)}set containingElem(t){(t instanceof HTMLElement||t instanceof SVGElement)&&r(this,S)!==t&&(n(this,S,t),this.place())}get containingElem(){return r(this,S)}set arrow(t){let o=r(this,D),i=x[0];t&&x.includes(t)&&(i=t),i!==o&&(n(this,D,i),i!==x[0]?this.setAttribute(c.ARROW,`${i}`):this.removeAttribute(c.ARROW),a(this,V,lt).call(this,o,i))}get arrow(){let t=this.getAttribute(c.ARROW);return t||x[0]}get arrowEl(){return this.container?.querySelector(".arrow")}set arrowTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){r(this,y)!==null&&(n(this,y,null),this.removeAttribute(c.ARROW_TARGET));return}let e=null;if(o){if(e=wt(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(c.ARROW_TARGET,t)}else i&&(e=t);e!==null&&(!r(this,y)||!r(this,y).isEqualNode(e))&&(n(this,y,e),a(this,V,lt).call(this,"",this.arrow))}get arrowTarget(){return r(this,y)||this.alignTarget}set positionStyle(t){let o=r(this,O);Tt.includes(t)&&(this.setAttribute(c.POSITION_STYLE,t),n(this,O,t),t!==o?a(this,tt,Nt).call(this,o,t):a(this,tt,Nt).call(this,"",o),this.place())}get positionStyle(){return r(this,O)}set type(t){let o=r(this,L);t&&o!==t&&Rt.includes(t)?(n(this,L,t),this.setAttribute(c.TYPE,r(this,L)),a(this,it,Ot).call(this,o,t),this.place()):a(this,it,Ot).call(this,"",o)}get type(){return r(this,L)}set visible(t){let o=$(t);r(this,E)!==o&&(n(this,E,o),o?this.setAttribute(c.VISIBLE,""):this.removeAttribute(c.VISIBLE),this.refreshVisibility())}get visible(){return r(this,E)}async refreshVisibility(){if(!this.container)return;let t=this.container.classList;r(this,E)&&!t.contains("open")&&await this.show(),!r(this,E)&&!this.hasAttribute("aria-hidden")&&await this.hide()}set x(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==r(this,C)&&(n(this,C,o),this.setAttribute(c.X,o.toString()))}get x(){return r(this,C)}set y(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==r(this,z)&&(n(this,z,o),this.setAttribute(c.Y,o.toString()))}get y(){return r(this,z)}setPosition(t=null,o=null,i=null,e=null){let l=this;Number.isNaN(t)||(l.x=t),Number.isNaN(o)||(l.y=o),i&&(this.visible=!0),e&&this.place()}async show(){!this.visible||!this.container||(this.place(),this.placeArrow(r(this,w)),this.removeAttribute("aria-hidden"),a(this,ot,Ht).call(this),this.container.classList.add("open"),this.open=!0,this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}),this.animated&&await yt(this.container,"opacity"),this.correct3dMatrix(),this.addOpenEvents())}async hide(){!this.visible&&!this.open||(this.setAttribute("aria-hidden","true"),this.visible=!1,this.open=!1,a(this,_,pt).call(this),this.container.classList.remove("open"),this.triggerEvent("hide",this,{bubbles:!0,detail:{elem:this}}),this.animated&&await yt(this.container,"opacity"),this.removeOpenEvents())}onOutsideClick(t){!t?.target||this.contains(t.target)||this.hide()}place(){if(this.visible&&this.positionStyle!=="viewport"){a(this,Q,Lt).call(this);let{alignTarget:t}=this;t?a(this,mt,eo).call(this):a(this,ft,io).call(this)}}onPlace(t,o){return t}onXYSwitch(t){return t}correct3dMatrix(){if(!this.container||this.positionStyle!=="viewport")return;a(this,_,pt).call(this);let t=window.getComputedStyle(this.container,null),o=t.getPropertyValue("-webkit-transform")||t.getPropertyValue("-moz-transform")||t.getPropertyValue("transform")||!1;if(!o)return;let i=o.replace(/ |\(|\)|matrix3d/g,"").split(",");for(let e=0;e<i.length;e++)e===0&&i[e]<1&&(i[e]=1),e>0&&(i[e]>4||i[e]<-4)&&(i[e]=Math.ceil(i[e])),e===i.length-1&&i[e]>1&&(i[e]=1);this.container.style.transform=`matrix3d(${i.join()})`}placeArrow(t){let o=t||this.arrow,i=this.arrowEl,e=this.alignTarget,l=this.arrowTarget;if(o==="none"||!e||!l||!i){i&&(i.hidden=!0);return}i.removeAttribute("hidden"),i.style.marginLeft="",i.style.marginTop="";let s=i.getBoundingClientRect(),d=e.getBoundingClientRect(),h=l.getBoundingClientRect(),u={},g=o==="right"||o==="left"?"marginTop":"marginLeft",f=!1,P=0,B=0,m;(o==="left"||o==="right")&&(P=h.top+h.height/2,B=s.top+s.height/2,m=P-B,u.top=s.top+m,u.bottom=s.bottom+m,(u.top<=d.top||u.bottom>=d.bottom)&&(f=!0)),(o==="top"||o==="bottom")&&(P=h.left+h.width/2,B=s.left+s.width/2,m=P-B,u.left=s.left+m,u.right=s.right+m,(u.left<=d.left||u.right>=d.right)&&(f=!0)),m=Math.ceil(m),f&&(i.hidden=!0),i.style[g]=`${m}px`}set height(t){let o=xt(t);this.height!==o&&(o.length?(this.container?.style.setProperty("height",o),this.setAttribute(c.HEIGHT,o)):(this.container?.style.removeProperty("height"),this.removeAttribute(c.HEIGHT)))}get height(){return this.container?.style.height||""}set width(t){let o=xt(t);this.width!==o&&(o.length?(this.container?.style.setProperty("width",o),this.setAttribute(c.WIDTH,o)):(this.container?.style.removeProperty("width"),this.removeAttribute(c.WIDTH)))}get width(){return this.container?.style.width??""}};A=new WeakMap,k=new WeakMap,dt=new WeakSet,Kt=function(){a(this,_,pt).call(this),this.place(),a(this,J,It).call(this)},J=new WeakSet,It=function(){this.style.transition="none",this.container?.style.setProperty("transition","none"),this.correct3dMatrix(),this.style.transition="",this.container?.style.setProperty("transition","")},ct=new WeakSet,Qt=function(){n(this,A,new MutationObserver(t=>{if(r(this,E)){let o=!1;for(let i of t){if(o)break;["subtree","childList","characterData","characterDataOldValue"].includes(i.type)&&(this.place(),o=!0)}}})),n(this,k,new ResizeObserver(t=>{if(this.open){for(let o of t)o.target.tagName.toLowerCase()==="ids-container"?a(this,dt,Kt).call(this):a(this,J,It).call(this);a(this,ot,Ht).call(this)}})),Pt.forEach(t=>{let o=_t(t);this[o]=this.getAttribute(t)||this[o]})},ht=new WeakSet,Zt=function(){let t=vt(this,"ids-container");r(this,k)?.observe(this),t&&r(this,k)?.observe(t),this.onLocaleChange=()=>{this.localeAPI.isRTL()?this.setAttribute("dir","rtl"):this.removeAttribute("dir")}},b=new WeakMap,K=new WeakSet,St=function(){r(this,b)?r(this,A)?.observe(r(this,b),{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0}):r(this,A)?.disconnect(),this.place()},N=new WeakMap,T=new WeakMap,R=new WeakMap,v=new WeakMap,w=new WeakMap,Q=new WeakSet,Lt=function(t){if(this.positionStyle==="viewport"){this.wrapper?.setAttribute(c.TABINDEX,"0"),this.container?.style.setProperty(at,"auto");return}let o=this.containingElem,i=document.body.offsetHeight,e=Et(t||this.maxHeight);if(o?i=o.offsetHeight:window&&(i=window.innerHeight,e=`${i}px`),e)i<parseInt(e)&&(e=`${i}px`);else{let l=parseInt(window.getComputedStyle(this.wrapper).height);i<=l&&(e=`${i}px`)}this.container&&(this.wrapper&&this.wrapper.setAttribute(c.TABINDEX,"0"),e?(this.container.style.setProperty(at,`${e}`),this.container.classList.add("has-maxheight")):(this.container.classList.remove("has-maxheight"),this.container.style.removeProperty(at)))},I=new WeakSet,X=function(t){return{left:"right",right:"left",top:"bottom",bottom:"top"}[t??""]||"none"},Z=new WeakSet,Mt=function(t){switch(t){case"top":case"bottom":return"right";case"left":case"right":return"bottom";default:return"none"}},ut=new WeakSet,to=function(){this.container?.classList[this.animated?"add":"remove"]("animated")},gt=new WeakSet,oo=function(t){if(!this.container)return;let o=this.container.classList,i=q.map(e=>`animation-${e}`);o.remove(...i),o.add(`animation-${t}`)},H=new WeakMap,S=new WeakMap,D=new WeakMap,V=new WeakSet,lt=function(t,o){if(!this.container)return;let i=this.arrowEl,e=this.arrowEl?.classList,l=o==="none";o=o==="center"?"bottom":o,i&&(i.hidden=l);let s="arrow";t===""?e?.remove(...x):t&&e?.remove(t),o&&!l&&(e?.add(o),s+=`-${o}`),i?.setAttribute("part",s)},y=new WeakMap,O=new WeakMap,tt=new WeakSet,Nt=function(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(`position-${t}`),i.add(`position-${o}`)},ot=new WeakSet,Ht=function(){if(!this.container||!this.wrapper)return;let t=this.container.classList;t.remove("fit-viewport");let o=this.wrapper.getBoundingClientRect().height,i=this.container.getBoundingClientRect().height;o>i&&t.add("fit-viewport")},L=new WeakMap,it=new WeakSet,Ot=function(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(t),i.add(o)},E=new WeakMap,C=new WeakMap,z=new WeakMap,ft=new WeakSet,io=function(){let t=this.getBoundingClientRect(),o=this.x,i=this.y;switch(this.alignX){case"right":o-=t.width;break;case"center":o-=t.width/2;break;default:break}switch(this.alignY){case"bottom":i-=t.height;break;case"center":i-=t.height/2;break;default:break}t.x=o,t.y=i,t=a(this,et,Ct).call(this,t),t=a(this,st,Gt).call(this,this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t,this)),t=a(this,nt,Yt).call(this,t),a(this,rt,zt).call(this,t)},mt=new WeakSet,eo=function(){if(!this.alignTarget)return;let t=this.getBoundingClientRect();n(this,w,a(this,bt,ro).call(this,t));let o=a(this,I,X).call(this,this.alignEdge),i=this.alignEdge!==r(this,w)&&a(this,I,X).call(this,this.alignEdge)!==r(this,w),e={flip:this.alignEdge!==r(this,w)&&!i,oppositeEdge:o,shouldSwitchXY:i,targetEdge:r(this,v),x:i?this.y:this.x,y:i?this.x:this.y};typeof this.onXYSwitch=="function"&&(e=this.onXYSwitch(e));let l=e.x,s=e.y,d=this.alignTarget.getBoundingClientRect(),h=r(this,w)||this.alignEdge,u=!1,g=!1;if(this.container?.classList.toggle("flipped",this.alignEdge!==r(this,w)&&!i),Y.includes(h)){switch(h){case"top":s=d.top-t.height-s;break;case"bottom":s=d.bottom+s;break;default:s=d.top+d.height/2-t.height/2+s,g=!0}switch(this.alignX){case"left":l=d.left+l;break;case"right":l=d.right-t.width-l;break;default:l=d.left+d.width/2-t.width/2+l,u=!0}}if(G.includes(h)){switch(h){case"left":l=d.left-t.width-l;break;case"right":l=d.right+l;break;default:if(u)break;l=d.left+d.width/2-t.width/2+l}switch(this.alignY){case"top":s=d.top+s;break;case"bottom":s=d.bottom-t.height+s;break;default:if(g)break;s=d.top+d.height/2-t.height/2+s}}if(h==="none"){let f=this.containingElem?.clientWidth,P=this.containingElem?.clientHeight;f&&P&&(l=(f-t.width)/2,s=(P-t.height)/2)}t.x=l,t.y=s,t=a(this,et,Ct).call(this,t),t=a(this,st,Gt).call(this,this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t,this)),t=a(this,nt,Yt).call(this,t),a(this,rt,zt).call(this,t),this.arrow&&this.arrow!==x[0]&&(a(this,V,lt).call(this,"",r(this,w)),this.placeArrow(r(this,w)))},et=new WeakSet,Ct=function(t){if(this.bleed||!this.containingElem)return t;let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.getBoundingClientRect(),l=this.bleed,s=t.x,d=t.y,h=l?o:e.right,u=l?0:e.left,g=l?0:e.top,f=l?i:e.bottom;return t.right>h&&(s-=t.right-h),t.left<u&&(s+=Math.abs(t.left)+u),t.bottom>f&&(d-=t.bottom-f),t.top<g&&(d+=Math.abs(t.top)+g),d<0&&(d=0),t.x=s,t.y=d,t},bt=new WeakSet,ro=function(t){if(!this.containingElem||!this.alignTarget)return"none";let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.scrollLeft||0,l=this.containingElem.scrollTop||0,s=this.bleed,d=this.containingElem.getBoundingClientRect(),h=this.alignTarget.getBoundingClientRect(),u=m=>{let M=0;switch(m){case"left":M=(s?0:d.left)-e-h.left+this.x;break;case"right":M=(s?o:d.right)-e-h.right-this.x;break;case"top":M=(s?0:d.top)-l-h.top+this.y;break;case"bottom":default:M=(s?i:d.bottom)-l-h.bottom-this.y;break}return Math.abs(M)},g=this.alignEdge,f=["top","bottom"].includes(g)?"height":"width";return[this.alignEdge,a(this,I,X).call(this,this.alignEdge),a(this,Z,Mt).call(this,this.alignEdge),a(this,I,X).call(this,a(this,Z,Mt).call(this,this.alignEdge))].find(m=>{let M=u(m);return t[f]<=M})||"right"},rt=new WeakSet,zt=function(t){this.style.removeProperty("left"),this.style.removeProperty("right"),this.style.removeProperty("top");let o="left";this.useRight&&(o="right"),this.style.setProperty(o,`${t.x}px`),this.style.setProperty("top",`${t.y}px`)},_=new WeakSet,pt=function(){this.container?.style.removeProperty("transform")},st=new WeakSet,Gt=function(t,o,i){let e=Bt(o||t.getBoundingClientRect()),l=!1,s=!1,d=h=>{let u,g;if(h&&!l){if(h.toString()==="[object ShadowRoot]"&&(h=h.host),h instanceof HTMLElement||h instanceof SVGElement){u=getComputedStyle(h),g=h.getBoundingClientRect();let f=i||h;s||(f.scrollLeft!==0&&(e.x-=f.scrollLeft,s=!0),f.scrollTop!==0&&(e.y-=f.scrollTop,s=!0)),u.position==="relative"&&this.positionStyle!=="fixed"&&(e.x-=g.x,e.y-=g.y,l=!0)}h.parentNode&&d(h.parentNode)}};return d(t),e},nt=new WeakSet,Yt=function(t){return this.useRight&&this.localeAPI.isRTL()&&(t.x=window.innerWidth-t.x-t.width),t},j=Xt([Dt("ids-popup"),Vt(Jt)],j);export{j as a};