ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

package/chunks/{ids-chunk-YS37TBDI.js → ids-chunk-B6P5AQ2Z.js}

@@ -1 +1 @@
-import{c as d,d as c}from"./ids-chunk-CK6SA7FU.js";import{a}from"./ids-chunk-27RPCUPT.js";import{e as E,i as m}from"./ids-chunk-VGRUIA4C.js";var p=u=>class extends u{handledEvents=new Map;longPressOn=!1;swipeOn=!1;keyboardFocusOn=!1;keyDownEndOn=!1;hoverEndOn=!1;isClick=!1;timer;slopedMouseLeaveTimer;startX=NaN;startY=NaN;trackedX=NaN;trackedY=NaN;vetoableEventTypes=[];constructor(...e){super(...e),this.detachAllEvents=this.detachAllEvents.bind(this),this.detachEventsByName=this.detachEventsByName.bind(this),this.offEvent=this.offEvent.bind(this),this.onEvent=this.onEvent.bind(this)}static get attributes(){return[...u.attributes]}disconnectedCallback(){super.disconnectedCallback?.(),this.detachAllEvents()}onEvent(e,t,n,s){!t||!n||(e.indexOf("longpress")===0&&this.#a(e,t,s),e.indexOf("keyboardfocus")===0&&this.#d(e,t),e.indexOf("hoverend")===0&&this.#l(e,t,s),e.indexOf("sloped-mouseleave")===0&&this.#v(e,t,s),e.indexOf("keydownend")===0&&this.#c(t,s),e.indexOf("swipe")===0&&this.#h(e,t,s),t.addEventListener(a(e),n,s),this.handledEvents.set(e,{target:t,callback:n,options:s}))}offEvent(e,t,n){let s=this.handledEvents.get(e);if(this.handledEvents.delete(e),e.indexOf("longpress")===0&&s?.callback){this.#t();return}if(e.indexOf("keyboardfocus")===0&&s?.callback){this.#n();return}if(e.indexOf("hoverend")===0&&s?.callback){this.#r();return}if(e.indexOf("sloped-mouseleave")===0&&s?.callback){this.#i();return}if(e.indexOf("keydownend")===0&&s?.callback){this.#o();return}if(e.indexOf("swipe")===0&&s?.callback){this.#s();return}let i=t||s?.target;s?.callback&&i?.removeEventListener&&i.removeEventListener(a(e),s.callback,n||s.options)}triggerEvent(e,t,n){let s=new CustomEvent(a(e),n);t.dispatchEvent(s)}triggerVetoableEvent(e,t){if(!this.vetoableEventTypes?.includes(e))return!1;let n=!0,s=i=>{n=E(i)};return this.triggerEvent(e,this,{bubbles:!0,detail:{data:t,elem:this,response:s}}),n}detachAllEvents(){this.handledEvents.forEach((e,t)=>{this.offEvent(t,e.target,e.options)}),this.#t(),this.#n(),this.#r(),this.#i(),this.#o(),this.#s()}detachEventsByName=e=>{let t=typeof e=="string"&&!!e.length,n=this.handledEvents.has(e);if(t&&n){let s=this.handledEvents.get(e);this.offEvent(e,s.target,s.options)}};#a(e,t,n){this.longPressOn||(this.onEvent("touchstart.longpress",t,s=>{s.preventDefault(),this.clearTimer(),this.timer=d(()=>{let i=new CustomEvent("longpress",s);t.dispatchEvent(i),this.clearTimer()},n?.delay?n.delay:500)},{passive:!0}),this.onEvent("touchend.longpress",t,s=>{s.preventDefault(),this.clearTimer()},{passive:!0}),this.longPressOn=!0)}#t(){this.longPressOn&&(this.longPressOn=!1,this.clearTimer(),this.detachEventsByName("touchstart.longpress"),this.detachEventsByName("touchend.longpress"))}#h(e,t,n){if(this.swipeOn)return;let s=0,i=0;if(n&&(n.passive=!0),this.onEvent("touchstart.swipe",t,r=>{s=r.changedTouches[0].screenX},n),this.onEvent("touchend.swipe",t,r=>{i=r.changedTouches[0].screenX;let o="";if(i<s&&(o="left"),i>s&&(o="right"),!o)return;let h=new CustomEvent("swipe",{detail:{direction:o,trigger:"touch"}});t.dispatchEvent(h)},n),n?.scrollContainer){let r=0;this.onEvent("scroll",n.scrollContainer,o=>{let h=o.target,l=100*(h.scrollLeft/(h.scrollWidth-h.clientWidth));if(Math.abs(r-l)<1)return;r=l;let v="";if(l===0&&(v="right"),l>98&&(v="left"),!v)return;let f=new CustomEvent("swipe",{detail:{direction:v,trigger:"scroll"}});t.dispatchEvent(f)},{passive:!0})}this.swipeOn=!0}#s(){this.swipeOn&&(this.swipeOn=!1,this.detachEventsByName("touchstart.swipe"),this.detachEventsByName("touchend.swipe"))}#d(e,t){this.keyboardFocusOn||(this.isClick=!1,this.onEvent("click.keyboardfocus",t,()=>{this.isClick=!0}),this.onEvent("keypress.keyboardfocus",t,()=>{this.isClick=!1}),this.onEvent("focus.keyboardfocus",t,n=>{let s=new CustomEvent("keyboardfocus",n);t.dispatchEvent(s)}),this.keyboardFocusOn=!0)}#n(){this.keyboardFocusOn&&(this.keyboardFocusOn=!1,this.detachEventsByName("click.keyboardfocus"),this.detachEventsByName("keypress.keyboardfocus"))}#l(e,t,n){this.onEvent("mouseenter.eventsmixin",t,s=>{this.clearTimer(),this.timer=d(()=>{let i=new MouseEvent(a(e),s);t.dispatchEvent(i),this.clearTimer()},n?.delay)}),this.onEvent("mouseleave.eventsmixin",t,()=>{this.clearTimer()}),this.onEvent("click.eventsmixin",t,()=>{this.clearTimer()}),this.hoverEndOn=!0}#v(e,t,n){let s=(i,r)=>{let o=new CustomEvent(a(e),{detail:{originalEvent:r,mouseLeaveNode:i}});t.dispatchEvent(o),this.#e()};this.onEvent("mouseleave.eventsmixin",t,i=>{this.slopedMouseLeaveTimer||(this.startX=i.pageX,this.startY=i.pageY,this.slopedMouseLeaveTimer=d(()=>{let r=this.trackedX-this.startX>3.5,o=this.trackedY-this.startY>3.5;(r||o)&&s(document.elementFromPoint(this.trackedX,this.trackedY),i)},n?.delay),this.onEvent("mousemove.eventsmixin",document,r=>{this.trackedX=r.pageX,this.trackedY=r.pageY}),this.onEvent("mouseenter.eventsmixin",t,()=>{this.#e()}))})}#e(){this.slopedMouseLeaveTimer&&c(this.slopedMouseLeaveTimer),this.slopedMouseLeaveTimer=void 0,this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.startX=NaN,this.startY=NaN,this.trackedX=NaN,this.trackedY=NaN}#i(){this.slopedMouseLeaveTimer&&(this.detachEventsByName("mouseleave.eventsmixin"),this.#e())}#c(e,t){let n="",s=t?.delay||500;this.onEvent("keydown.eventsmixin",e,i=>{typeof i.key>"u"&&i.detail?.nativeEvent&&(i=i.detail.nativeEvent),m(i)&&(n+=i.key,this.clearTimer(),this.timer=d(()=>{let r=new CustomEvent("keydownend",{detail:{keys:n}});n="",e.dispatchEvent(r),this.clearTimer()},s))}),this.keyDownEndOn=!0}clearTimer(){this.timer&&c(this.timer),this.timer=void 0}#r(){this.hoverEndOn&&(this.hoverEndOn=!1,this.detachEventsByName("click.eventsmixin"),this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseleave.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.clearTimer())}#o(){this.keyDownEndOn&&(this.keyDownEndOn=!1,this.clearTimer(),this.detachEventsByName("keydown.eventsmixin"))}},O=p;export{O as a};
+import{c as d,d as c}from"./ids-chunk-CK6SA7FU.js";import{a}from"./ids-chunk-27RPCUPT.js";import{e as E,i as m}from"./ids-chunk-TJKIW3GF.js";var p=u=>class extends u{handledEvents=new Map;longPressOn=!1;swipeOn=!1;keyboardFocusOn=!1;keyDownEndOn=!1;hoverEndOn=!1;isClick=!1;timer;slopedMouseLeaveTimer;startX=NaN;startY=NaN;trackedX=NaN;trackedY=NaN;vetoableEventTypes=[];constructor(...e){super(...e),this.detachAllEvents=this.detachAllEvents.bind(this),this.detachEventsByName=this.detachEventsByName.bind(this),this.offEvent=this.offEvent.bind(this),this.onEvent=this.onEvent.bind(this)}static get attributes(){return[...u.attributes]}disconnectedCallback(){super.disconnectedCallback?.(),this.detachAllEvents()}onEvent(e,t,n,s){!t||!n||(e.indexOf("longpress")===0&&this.#a(e,t,s),e.indexOf("keyboardfocus")===0&&this.#d(e,t),e.indexOf("hoverend")===0&&this.#l(e,t,s),e.indexOf("sloped-mouseleave")===0&&this.#v(e,t,s),e.indexOf("keydownend")===0&&this.#c(t,s),e.indexOf("swipe")===0&&this.#h(e,t,s),t.addEventListener(a(e),n,s),this.handledEvents.set(e,{target:t,callback:n,options:s}))}offEvent(e,t,n){let s=this.handledEvents.get(e);if(this.handledEvents.delete(e),e.indexOf("longpress")===0&&s?.callback){this.#t();return}if(e.indexOf("keyboardfocus")===0&&s?.callback){this.#n();return}if(e.indexOf("hoverend")===0&&s?.callback){this.#r();return}if(e.indexOf("sloped-mouseleave")===0&&s?.callback){this.#i();return}if(e.indexOf("keydownend")===0&&s?.callback){this.#o();return}if(e.indexOf("swipe")===0&&s?.callback){this.#s();return}let i=t||s?.target;s?.callback&&i?.removeEventListener&&i.removeEventListener(a(e),s.callback,n||s.options)}triggerEvent(e,t,n){let s=new CustomEvent(a(e),n);t.dispatchEvent(s)}triggerVetoableEvent(e,t){if(!this.vetoableEventTypes?.includes(e))return!1;let n=!0,s=i=>{n=E(i)};return this.triggerEvent(e,this,{bubbles:!0,detail:{data:t,elem:this,response:s}}),n}detachAllEvents(){this.handledEvents.forEach((e,t)=>{this.offEvent(t,e.target,e.options)}),this.#t(),this.#n(),this.#r(),this.#i(),this.#o(),this.#s()}detachEventsByName=e=>{let t=typeof e=="string"&&!!e.length,n=this.handledEvents.has(e);if(t&&n){let s=this.handledEvents.get(e);this.offEvent(e,s.target,s.options)}};#a(e,t,n){this.longPressOn||(this.onEvent("touchstart.longpress",t,s=>{s.preventDefault(),this.clearTimer(),this.timer=d(()=>{let i=new CustomEvent("longpress",s);t.dispatchEvent(i),this.clearTimer()},n?.delay?n.delay:500)},{passive:!0}),this.onEvent("touchend.longpress",t,s=>{s.preventDefault(),this.clearTimer()},{passive:!0}),this.longPressOn=!0)}#t(){this.longPressOn&&(this.longPressOn=!1,this.clearTimer(),this.detachEventsByName("touchstart.longpress"),this.detachEventsByName("touchend.longpress"))}#h(e,t,n){if(this.swipeOn)return;let s=0,i=0;if(n&&(n.passive=!0),this.onEvent("touchstart.swipe",t,r=>{s=r.changedTouches[0].screenX},n),this.onEvent("touchend.swipe",t,r=>{i=r.changedTouches[0].screenX;let o="";if(i<s&&(o="left"),i>s&&(o="right"),!o)return;let h=new CustomEvent("swipe",{detail:{direction:o,trigger:"touch"}});t.dispatchEvent(h)},n),n?.scrollContainer){let r=0;this.onEvent("scroll",n.scrollContainer,o=>{let h=o.target,l=100*(h.scrollLeft/(h.scrollWidth-h.clientWidth));if(Math.abs(r-l)<1)return;r=l;let v="";if(l===0&&(v="right"),l>98&&(v="left"),!v)return;let f=new CustomEvent("swipe",{detail:{direction:v,trigger:"scroll"}});t.dispatchEvent(f)},{passive:!0})}this.swipeOn=!0}#s(){this.swipeOn&&(this.swipeOn=!1,this.detachEventsByName("touchstart.swipe"),this.detachEventsByName("touchend.swipe"))}#d(e,t){this.keyboardFocusOn||(this.isClick=!1,this.onEvent("click.keyboardfocus",t,()=>{this.isClick=!0}),this.onEvent("keypress.keyboardfocus",t,()=>{this.isClick=!1}),this.onEvent("focus.keyboardfocus",t,n=>{let s=new CustomEvent("keyboardfocus",n);t.dispatchEvent(s)}),this.keyboardFocusOn=!0)}#n(){this.keyboardFocusOn&&(this.keyboardFocusOn=!1,this.detachEventsByName("click.keyboardfocus"),this.detachEventsByName("keypress.keyboardfocus"))}#l(e,t,n){this.onEvent("mouseenter.eventsmixin",t,s=>{this.clearTimer(),this.timer=d(()=>{let i=new MouseEvent(a(e),s);t.dispatchEvent(i),this.clearTimer()},n?.delay)}),this.onEvent("mouseleave.eventsmixin",t,()=>{this.clearTimer()}),this.onEvent("click.eventsmixin",t,()=>{this.clearTimer()}),this.hoverEndOn=!0}#v(e,t,n){let s=(i,r)=>{let o=new CustomEvent(a(e),{detail:{originalEvent:r,mouseLeaveNode:i}});t.dispatchEvent(o),this.#e()};this.onEvent("mouseleave.eventsmixin",t,i=>{this.slopedMouseLeaveTimer||(this.startX=i.pageX,this.startY=i.pageY,this.slopedMouseLeaveTimer=d(()=>{let r=this.trackedX-this.startX>3.5,o=this.trackedY-this.startY>3.5;(r||o)&&s(document.elementFromPoint(this.trackedX,this.trackedY),i)},n?.delay),this.onEvent("mousemove.eventsmixin",document,r=>{this.trackedX=r.pageX,this.trackedY=r.pageY}),this.onEvent("mouseenter.eventsmixin",t,()=>{this.#e()}))})}#e(){this.slopedMouseLeaveTimer&&c(this.slopedMouseLeaveTimer),this.slopedMouseLeaveTimer=void 0,this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.startX=NaN,this.startY=NaN,this.trackedX=NaN,this.trackedY=NaN}#i(){this.slopedMouseLeaveTimer&&(this.detachEventsByName("mouseleave.eventsmixin"),this.#e())}#c(e,t){let n="",s=t?.delay||500;this.onEvent("keydown.eventsmixin",e,i=>{typeof i.key>"u"&&i.detail?.nativeEvent&&(i=i.detail.nativeEvent),m(i)&&(n+=i.key,this.clearTimer(),this.timer=d(()=>{let r=new CustomEvent("keydownend",{detail:{keys:n}});n="",e.dispatchEvent(r),this.clearTimer()},s))}),this.keyDownEndOn=!0}clearTimer(){this.timer&&c(this.timer),this.timer=void 0}#r(){this.hoverEndOn&&(this.hoverEndOn=!1,this.detachEventsByName("click.eventsmixin"),this.detachEventsByName("mousemove.eventsmixin"),this.detachEventsByName("mouseleave.eventsmixin"),this.detachEventsByName("mouseenter.eventsmixin"),this.clearTimer())}#o(){this.keyDownEndOn&&(this.keyDownEndOn=!1,this.clearTimer(),this.detachEventsByName("keydown.eventsmixin"))}},O=p;export{O as a};

package/chunks/{ids-chunk-YKXR5BK4.js → ids-chunk-BGHX2WQ5.js}

@@ -1,8 +1,8 @@
-import{a as I,c as v,d as b,e as m,f as B,g as L,h as N,i as u,j as M,k as H,l as C,m as A,n as y}from"./ids-chunk-VKONCQ6O.js";import{c as k,d as T,j as R,l as V,q as S}from"./ids-chunk-ODGLGMPF.js";import{a as X}from"./ids-chunk-X5HHVE4J.js";import{c as P}from"./ids-chunk-LCUXCSNZ.js";import{a as D}from"./ids-chunk-YS37TBDI.js";import{a as z,b as G}from"./ids-chunk-XE4WFW5M.js";import{a as _}from"./ids-chunk-GTV4PSEA.js";import{a as Y,e as x}from"./ids-chunk-VGRUIA4C.js";import{a}from"./ids-chunk-2NN3ZJ6Q.js";import{a as O}from"./ids-chunk-U7OOVFXE.js";var W=`
+import{a as I,c as v,d as m,e as b,f as B,g as L,h as N,i as u,j as M,k as H,l as C,m as x,n as y}from"./ids-chunk-AVLWMYWS.js";import{c as k,d as T,j as R,l as V,q as S}from"./ids-chunk-ODGLGMPF.js";import{a as X}from"./ids-chunk-AZSONAF7.js";import{c as P}from"./ids-chunk-LCUXCSNZ.js";import{a as D}from"./ids-chunk-B6P5AQ2Z.js";import{a as z,b as G}from"./ids-chunk-XE4WFW5M.js";import{a as _}from"./ids-chunk-7JIYCFAW.js";import{a as Y,e as A}from"./ids-chunk-TJKIW3GF.js";import{a}from"./ids-chunk-HABPILOR.js";import{a as O}from"./ids-chunk-U7OOVFXE.js";var W=`
 /* Ids Popup Component */
 :host {
   display: block;
-  z-index: var(--ids-z-index-popup);
+  z-index: var(--ids-z-index-60);
   text-align: unset;
 }
 
@@ -23,7 +23,7 @@ import{a as I,c as v,d as b,e as m,f as B,g as L,h as N,i as u,j as M,k as H,l a
 }
 
 :host([visible][animated]) {
-  transition: left var(--ids-transition-length) var(--ids-transition-linear), top var(--ids-transition-length) var(--ids-transition-linear);
+  transition: left var(--ids-motion-duration) var(--ids-motion-linear), top var(--ids-motion-duration) var(--ids-motion-linear);
 }
 
 .ids-popup {
@@ -95,10 +95,10 @@ import{a as I,c as v,d as b,e as m,f as B,g as L,h as N,i as u,j as M,k as H,l a
   top: calc(var(--ids-popup-arrow-size) * -1);
 }
 .ids-popup.animated {
-  transition: opacity var(--ids-transition-length) var(--ids-transition-linear), transform var(--ids-transition-length) var(--ids-transition-linear);
+  transition: opacity var(--ids-motion-duration) var(--ids-motion-linear), transform var(--ids-motion-duration) var(--ids-motion-linear);
 }
 .ids-popup.animated.open {
-  transition: opacity var(--ids-transition-length) var(--ids-transition-linear), height var(--ids-transition-length) var(--ids-transition-linear), width var(--ids-transition-length) var(--ids-transition-linear), transform var(--ids-transition-length) var(--ids-transition-linear);
+  transition: 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;
@@ -155,226 +155,226 @@ import{a as I,c as v,d as b,e as m,f as B,g as L,h as N,i as u,j as M,k as H,l a
   transform: none;
 }
 .ids-popup.none {
-  background-color: var(--ids-popup-background-color);
-  border: 1px solid var(--ids-popup-border-color);
+  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-background-color);
+  background-color: var(--ids-popup-color-background);
   border: 1px solid transparent;
 }
 .ids-popup.menu {
-  background-color: var(--ids-popup-menu-background-color);
-  border: 1px solid var(--ids-popup-menu-border-color);
-  font-family: var(--ids-font-family);
+  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-text-color);
+  color: var(--ids-popup-menu-color-text-default);
   border-radius: var(--ids-popup-menu-border-radius);
-  box-shadow: var(--ids-popup-menu-box-shadow);
+  box-shadow: var(--ids-popup-menu-shadow-default);
 }
 .ids-popup.menu .arrow.bottom {
-  border-bottom-color: var(--ids-popup-menu-border-color);
+  border-bottom-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.bottom::after {
-  border-bottom-color: var(--ids-popup-menu-background-color);
+  border-bottom-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.left {
-  border-left-color: var(--ids-popup-menu-border-color);
+  border-left-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.left::after {
-  border-left-color: var(--ids-popup-menu-background-color);
+  border-left-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.right {
-  border-right-color: var(--ids-popup-menu-border-color);
+  border-right-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.right::after {
-  border-right-color: var(--ids-popup-menu-background-color);
+  border-right-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu .arrow.top {
-  border-top-color: var(--ids-popup-menu-border-color);
+  border-top-color: var(--ids-popup-menu-color-border-default);
 }
 .ids-popup.menu .arrow.top::after {
-  border-top-color: var(--ids-popup-menu-background-color);
+  border-top-color: var(--ids-popup-menu-color-background-default);
 }
 .ids-popup.menu-alt {
-  background-color: var(--ids-popup-menu-inverse-background-color);
-  border: 1px solid var(--ids-popup-menu-inverse-border-color);
+  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-inverse-box-shadow);
+  box-shadow: var(--ids-popup-menu-shadow-inverse);
   font-size: var(--ids-popup-menu-font-size);
-  color: var(--ids-popup-menu-inverse-text-color);
-  border-color: var(--ids-popup-menu-inverse-border-color);
-  border-radius: var(--ids-border-radius-xs);
-  font-family: var(--ids-font-family);
+  color: var(--ids-popup-menu-color-text-inverse);
+  border-color: var(--ids-popup-menu-color-border-inverse);
+  border-radius: var(--ids-border-radius-01);
+  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-inverse-border-color);
+  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-inverse-border-color);
+  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-inverse-border-color);
+  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-inverse-border-color);
+  border-top-color: var(--ids-popup-menu-color-border-inverse);
 }
 .ids-popup.tooltip {
-  background-color: var(--ids-tooltip-background-color);
+  background-color: var(--ids-tooltip-color-background);
   border-radius: var(--ids-tooltip-border-radius);
-  box-shadow: var(--ids-tooltip-box-shadow);
+  box-shadow: var(--ids-tooltip-shadow);
   cursor: var(--ids-cursor-pointer);
-  color: var(--ids-tooltip-text-color);
+  color: var(--ids-tooltip-color-text);
   display: inline-block;
   font-size: var(--ids-tooltip-font-size);
   padding: var(--ids-tooltip-padding);
-  font-family: var(--ids-font-family);
-  z-index: var(--ids-z-index-tooltip);
+  font-family: var(--ids-font-family-default);
+  z-index: var(--ids-z-index-70);
 }
 .ids-popup.tooltip .arrow.bottom,
 .ids-popup.tooltip .arrow.bottom::after {
-  border-bottom-color: var(--ids-tooltip-background-color);
+  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-background-color);
+  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-background-color);
+  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-background-color);
+  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-background-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-background-color);
+  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-background-color);
+  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-background-color);
+  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-background-color);
+  border-top-color: var(--ids-tooltip-error-color-background-error);
 }
 .ids-popup.tooltip.info-color {
-  background-color: var(--ids-tooltip-info-background-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-background-color);
+  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-background-color);
+  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-background-color);
+  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-background-color);
+  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-warning-background-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-warning-background-color);
+  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-warning-background-color);
+  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-warning-background-color);
+  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-warning-background-color);
+  border-top-color: var(--ids-tooltip-color-background-warning);
 }
 .ids-popup.tooltip.success-color {
-  background-color: var(--ids-tooltip-success-background-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-success-background-color);
+  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-success-background-color);
+  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-success-background-color);
+  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-success-background-color);
+  border-top-color: var(--ids-tooltip-color-background-success);
 }
 .ids-popup.tooltip-alt {
-  background-color: var(--ids-tooltip-inverse-background-color);
+  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-inverse-text-color);
-  font-family: var(--ids-font-family);
+  color: var(--ids-tooltip-color-text-inverse);
+  font-family: var(--ids-font-family-default);
 }
 .ids-popup.modal {
-  background-color: var(--ids-modal-background-color);
-  border: 1px solid var(--ids-modal-border-color);
+  background-color: var(--ids-modal-color-background);
+  border: 1px solid var(--ids-modal-color-border);
   padding: var(--ids-modal-padding);
   border-radius: var(--ids-modal-border-radius);
-  box-shadow: var(--ids-modal-box-shadow);
-  font-family: var(--ids-font-family);
-  color: var(--ids-modal-text-color);
+  box-shadow: var(--ids-modal-shadow-default);
+  font-family: var(--ids-font-family-default);
+  color: var(--ids-modal-color-text);
 }
 .ids-popup.dropdown {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: var(--ids-dropdown-background-color);
-  border: 1px solid var(--ids-dropdown-border-color);
-  box-shadow: var(--ids-dropdown-box-shadow);
+  background-color: var(--ids-dropdown-color-background-default);
+  border: 1px solid var(--ids-dropdown-color-border);
+  box-shadow: var(--ids-dropdown-shadow-default);
   border-radius: var(--ids-dropdown-border-radius);
   outline: none;
-  border-top-color: var(--ids-dropdown-attached-border-color);
+  border-top-color: var(--ids-dropdown-attached-color-border);
 }
 .ids-popup.dropdown.flipped {
-  border-radius: var(--ids-dropdown-flipped-border-radius);
-  border-bottom-color: var(--ids-dropdown-attached-border-color);
-  border-top-color: var(--ids-dropdown-border-color);
-  box-shadow: var(--ids-dropdown-flipped-box-shadow);
+  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:not(.position-viewport).has-maxheight .content-wrapper {
   height: var(--ids-popup-maxheight);
@@ -396,9 +396,9 @@ import{a as I,c as v,d as b,e as m,f as B,g as L,h as N,i as u,j as M,k as H,l a
 }
 :host([dir=rtl]) .ids-popup.tooltip .arrow.top::after {
   left: calc(var(--ids-popup-arrow-size) * -1);
-}`;var $=X(D(_)),E=class extends ${shouldUpdate=!1;isFlipped=!1;scrollParentElem;constructor(){super(),this.#h=I,this.#a=b[0],this.#l=m[0],this.#i=v[0],this.#t=null,this.#u=!1,this.#g=N[0],this.#v=u[0],this.#e=null,this.#f=!1,this.#d=document.body,this.#b=M[1],this.#o="",this.#c=H[0],this.#r=!1,this.#m=0,this.#w=0,this.open=!1,this.shouldUpdate=!1}connectedCallback(){super.connectedCallback(),this.containingElem=T(this,"ids-container")||document.body,this.#H(),this.shouldUpdate=!0,this.#C()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n&&(this.#n?.disconnect(),this.#n=void 0),this.#s&&(this.#s?.disconnect(),this.#s=void 0),this.#t=null,this.#e=null,this.#d=null,this.containingElem=null}static get attributes(){return[...super.attributes,...C]}template(){return`<div class="ids-popup${this.animated?" animated":""}" part="popup">
+}`;var $=X(D(_)),E=class extends ${shouldUpdate=!1;isFlipped=!1;scrollParentElem;constructor(){super(),this.#h=I,this.#a=m[0],this.#l=b[0],this.#i=v[0],this.#t=null,this.#u=!1,this.#g=N[0],this.#v=u[0],this.#e=null,this.#f=!1,this.#d=document.body,this.#m=M[1],this.#o="",this.#c=H[0],this.#r=!1,this.#b=0,this.#w=0,this.open=!1,this.shouldUpdate=!1}connectedCallback(){super.connectedCallback(),this.containingElem=T(this,"ids-container")||document.body,this.#H(),this.shouldUpdate=!0,this.#C()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n&&(this.#n?.disconnect(),this.#n=void 0),this.#s&&(this.#s?.disconnect(),this.#s=void 0),this.#t=null,this.#e=null,this.#d=null,this.containingElem=null}static get attributes(){return[...super.attributes,...C]}template(){return`<div class="ids-popup${this.animated?" animated":""}" part="popup">
       <div class="arrow" part="arrow"></div>
       <div class="content-wrapper">
         <slot name="content"></slot>
       </div>
-    </div>`}#s;#n;#M(){this.#E(),this.place(),this.#x()}#x(){this.style.transition="none",this.container?.style.setProperty("transition","none"),this.correct3dMatrix(),this.style.transition="",this.container?.style.setProperty("transition","")}#H(){this.#s=new MutationObserver(t=>{if(this.#r){let o=!1;for(let i of t){if(o)break;["subtree","childList","characterData","characterDataOldValue"].includes(i.type)&&(this.place(),o=!0)}}}),this.#n=new ResizeObserver(t=>{if(this.open){for(let o of t)o.target.tagName.toLowerCase()==="ids-container"?this.#M():this.#x();this.#z()}}),C.forEach(t=>{let o=Y(t);this[o]=this.getAttribute(t)||this[o]})}#C(){let t=T(this,"ids-container");this.#n?.observe(this),t&&this.#n?.observe(t),this.onLocaleChange=()=>{this.localeAPI.isRTL()?this.setAttribute("dir","rtl"):this.removeAttribute("dir")}}get innerRect(){return this.getBoundingClientRect()}get wrapper(){return this.shadowRoot?.querySelector(".content-wrapper")}#t=null;set alignTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){this.#t!==null&&(this.#t=null,this.removeAttribute(a.ALIGN_TARGET),this.#A());return}let e=null;if(o){if(e=k(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(a.ALIGN_TARGET,t)}else i&&(e=t);e!==null&&(!this.#t||!this.#t.isEqualNode(e))&&(this.#t=e,this.#A())}get alignTarget(){return this.#t}#A(){this.#t?this.#s?.observe(this.#t,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0}):this.#s?.disconnect(),this.place()}#h;set align(t){let o=this.#h,i=t;(typeof i!="string"||!i.length)&&(i=I);let e=i.split(",");e=e.map(d=>d.trim().toLowerCase());let s=e[0];if(v.includes(s)&&(this.#i=s,e[0]=this.#i),e[1]||e.push("center"),L.includes(e[0])||B.includes(e[1])){let d=e[1];e[1]=e[0],e[0]=d}let r,n;b.includes(e[0])?(r=e[0],this.#a=e[0]):r=this.alignX,m.includes(e[1])?(n=e[1],this.#l=e[1]):n=this.alignY;let l=y(r,n,this.#i);o!==l?(this.#h=l,this.setAttribute(a.ALIGN,l),this.place()):this.hasAttribute("align")||this.setAttribute(a.ALIGN,o)}get align(){return this.#h}#a;set alignX(t){if(typeof t!="string"||!t.length)return;let o=t;if(b.includes(t)||(o=b[0]),this.hasAttribute(a.ALIGN_X)&&this.removeAttribute(a.ALIGN_X),this.#a!==o){this.#a=o;let i=this.#l;this.align=y(o,i,o)}}get alignX(){return this.#a}#l;set alignY(t){if(typeof t!="string"||!t.length)return;let o=m[0];if(m.includes(t)&&(o=t),this.hasAttribute(a.ALIGN_Y)&&this.removeAttribute(a.ALIGN_Y),this.#l!==o){this.#l=o;let i=this.#a;this.align=y(i,o,o)}}get alignY(){return this.#l}#i;#o;set alignEdge(t){if(typeof t!="string"||!t.length)return;let o;if(v.includes(t)?o=t:o=v[0],this.hasAttribute(a.ALIGN_EDGE)&&this.removeAttribute(a.ALIGN_EDGE),this.#i!==o){let i=this.alignX,e=this.alignY;this.#i=o,o==="center"?(i=o,e=o):L.includes(o)?e=o:i=o,this.align=y(i,e,o)}}get alignEdge(){return this.#i}get oppositeAlignEdge(){return this.#p(this.alignEdge)}get maxHeight(){return this.getAttribute(a.MAX_HEIGHT)}set maxHeight(t){let o=S(t);o?this.setAttribute(a.MAX_HEIGHT,o):this.removeAttribute(a.MAX_HEIGHT),this.#k(o)}#k(t){if(this.positionStyle==="viewport"){this.wrapper?.setAttribute(a.TABINDEX,"0"),this.container?.style.setProperty(A,"auto");return}let o=this.containingElem,i=document.body.offsetHeight,e=S(t||this.maxHeight);if(o?i=o.offsetHeight:window&&(i=window.innerHeight,e=`${i}px`),e)i<parseInt(e)&&(e=`${i}px`);else{let s=parseInt(window.getComputedStyle(this.wrapper).height);i<=s&&(e=`${i}px`)}this.container&&(this.wrapper&&this.wrapper.setAttribute(a.TABINDEX,"0"),e?(this.container.style.setProperty(A,`${e}`),this.container.classList.add("has-maxheight")):(this.container.classList.remove("has-maxheight"),this.container.style.removeProperty(A)))}#p(t){switch(t){case"left":return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top";default:return"none"}}#T(t){switch(t){case"top":case"bottom":return"right";case"left":case"right":return"bottom";default:return"none"}}#u;set animated(t){let o=x(t);this.#u!==o&&(this.#u=o,o?this.setAttribute(a.ANIMATED,""):this.removeAttribute(a.ANIMATED),this.#O())}get animated(){return this.#u}#O(){this.container?.classList[this.animated?"add":"remove"]("animated")}#g;set animationStyle(t){let o=this.#g;t!==o&&N.includes(t)?(this.#g=t,this.setAttribute(a.ANIMATION_STYLE,t),this.#R(o,t)):this.#R("",o)}get animationStyle(){return this.#g}#R(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(`animation-${t}`),i.add(`animation-${o}`)}#f;set bleed(t){let o=x(t);this.#f!==o&&(this.#f=t,o?this.setAttribute(a.BLEED,""):this.removeAttribute(a.BLEED),this.place())}get bleed(){return this.#f}#d;set containingElem(t){(t instanceof HTMLElement||t instanceof SVGElement)&&this.#d!==t&&(this.#d=t,this.place())}get containingElem(){return this.#d}#v=u[0];set arrow(t){let o=this.#v,i=u[0];t&&u.includes(t)&&(i=t),i!==o&&(this.#v=i,i!==u[0]?this.setAttribute(a.ARROW,`${i}`):this.removeAttribute(a.ARROW),this.#y(o,i))}get arrow(){let t=this.getAttribute(a.ARROW);return t||u[0]}#y(t,o){if(!this.container)return;let i=this.arrowEl,e=this.arrowEl?.classList,s=o==="none";i&&(i.hidden=s);let r="arrow";t===""?e?.remove(...u):t&&e?.remove(t),o&&!s&&(e?.add(o),r+=`-${o}`),i?.setAttribute("part",r)}get arrowEl(){return this.container?.querySelector(".arrow")}#e;set arrowTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){this.#e!==null&&(this.#e=null,this.removeAttribute(a.ARROW_TARGET));return}let e=null;if(o){if(e=k(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(a.ARROW_TARGET,t)}else i&&(e=t);e!==null&&(!this.#e||!this.#e.isEqualNode(e))&&(this.#e=e,this.#y("",this.arrow))}get arrowTarget(){return this.#e||this.alignTarget}#b;set positionStyle(t){let o=this.#b;M.includes(t)&&(this.setAttribute(a.POSITION_STYLE,t),this.#b=t,t!==o?this.#S(o,t):this.#S("",o),this.place())}get positionStyle(){return this.#b}#S(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(`position-${t}`),i.add(`position-${o}`)}#z(){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")}#c;set type(t){let o=this.#c;t&&o!==t&&H.includes(t)?(this.#c=t,this.setAttribute(a.TYPE,this.#c),this.#P(o,t),this.place()):this.#P("",o)}get type(){return this.#c}#P(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(t),i.add(o)}open;#r;set visible(t){let o=x(t);this.#r!==o&&(this.#r=o,o?this.setAttribute(a.VISIBLE,""):this.removeAttribute(a.VISIBLE),this.refreshVisibility())}get visible(){return this.#r}async refreshVisibility(){if(!this.container)return;let t=this.container.classList;this.#r&&!t.contains("open")&&await this.show(),!this.#r&&!this.hasAttribute("aria-hidden")&&await this.hide()}#m;set x(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==this.#m&&(this.#m=o,this.setAttribute(a.X,o.toString()))}get x(){return this.#m}#w;set y(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==this.#w&&(this.#w=o,this.setAttribute(a.Y,o.toString()))}get y(){return this.#w}setPosition(t=null,o=null,i=null,e=null){let s=this;Number.isNaN(t)||(s.x=t),Number.isNaN(o)||(s.y=o),i&&(this.visible=!0),e&&this.place()}async show(){!this.visible||!this.container||(this.place(),this.placeArrow(this.#o),this.removeAttribute("aria-hidden"),this.container.classList.add("open"),this.open=!0,this.animated&&await R(this.container,"opacity"),this.correct3dMatrix(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}))}async hide(){this.visible||!this.container||(this.open=!1,this.#E(),this.container.classList.remove("open"),this.animated&&await R(this.container,"opacity"),this.triggerEvent("hide",this,{bubbles:!0,detail:{elem:this}}),this.setAttribute("aria-hidden","true"))}place(){if(this.visible&&this.positionStyle!=="viewport"){this.#k();let{alignTarget:t}=this;t?this.#Y():this.#G()}}#G(){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=this.#I(t),t=this.#N(this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t)),this.#L(t)}#Y(){if(!this.alignTarget)return;let t=this.getBoundingClientRect();this.#o=this.#X(t);let o=this.#p(this.alignEdge),i=this.alignEdge!==this.#o&&this.#p(this.alignEdge)!==this.#o,e={flip:this.alignEdge!==this.#o&&!i,oppositeEdge:o,shouldSwitchXY:i,targetEdge:this.#i,x:i?this.y:this.x,y:i?this.x:this.y};typeof this.onXYSwitch=="function"&&(e=this.onXYSwitch(e));let s=e.x,r=e.y,n=this.alignTarget.getBoundingClientRect(),l=this.#o||this.alignEdge,p=!1,d=!1;if(this.container?.classList.toggle("flipped",this.alignEdge!==this.#o&&!i),m.includes(l)){switch(l){case"top":r=n.top-t.height-r;break;case"bottom":r=n.bottom+r;break;default:r=n.top+n.height/2-t.height/2+r,d=!0}switch(this.alignX){case"left":s=n.left+s;break;case"right":s=n.right-t.width-s;break;default:s=n.left+n.width/2-t.width/2+s,p=!0}}if(b.includes(l)){switch(l){case"left":s=n.left-t.width-s;break;case"right":s=n.right+s;break;default:if(p)break;s=n.left+n.width/2-t.width/2+s}switch(this.alignY){case"top":r=n.top+r;break;case"bottom":r=n.bottom-t.height+r;break;default:if(d)break;r=n.top+n.height/2-t.height/2+r}}if(l==="none"){let c=this.containingElem?.clientWidth,g=this.containingElem?.clientHeight;c&&g&&(s=(c-t.width)/2,r=(g-t.height)/2)}t.x=s,t.y=r,t=this.#I(t),t=this.#N(this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t)),this.#L(t),this.arrow&&this.arrow!==u[0]&&(this.#y("",this.#o),this.placeArrow(this.#o))}onPlace(t){return t}onXYSwitch(t){return t}#I(t){if(this.bleed||!this.containingElem)return t;let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.getBoundingClientRect(),s=this.bleed,r=t.x,n=t.y,l=s?o:e.right,p=s?0:e.left,d=s?0:e.top,c=s?i:e.bottom;return t.right>l&&(r-=t.right-l),t.left<p&&(r+=Math.abs(t.left)+p),t.bottom>c&&(n-=t.bottom-c),t.top<d&&(n+=Math.abs(t.top)+d),t.x=r,t.y=n,t}#X(t){if(!this.containingElem||!this.alignTarget)return"none";let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.scrollLeft||0,s=this.containingElem.scrollTop||0,r=this.bleed,n=this.containingElem.getBoundingClientRect(),l=this.alignTarget.getBoundingClientRect(),p=h=>{let f=0;switch(h){case"left":f=(r?0:n.left)-e-l.left+this.x;break;case"right":f=(r?o:n.right)-e-l.right-this.x;break;case"top":f=(r?0:n.top)-s-l.top+this.y;break;default:f=(r?i:n.bottom)-s-l.bottom-this.y;break}return Math.abs(f)},d=this.alignEdge,c=["top","bottom"].includes(d)?"height":"width";return[this.alignEdge,this.#p(this.alignEdge),this.#T(this.alignEdge),this.#p(this.#T(this.alignEdge))].find(h=>{let f=p(h);return t[c]<=f})||"none"}#L(t){this.style.left=`${t.x}px`,this.style.top=`${t.y}px`}correct3dMatrix(){if(!this.container||this.positionStyle!=="viewport")return;this.#E();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()})`}#E(){this.container?.style.removeProperty("transform")}#N(t,o,i){let e=V(o||t.getBoundingClientRect()),s=!1,r=!1,n=l=>{let p,d;if(l&&!s){if(l.toString()==="[object ShadowRoot]"&&(l=l.host),l instanceof HTMLElement||l instanceof SVGElement){p=getComputedStyle(l),d=l.getBoundingClientRect();let c=i||l;r||(c.scrollLeft!==0&&(e.x-=c.scrollLeft,r=!0),c.scrollTop!==0&&(e.y-=c.scrollTop,r=!0)),p.position==="relative"&&(e.x-=d.x,e.y-=d.y,s=!0)}l.parentNode&&n(l.parentNode)}};return n(t),e}placeArrow(t){let o=t||this.arrow,i=this.arrowEl,e=this.alignTarget,s=this.arrowTarget;if(o==="none"||!e||!s||!i){i&&(i.hidden=!0);return}i.removeAttribute("hidden"),i.style.marginLeft="",i.style.marginTop="";let r=i.getBoundingClientRect(),n=e.getBoundingClientRect(),l=s.getBoundingClientRect(),p={},d=o==="right"||o==="left"?"marginTop":"marginLeft",c=!1,g=0,w=0,h;(o==="left"||o==="right")&&(g=l.top+l.height/2,w=r.top+r.height/2,h=g-w,p.top=r.top+h,p.bottom=r.bottom+h,(p.top<=n.top||p.bottom>=n.bottom)&&(c=!0)),(o==="top"||o==="bottom")&&(g=l.left+l.width/2,w=r.left+r.width/2,h=g-w,p.left=r.left+h,p.right=r.right+h,(p.left<=n.left||p.right>=n.right)&&(c=!0)),h=Math.ceil(h),c&&(i.hidden=!0),i.style[d]=`${h}px`}set height(t){let o=P(t);this.height!==o&&(o.length?(this.container?.style.setProperty("height",o),this.setAttribute(a.HEIGHT,o)):(this.container?.style.removeProperty("height"),this.removeAttribute(a.HEIGHT)))}get height(){return this.container?.style.height||""}set width(t){let o=P(t);this.width!==o&&(o.length?(this.container?.style.setProperty("width",o),this.setAttribute(a.WIDTH,o)):(this.container?.style.removeProperty("width"),this.removeAttribute(a.WIDTH)))}get width(){return this.container?.style.width??""}};E=O([z("ids-popup"),G(W)],E);export{E as a};
+    </div>`}#s;#n;#M(){this.#E(),this.place(),this.#A()}#A(){this.style.transition="none",this.container?.style.setProperty("transition","none"),this.correct3dMatrix(),this.style.transition="",this.container?.style.setProperty("transition","")}#H(){this.#s=new MutationObserver(t=>{if(this.#r){let o=!1;for(let i of t){if(o)break;["subtree","childList","characterData","characterDataOldValue"].includes(i.type)&&(this.place(),o=!0)}}}),this.#n=new ResizeObserver(t=>{if(this.open){for(let o of t)o.target.tagName.toLowerCase()==="ids-container"?this.#M():this.#A();this.#z()}}),C.forEach(t=>{let o=Y(t);this[o]=this.getAttribute(t)||this[o]})}#C(){let t=T(this,"ids-container");this.#n?.observe(this),t&&this.#n?.observe(t),this.onLocaleChange=()=>{this.localeAPI.isRTL()?this.setAttribute("dir","rtl"):this.removeAttribute("dir")}}get innerRect(){return this.getBoundingClientRect()}get wrapper(){return this.shadowRoot?.querySelector(".content-wrapper")}#t=null;set alignTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){this.#t!==null&&(this.#t=null,this.removeAttribute(a.ALIGN_TARGET),this.#x());return}let e=null;if(o){if(e=k(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(a.ALIGN_TARGET,t)}else i&&(e=t);e!==null&&(!this.#t||!this.#t.isEqualNode(e))&&(this.#t=e,this.#x())}get alignTarget(){return this.#t}#x(){this.#t?this.#s?.observe(this.#t,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,characterData:!0,characterDataOldValue:!0,childList:!0,subtree:!0}):this.#s?.disconnect(),this.place()}#h;set align(t){let o=this.#h,i=t;(typeof i!="string"||!i.length)&&(i=I);let e=i.split(",");e=e.map(d=>d.trim().toLowerCase());let s=e[0];if(v.includes(s)&&(this.#i=s,e[0]=this.#i),e[1]||e.push("center"),L.includes(e[0])||B.includes(e[1])){let d=e[1];e[1]=e[0],e[0]=d}let r,n;m.includes(e[0])?(r=e[0],this.#a=e[0]):r=this.alignX,b.includes(e[1])?(n=e[1],this.#l=e[1]):n=this.alignY;let l=y(r,n,this.#i);o!==l?(this.#h=l,this.setAttribute(a.ALIGN,l),this.place()):this.hasAttribute("align")||this.setAttribute(a.ALIGN,o)}get align(){return this.#h}#a;set alignX(t){if(typeof t!="string"||!t.length)return;let o=t;if(m.includes(t)||(o=m[0]),this.hasAttribute(a.ALIGN_X)&&this.removeAttribute(a.ALIGN_X),this.#a!==o){this.#a=o;let i=this.#l;this.align=y(o,i,o)}}get alignX(){return this.#a}#l;set alignY(t){if(typeof t!="string"||!t.length)return;let o=b[0];if(b.includes(t)&&(o=t),this.hasAttribute(a.ALIGN_Y)&&this.removeAttribute(a.ALIGN_Y),this.#l!==o){this.#l=o;let i=this.#a;this.align=y(i,o,o)}}get alignY(){return this.#l}#i;#o;set alignEdge(t){if(typeof t!="string"||!t.length)return;let o;if(v.includes(t)?o=t:o=v[0],this.hasAttribute(a.ALIGN_EDGE)&&this.removeAttribute(a.ALIGN_EDGE),this.#i!==o){let i=this.alignX,e=this.alignY;this.#i=o,o==="center"?(i=o,e=o):L.includes(o)?e=o:i=o,this.align=y(i,e,o)}}get alignEdge(){return this.#i}get oppositeAlignEdge(){return this.#p(this.alignEdge)}get maxHeight(){return this.getAttribute(a.MAX_HEIGHT)}set maxHeight(t){let o=S(t);o?this.setAttribute(a.MAX_HEIGHT,o):this.removeAttribute(a.MAX_HEIGHT),this.#k(o)}#k(t){if(this.positionStyle==="viewport"){this.wrapper?.setAttribute(a.TABINDEX,"0"),this.container?.style.setProperty(x,"auto");return}let o=this.containingElem,i=document.body.offsetHeight,e=S(t||this.maxHeight);if(o?i=o.offsetHeight:window&&(i=window.innerHeight,e=`${i}px`),e)i<parseInt(e)&&(e=`${i}px`);else{let s=parseInt(window.getComputedStyle(this.wrapper).height);i<=s&&(e=`${i}px`)}this.container&&(this.wrapper&&this.wrapper.setAttribute(a.TABINDEX,"0"),e?(this.container.style.setProperty(x,`${e}`),this.container.classList.add("has-maxheight")):(this.container.classList.remove("has-maxheight"),this.container.style.removeProperty(x)))}#p(t){switch(t){case"left":return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top";default:return"none"}}#T(t){switch(t){case"top":case"bottom":return"right";case"left":case"right":return"bottom";default:return"none"}}#u;set animated(t){let o=A(t);this.#u!==o&&(this.#u=o,o?this.setAttribute(a.ANIMATED,""):this.removeAttribute(a.ANIMATED),this.#O())}get animated(){return this.#u}#O(){this.container?.classList[this.animated?"add":"remove"]("animated")}#g;set animationStyle(t){let o=this.#g;t!==o&&N.includes(t)?(this.#g=t,this.setAttribute(a.ANIMATION_STYLE,t),this.#R(o,t)):this.#R("",o)}get animationStyle(){return this.#g}#R(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(`animation-${t}`),i.add(`animation-${o}`)}#f;set bleed(t){let o=A(t);this.#f!==o&&(this.#f=t,o?this.setAttribute(a.BLEED,""):this.removeAttribute(a.BLEED),this.place())}get bleed(){return this.#f}#d;set containingElem(t){(t instanceof HTMLElement||t instanceof SVGElement)&&this.#d!==t&&(this.#d=t,this.place())}get containingElem(){return this.#d}#v=u[0];set arrow(t){let o=this.#v,i=u[0];t&&u.includes(t)&&(i=t),i!==o&&(this.#v=i,i!==u[0]?this.setAttribute(a.ARROW,`${i}`):this.removeAttribute(a.ARROW),this.#y(o,i))}get arrow(){let t=this.getAttribute(a.ARROW);return t||u[0]}#y(t,o){if(!this.container)return;let i=this.arrowEl,e=this.arrowEl?.classList,s=o==="none";i&&(i.hidden=s);let r="arrow";t===""?e?.remove(...u):t&&e?.remove(t),o&&!s&&(e?.add(o),r+=`-${o}`),i?.setAttribute("part",r)}get arrowEl(){return this.container?.querySelector(".arrow")}#e;set arrowTarget(t){let o=typeof t=="string"&&t.length,i=t instanceof HTMLElement||t instanceof SVGElement;if(!o&&!i){this.#e!==null&&(this.#e=null,this.removeAttribute(a.ARROW_TARGET));return}let e=null;if(o){if(e=k(this).querySelector(t),!(e instanceof HTMLElement||e instanceof SVGElement))return;this.setAttribute(a.ARROW_TARGET,t)}else i&&(e=t);e!==null&&(!this.#e||!this.#e.isEqualNode(e))&&(this.#e=e,this.#y("",this.arrow))}get arrowTarget(){return this.#e||this.alignTarget}#m;set positionStyle(t){let o=this.#m;M.includes(t)&&(this.setAttribute(a.POSITION_STYLE,t),this.#m=t,t!==o?this.#S(o,t):this.#S("",o),this.place())}get positionStyle(){return this.#m}#S(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(`position-${t}`),i.add(`position-${o}`)}#z(){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")}#c;set type(t){let o=this.#c;t&&o!==t&&H.includes(t)?(this.#c=t,this.setAttribute(a.TYPE,this.#c),this.#P(o,t),this.place()):this.#P("",o)}get type(){return this.#c}#P(t,o){if(!this.container)return;let i=this.container.classList;t&&i.remove(t),i.add(o)}open;#r;set visible(t){let o=A(t);this.#r!==o&&(this.#r=o,o?this.setAttribute(a.VISIBLE,""):this.removeAttribute(a.VISIBLE),this.refreshVisibility())}get visible(){return this.#r}async refreshVisibility(){if(!this.container)return;let t=this.container.classList;this.#r&&!t.contains("open")&&await this.show(),!this.#r&&!this.hasAttribute("aria-hidden")&&await this.hide()}#b;set x(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==this.#b&&(this.#b=o,this.setAttribute(a.X,o.toString()))}get x(){return this.#b}#w;set y(t){let o=parseInt(t?.toString(),10);Number.isNaN(o)&&(o=0),o!==this.#w&&(this.#w=o,this.setAttribute(a.Y,o.toString()))}get y(){return this.#w}setPosition(t=null,o=null,i=null,e=null){let s=this;Number.isNaN(t)||(s.x=t),Number.isNaN(o)||(s.y=o),i&&(this.visible=!0),e&&this.place()}async show(){!this.visible||!this.container||(this.place(),this.placeArrow(this.#o),this.removeAttribute("aria-hidden"),this.container.classList.add("open"),this.open=!0,this.animated&&await R(this.container,"opacity"),this.correct3dMatrix(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}))}async hide(){this.visible||!this.container||(this.open=!1,this.#E(),this.container.classList.remove("open"),this.animated&&await R(this.container,"opacity"),this.triggerEvent("hide",this,{bubbles:!0,detail:{elem:this}}),this.setAttribute("aria-hidden","true"))}place(){if(this.visible&&this.positionStyle!=="viewport"){this.#k();let{alignTarget:t}=this;t?this.#Y():this.#G()}}#G(){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=this.#I(t),t=this.#N(this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t)),this.#L(t)}#Y(){if(!this.alignTarget)return;let t=this.getBoundingClientRect();this.#o=this.#X(t);let o=this.#p(this.alignEdge),i=this.alignEdge!==this.#o&&this.#p(this.alignEdge)!==this.#o,e={flip:this.alignEdge!==this.#o&&!i,oppositeEdge:o,shouldSwitchXY:i,targetEdge:this.#i,x:i?this.y:this.x,y:i?this.x:this.y};typeof this.onXYSwitch=="function"&&(e=this.onXYSwitch(e));let s=e.x,r=e.y,n=this.alignTarget.getBoundingClientRect(),l=this.#o||this.alignEdge,p=!1,d=!1;if(this.container?.classList.toggle("flipped",this.alignEdge!==this.#o&&!i),b.includes(l)){switch(l){case"top":r=n.top-t.height-r;break;case"bottom":r=n.bottom+r;break;default:r=n.top+n.height/2-t.height/2+r,d=!0}switch(this.alignX){case"left":s=n.left+s;break;case"right":s=n.right-t.width-s;break;default:s=n.left+n.width/2-t.width/2+s,p=!0}}if(m.includes(l)){switch(l){case"left":s=n.left-t.width-s;break;case"right":s=n.right+s;break;default:if(p)break;s=n.left+n.width/2-t.width/2+s}switch(this.alignY){case"top":r=n.top+r;break;case"bottom":r=n.bottom-t.height+r;break;default:if(d)break;r=n.top+n.height/2-t.height/2+r}}if(l==="none"){let c=this.containingElem?.clientWidth,g=this.containingElem?.clientHeight;c&&g&&(s=(c-t.width)/2,r=(g-t.height)/2)}t.x=s,t.y=r,t=this.#I(t),t=this.#N(this.parentNode,t,this.scrollParentElem),typeof this.onPlace=="function"&&(t=this.onPlace(t)),this.#L(t),this.arrow&&this.arrow!==u[0]&&(this.#y("",this.#o),this.placeArrow(this.#o))}onPlace(t){return t}onXYSwitch(t){return t}#I(t){if(this.bleed||!this.containingElem)return t;let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.getBoundingClientRect(),s=this.bleed,r=t.x,n=t.y,l=s?o:e.right,p=s?0:e.left,d=s?0:e.top,c=s?i:e.bottom;return t.right>l&&(r-=t.right-l),t.left<p&&(r+=Math.abs(t.left)+p),t.bottom>c&&(n-=t.bottom-c),t.top<d&&(n+=Math.abs(t.top)+d),t.x=r,t.y=n,t}#X(t){if(!this.containingElem||!this.alignTarget)return"none";let o=window.innerWidth,i=window.innerHeight,e=this.containingElem.scrollLeft||0,s=this.containingElem.scrollTop||0,r=this.bleed,n=this.containingElem.getBoundingClientRect(),l=this.alignTarget.getBoundingClientRect(),p=h=>{let f=0;switch(h){case"left":f=(r?0:n.left)-e-l.left+this.x;break;case"right":f=(r?o:n.right)-e-l.right-this.x;break;case"top":f=(r?0:n.top)-s-l.top+this.y;break;default:f=(r?i:n.bottom)-s-l.bottom-this.y;break}return Math.abs(f)},d=this.alignEdge,c=["top","bottom"].includes(d)?"height":"width";return[this.alignEdge,this.#p(this.alignEdge),this.#T(this.alignEdge),this.#p(this.#T(this.alignEdge))].find(h=>{let f=p(h);return t[c]<=f})||"none"}#L(t){this.style.left=`${t.x}px`,this.style.top=`${t.y}px`}correct3dMatrix(){if(!this.container||this.positionStyle!=="viewport")return;this.#E();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()})`}#E(){this.container?.style.removeProperty("transform")}#N(t,o,i){let e=V(o||t.getBoundingClientRect()),s=!1,r=!1,n=l=>{let p,d;if(l&&!s){if(l.toString()==="[object ShadowRoot]"&&(l=l.host),l instanceof HTMLElement||l instanceof SVGElement){p=getComputedStyle(l),d=l.getBoundingClientRect();let c=i||l;r||(c.scrollLeft!==0&&(e.x-=c.scrollLeft,r=!0),c.scrollTop!==0&&(e.y-=c.scrollTop,r=!0)),p.position==="relative"&&(e.x-=d.x,e.y-=d.y,s=!0)}l.parentNode&&n(l.parentNode)}};return n(t),e}placeArrow(t){let o=t||this.arrow,i=this.arrowEl,e=this.alignTarget,s=this.arrowTarget;if(o==="none"||!e||!s||!i){i&&(i.hidden=!0);return}i.removeAttribute("hidden"),i.style.marginLeft="",i.style.marginTop="";let r=i.getBoundingClientRect(),n=e.getBoundingClientRect(),l=s.getBoundingClientRect(),p={},d=o==="right"||o==="left"?"marginTop":"marginLeft",c=!1,g=0,w=0,h;(o==="left"||o==="right")&&(g=l.top+l.height/2,w=r.top+r.height/2,h=g-w,p.top=r.top+h,p.bottom=r.bottom+h,(p.top<=n.top||p.bottom>=n.bottom)&&(c=!0)),(o==="top"||o==="bottom")&&(g=l.left+l.width/2,w=r.left+r.width/2,h=g-w,p.left=r.left+h,p.right=r.right+h,(p.left<=n.left||p.right>=n.right)&&(c=!0)),h=Math.ceil(h),c&&(i.hidden=!0),i.style[d]=`${h}px`}set height(t){let o=P(t);this.height!==o&&(o.length?(this.container?.style.setProperty("height",o),this.setAttribute(a.HEIGHT,o)):(this.container?.style.removeProperty("height"),this.removeAttribute(a.HEIGHT)))}get height(){return this.container?.style.height||""}set width(t){let o=P(t);this.width!==o&&(o.length?(this.container?.style.setProperty("width",o),this.setAttribute(a.WIDTH,o)):(this.container?.style.removeProperty("width"),this.removeAttribute(a.WIDTH)))}get width(){return this.container?.style.width??""}};E=O([z("ids-popup"),G(W)],E);export{E as a};

package/chunks/ids-chunk-BHWNCZZL.js

@@ -0,0 +1,88 @@
+import{a as s}from"./ids-chunk-AZSONAF7.js";import{a as c}from"./ids-chunk-54WKNX4L.js";import{a as d}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-7JIYCFAW.js";import{e}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var u=`
+/* Ids Container Component */
+:host {
+  display: block;
+  contain: content;
+  height: 100vh;
+  width: 100vw;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+:host(:not([hidden])) {
+  display: block;
+}
+
+:host([animated][hidden]) {
+  animation: fadeOut var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+:host([animated]:not([hidden])) {
+  display: block;
+  animation: fadeIn var(--ids-motion-duration) var(--ids-motion-ease) forwards;
+}
+
+.ids-container {
+  background-color: var(--ids-color-background-default);
+  box-sizing: border-box;
+  color: var(--ids-color-text);
+  height: 100%;
+  outline: none;
+  overflow: auto;
+  padding: var(--ids-space-none);
+  scroll-behavior: smooth;
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+  width: 100%;
+}
+.ids-container.color-variant-alternate {
+  background-color: var(--ids-color-text-default);
+  color: var(--ids-color-text-inverse);
+}
+.ids-container[scrollable=false] {
+  overflow: hidden;
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu)::part(container) {
+    margin-bottom: var(--ids-space-none);
+    transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@media (min-width: 840px) {
+  :host(.app-menu-is-open)::part(container) {
+    margin-inline-start: 300px;
+    width: calc(100% - 300px);
+    transition: width var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease);
+  }
+}
+
+@keyframes fadeIn {
+  0% {
+    display: none;
+    opacity: 0;
+  }
+  1% {
+    display: block;
+  }
+  100% {
+    display: block;
+    opacity: 1;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    display: block;
+    opacity: 1;
+  }
+  99% {
+    display: block;
+  }
+  100% {
+    display: none;
+    opacity: 0;
+  }
+}`;var m=s(c(d(l))),i=class extends m{constructor(){super()}connectedCallback(){super.connectedCallback(),this.reset&&this.#t(),this.onEvent("load.container",window,()=>{this.removeAttribute("hidden"),this.offEvent("load.container",window)}),document.readyState==="complete"&&this.removeAttribute("hidden"),this.container?.style.setProperty("padding",`${this.padding}px`),this.backgroundColor&&(this.backgroundColor=this.getAttribute("background-color")||"")}disconnectedCallback(){this.localeAPI.removeLangAttribute(),super.disconnectedCallback()}static get attributes(){return[...super.attributes,t.BACKGROUND_COLOR,t.LANGUAGE,t.LOCALE,t.PADDING,t.RESET,t.SCROLLABLE]}template(){return`<div class="ids-container" part="container"${this.scrollable==="true"?' tabindex="0"':""}><slot></slot></div>`}colorVariants=["alternate"];set padding(o){this.container&&(this.container.style.padding=`${o}px`),this.setAttribute(t.PADDING,o.toString())}get padding(){return this.getAttribute(t.PADDING)}set scrollable(o){if(e(o)){this.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute(t.SCROLLABLE,"true"),this.container?.setAttribute("tabindex","0");return}this.setAttribute(t.SCROLLABLE,"false"),this.container?.setAttribute(t.SCROLLABLE,"false"),this.container?.removeAttribute("tabindex")}get scrollable(){return this.getAttribute(t.SCROLLABLE)||"true"}#t(){document.querySelector("body")?.style.setProperty("margin","0")}set reset(o){if(e(o)){this.#t();return}this.removeAttribute(t.RESET),document.querySelector("body")?.style.setProperty("margin","")}get reset(){return this.getAttribute(t.RESET)||"true"}set backgroundColor(o){if(o){this.container?.style.setProperty("background-color",`var(${o})`);return}this.container?.style.setProperty("background-color","")}get backgroundColor(){return this.getAttribute(t.BACKGROUND_COLOR)||"true"}};i=r([n("ids-container"),a(u)],i);export{i as a};