@ctrliq/quantic-components 1.61.2 → 1.61.4

package/dist/quantic-components.min.js

@@ -34393,16 +34393,14 @@ function Ki({context:e}){return(t,i)=>{const n=new WeakMap;if("object"==typeof i
     }
 
     .backdrop--subtle {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.5
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.7
       );
     }
 
     .backdrop--opaque {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.95
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.8
       );
       backdrop-filter: blur(4px);
     }
@@ -34496,7 +34494,7 @@ var dn=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
     * focus-trap 7.6.6
     * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
     */
-function jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}function zn(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Hn(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function Tn(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Hn(Object(i),!0).forEach(function(t){zn(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Hn(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function Dn(e){return function(e){if(Array.isArray(e))return jn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return jn(e,t);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?jn(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Vn=function(e,t){if(e.length>0){var i=e[e.length-1];i!==t&&i._setPausedState(!0)}var n=e.indexOf(t);-1===n||e.splice(n,1),e.push(t)},Fn=function(e,t){var i=e.indexOf(t);-1!==i&&e.splice(i,1),e.length>0&&!e[e.length-1]._isManuallyPaused()&&e[e.length-1]._setPausedState(!1)},Rn=function(e){return"Tab"===(null==e?void 0:e.key)||9===(null==e?void 0:e.keyCode)},On=function(e){return Rn(e)&&!e.shiftKey},$n=function(e){return Rn(e)&&e.shiftKey},_n=function(e){return setTimeout(e,0)},En=function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(void 0,i):e},Un=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},Zn=[],Gn=function(e,t){var i,n=(null==t?void 0:t.document)||document,o=(null==t?void 0:t.trapStack)||Zn,s=Tn({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:On,isKeyBackward:$n},t),c={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},r=function(e,t,i){return e&&void 0!==e[t]?e[t]:s[i||t]},l=function(e,t){var i="function"==typeof(null==t?void 0:t.composedPath)?t.composedPath():void 0;return c.containerGroups.findIndex(function(t){var n=t.container,o=t.tabbableNodes;return n.contains(e)||(null==i?void 0:i.includes(n))||o.find(function(t){return t===e})})},a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.hasFallback,o=void 0!==i&&i,c=t.params,r=void 0===c?[]:c,l=s[e];if("function"==typeof l&&(l=l.apply(void 0,Dn(r))),!0===l&&(l=void 0),!l){if(void 0===l||!1===l)return l;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var a=l;if("string"==typeof l){try{a=n.querySelector(l)}catch(t){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(t.message,'"'))}if(!a&&!o)throw new Error("`".concat(e,"` as selector refers to no known node"))}return a},d=function(){var e=a("initialFocus",{hasFallback:!0});if(!1===e)return!1;if(void 0===e||e&&!Pn(e,s.tabbableOptions))if(l(n.activeElement)>=0)e=n.activeElement;else{var t=c.tabbableGroups[0];e=t&&t.firstTabbableNode||a("fallbackFocus")}else null===e&&(e=a("fallbackFocus"));if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},u=function(){if(c.containerGroups=c.containers.map(function(e){var t=function(e,t){var i;return i=(t=t||{}).getShadowRoot?mn([e],t.includeContainer,{filter:Mn.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:qn}):wn(e,t.includeContainer,Mn.bind(null,t)),Sn(i)}(e,s.tabbableOptions),i=function(e,t){return(t=t||{}).getShadowRoot?mn([e],t.includeContainer,{filter:bn.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):wn(e,t.includeContainer,bn.bind(null,t))}(e,s.tabbableOptions),n=t.length>0?t[0]:void 0,o=t.length>0?t[t.length-1]:void 0,c=i.find(function(e){return Bn(e)}),r=i.slice().reverse().find(function(e){return Bn(e)}),l=!!t.find(function(e){return xn(e)>0});return{container:e,tabbableNodes:t,focusableNodes:i,posTabIndexesFound:l,firstTabbableNode:n,lastTabbableNode:o,firstDomTabbableNode:c,lastDomTabbableNode:r,nextTabbableNode:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=t.indexOf(e);return o<0?n?i.slice(i.indexOf(e)+1).find(function(e){return Bn(e)}):i.slice(0,i.indexOf(e)).reverse().find(function(e){return Bn(e)}):t[o+(n?1:-1)]}}}),c.tabbableGroups=c.containerGroups.filter(function(e){return e.tabbableNodes.length>0}),c.tabbableGroups.length<=0&&!a("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(c.containerGroups.find(function(e){return e.posTabIndexesFound})&&c.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},h=function(e){var t=e.activeElement;if(t)return t.shadowRoot&&null!==t.shadowRoot.activeElement?h(t.shadowRoot):t},p=function(e){!1!==e&&e!==h(document)&&(e&&e.focus?(e.focus({preventScroll:!!s.preventScroll}),c.mostRecentlyFocusedNode=e,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(e)&&e.select()):p(d()))},g=function(e){var t=a("setReturnFocus",{params:[e]});return t||!1!==t&&e},v=function(e){var t=e.target,i=e.event,n=e.isBackward,o=void 0!==n&&n;t=t||Un(i),u();var r=null;if(c.tabbableGroups.length>0){var d=l(t,i),h=d>=0?c.containerGroups[d]:void 0;if(d<0)r=o?c.tabbableGroups[c.tabbableGroups.length-1].lastTabbableNode:c.tabbableGroups[0].firstTabbableNode;else if(o){var p=c.tabbableGroups.findIndex(function(e){var i=e.firstTabbableNode;return t===i});if(p<0&&(h.container===t||Pn(t,s.tabbableOptions)&&!Bn(t,s.tabbableOptions)&&!h.nextTabbableNode(t,!1))&&(p=d),p>=0){var g=0===p?c.tabbableGroups.length-1:p-1,v=c.tabbableGroups[g];r=xn(t)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else Rn(i)||(r=h.nextTabbableNode(t,!1))}else{var w=c.tabbableGroups.findIndex(function(e){var i=e.lastTabbableNode;return t===i});if(w<0&&(h.container===t||Pn(t,s.tabbableOptions)&&!Bn(t,s.tabbableOptions)&&!h.nextTabbableNode(t))&&(w=d),w>=0){var m=w===c.tabbableGroups.length-1?0:w+1,k=c.tabbableGroups[m];r=xn(t)>=0?k.firstTabbableNode:k.firstDomTabbableNode}else Rn(i)||(r=h.nextTabbableNode(t))}}else r=a("fallbackFocus");return r},w=function(e){var t=Un(e);l(t,e)>=0||(En(s.clickOutsideDeactivates,e)?i.deactivate({returnFocus:s.returnFocusOnDeactivate}):En(s.allowOutsideClick,e)||e.preventDefault())},m=function(e){var t=Un(e),i=l(t,e)>=0;if(i||t instanceof Document)i&&(c.mostRecentlyFocusedNode=t);else{var n;e.stopImmediatePropagation();var o=!0;if(c.mostRecentlyFocusedNode)if(xn(c.mostRecentlyFocusedNode)>0){var r=l(c.mostRecentlyFocusedNode),a=c.containerGroups[r].tabbableNodes;if(a.length>0){var u=a.findIndex(function(e){return e===c.mostRecentlyFocusedNode});u>=0&&(s.isKeyForward(c.recentNavEvent)?u+1<a.length&&(n=a[u+1],o=!1):u-1>=0&&(n=a[u-1],o=!1))}}else c.containerGroups.some(function(e){return e.tabbableNodes.some(function(e){return xn(e)>0})})||(o=!1);else o=!1;o&&(n=v({target:c.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(c.recentNavEvent)})),p(n||(c.mostRecentlyFocusedNode||d()))}c.recentNavEvent=void 0},k=function(e){(s.isKeyForward(e)||s.isKeyBackward(e))&&function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];c.recentNavEvent=e;var i=v({event:e,isBackward:t});i&&(Rn(e)&&e.preventDefault(),p(i))}(e,s.isKeyBackward(e))},x=function(e){(function(e){return"Escape"===(null==e?void 0:e.key)||"Esc"===(null==e?void 0:e.key)||27===(null==e?void 0:e.keyCode)})(e)&&!1!==En(s.escapeDeactivates,e)&&(e.preventDefault(),i.deactivate())},y=function(e){var t=Un(e);l(t,e)>=0||En(s.clickOutsideDeactivates,e)||En(s.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},L=function(){if(c.active)return Vn(o,i),c.delayInitialFocusTimer=s.delayInitialFocus?_n(function(){p(d())}):p(d()),n.addEventListener("focusin",m,!0),n.addEventListener("mousedown",w,{capture:!0,passive:!1}),n.addEventListener("touchstart",w,{capture:!0,passive:!1}),n.addEventListener("click",y,{capture:!0,passive:!1}),n.addEventListener("keydown",k,{capture:!0,passive:!1}),n.addEventListener("keydown",x),i},I=function(){if(c.active)return n.removeEventListener("focusin",m,!0),n.removeEventListener("mousedown",w,!0),n.removeEventListener("touchstart",w,!0),n.removeEventListener("click",y,!0),n.removeEventListener("keydown",k,!0),n.removeEventListener("keydown",x),i},f="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver(function(e){e.some(function(e){return Array.from(e.removedNodes).some(function(e){return e===c.mostRecentlyFocusedNode})})&&p(d())}):void 0,C=function(){f&&(f.disconnect(),c.active&&!c.paused&&c.containers.map(function(e){f.observe(e,{subtree:!0,childList:!0})}))};return i={get active(){return c.active},get paused(){return c.paused},activate:function(e){if(c.active)return this;var t=r(e,"onActivate"),i=r(e,"onPostActivate"),o=r(e,"checkCanFocusTrap");o||u(),c.active=!0,c.paused=!1,c.nodeFocusedBeforeActivation=h(n),null==t||t();var s=function(){o&&u(),L(),C(),null==i||i()};return o?(o(c.containers.concat()).then(s,s),this):(s(),this)},deactivate:function(e){if(!c.active)return this;var t=Tn({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},e);clearTimeout(c.delayInitialFocusTimer),c.delayInitialFocusTimer=void 0,I(),c.active=!1,c.paused=!1,C(),Fn(o,i);var n=r(t,"onDeactivate"),l=r(t,"onPostDeactivate"),a=r(t,"checkCanReturnFocus"),d=r(t,"returnFocus","returnFocusOnDeactivate");null==n||n();var u=function(){_n(function(){d&&p(g(c.nodeFocusedBeforeActivation)),null==l||l()})};return d&&a?(a(g(c.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(e){return c.active?(c.manuallyPaused=!0,this._setPausedState(!0,e)):this},unpause:function(e){return c.active?(c.manuallyPaused=!1,o[o.length-1]!==this?this:this._setPausedState(!1,e)):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return c.containers=t.map(function(e){return"string"==typeof e?n.querySelector(e):e}),c.active&&u(),C(),this}},Object.defineProperties(i,{_isManuallyPaused:{value:function(){return c.manuallyPaused}},_setPausedState:{value:function(e,t){if(c.paused===e)return this;if(c.paused=e,e){var i=r(t,"onPause"),n=r(t,"onPostPause");null==i||i(),I(),C(),null==n||n()}else{var o=r(t,"onUnpause"),s=r(t,"onPostUnpause");null==o||o(),u(),L(),C(),null==s||s()}return this}}}),i.updateContainerElements(e),i};e.Dialog=class extends(Me(fe)){constructor(){super(...arguments),this.open=!1,this.size=rn.Medium,this.showCloseButton=!0,this.backdrop=ln.Opaque,this.persistent=!1,this.role=an.Dialog,this.ariaLabel=null,this.dialogId=Ri("dialog"),this.headerId=Ri("dialog-title"),this.originalOverflow="",this.originalPaddingRight="",this.handleTriggerClick=()=>{this.show()},this.handleEscape=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.persistent||this.hide())},this.handleBackdropClick=e=>{this.persistent||e.target===this.wrapperElement&&this.hide()},this.hide=async()=>{if(!this.open||this.persistent)return;const e=new Event("before-close",{cancelable:!0,bubbles:!0,composed:!0});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}}connectedCallback(){super.connectedCallback(),this.addEventListener("dialog-close",this.hide),this.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){if(super.disconnectedCallback(),this.removeEventListener("dialog-close",this.hide),this.removeEventListener("keydown",this.handleEscape),this.unlockBodyScroll(),this.focusTrap)try{this.focusTrap.deactivate()}catch(e){console.error("Failed to deactivate focus trap:",e)}finally{this.focusTrap=null}}updated(e){super.updated(e),e.has("open")&&(this.open?this._activate():e.get("open")&&this._deactivate())}get triggerElement(){return this.triggerSlot?.assignedElements({flatten:!0})[0]}get hasHeaderContent(){return this.headerSlot?.assignedNodes({flatten:!0}).some(e=>e.nodeType!==Node.TEXT_NODE||e.textContent?.trim())??!1}handleSlotChange(){const e=this.triggerElement;e&&(e.setAttribute("aria-controls",this.dialogId),e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-expanded",this.open?"true":"false"))}lockBodyScroll(){if("undefined"==typeof document)return;const e=window.innerWidth-document.documentElement.clientWidth;this.originalOverflow=document.body.style.overflow,this.originalPaddingRight=document.body.style.paddingRight,document.body.style.overflow="hidden",e>0&&(document.body.style.paddingRight=`${e}px`)}unlockBodyScroll(){"undefined"!=typeof document&&(document.body.style.overflow=this.originalOverflow,document.body.style.paddingRight=this.originalPaddingRight)}updateTriggerAria(){const e=this.triggerElement;e&&e.setAttribute("aria-expanded",this.open?"true":"false")}async waitForDialogRender(){await this.updateComplete,await new Promise(e=>{const t=()=>{this.wrapperElement?.removeEventListener("transitionend",t),e()};this.wrapperElement?.addEventListener("transitionend",t),setTimeout(t,500)})}async show(){if(this.open)return;const e=new Event("before-open",{cancelable:!0,bubbles:!0,composed:!0});this.dispatchEvent(e),e.defaultPrevented||(this.open=!0)}async toggle(){this.open?await this.hide():await this.show()}async _activate(){if(this.updateTriggerAria(),this.lockBodyScroll(),this.backdropElement&&(await this.backdropElement.updateComplete,this.backdropElement.visible=!0),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:!0},bubbles:!0,composed:!0})),await this.updateComplete,this.mainElement)try{this.focusTrap=Gn(this.mainElement,{escapeDeactivates:!1,clickOutsideDeactivates:!1,allowOutsideClick:!0,returnFocusOnDeactivate:!0,fallbackFocus:this.mainElement,tabbableOptions:{getShadowRoot:!0}}),this.focusTrap.activate()}catch(e){console.error("Failed to activate focus trap:",e),this.focusTrap=null}await this.waitForDialogRender(),this.dispatchEvent(new Event("after-open",{bubbles:!0,composed:!0}))}async _deactivate(){if(this.updateTriggerAria(),this.focusTrap)try{this.focusTrap.deactivate()}catch(e){console.error("Failed to deactivate focus trap:",e)}finally{this.focusTrap=null}this.backdropElement&&(this.backdropElement.visible=!1),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:!1},bubbles:!0,composed:!0})),await this.waitForDialogRender(),this.unlockBodyScroll(),this.dispatchEvent(new Event("after-close",{bubbles:!0,composed:!0}))}render(){return Z`
+function jn(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}function zn(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Hn(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}return i}function Tn(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Hn(Object(i),!0).forEach(function(t){zn(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Hn(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}function Dn(e){return function(e){if(Array.isArray(e))return jn(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return jn(e,t);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?jn(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Vn=function(e,t){if(e.length>0){var i=e[e.length-1];i!==t&&i._setPausedState(!0)}var n=e.indexOf(t);-1===n||e.splice(n,1),e.push(t)},Fn=function(e,t){var i=e.indexOf(t);-1!==i&&e.splice(i,1),e.length>0&&!e[e.length-1]._isManuallyPaused()&&e[e.length-1]._setPausedState(!1)},Rn=function(e){return"Tab"===(null==e?void 0:e.key)||9===(null==e?void 0:e.keyCode)},On=function(e){return Rn(e)&&!e.shiftKey},$n=function(e){return Rn(e)&&e.shiftKey},_n=function(e){return setTimeout(e,0)},En=function(e){for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return"function"==typeof e?e.apply(void 0,i):e},Un=function(e){return e.target.shadowRoot&&"function"==typeof e.composedPath?e.composedPath()[0]:e.target},Zn=[],Gn=function(e,t){var i,n=(null==t?void 0:t.document)||document,o=(null==t?void 0:t.trapStack)||Zn,s=Tn({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:On,isKeyBackward:$n},t),c={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},r=function(e,t,i){return e&&void 0!==e[t]?e[t]:s[i||t]},l=function(e,t){var i="function"==typeof(null==t?void 0:t.composedPath)?t.composedPath():void 0;return c.containerGroups.findIndex(function(t){var n=t.container,o=t.tabbableNodes;return n.contains(e)||(null==i?void 0:i.includes(n))||o.find(function(t){return t===e})})},a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.hasFallback,o=void 0!==i&&i,c=t.params,r=void 0===c?[]:c,l=s[e];if("function"==typeof l&&(l=l.apply(void 0,Dn(r))),!0===l&&(l=void 0),!l){if(void 0===l||!1===l)return l;throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var a=l;if("string"==typeof l){try{a=n.querySelector(l)}catch(t){throw new Error("`".concat(e,'` appears to be an invalid selector; error="').concat(t.message,'"'))}if(!a&&!o)throw new Error("`".concat(e,"` as selector refers to no known node"))}return a},d=function(){var e=a("initialFocus",{hasFallback:!0});if(!1===e)return!1;if(void 0===e||e&&!Pn(e,s.tabbableOptions))if(l(n.activeElement)>=0)e=n.activeElement;else{var t=c.tabbableGroups[0];e=t&&t.firstTabbableNode||a("fallbackFocus")}else null===e&&(e=a("fallbackFocus"));if(!e)throw new Error("Your focus-trap needs to have at least one focusable element");return e},u=function(){if(c.containerGroups=c.containers.map(function(e){var t=function(e,t){var i;return i=(t=t||{}).getShadowRoot?mn([e],t.includeContainer,{filter:Mn.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:qn}):wn(e,t.includeContainer,Mn.bind(null,t)),Sn(i)}(e,s.tabbableOptions),i=function(e,t){return(t=t||{}).getShadowRoot?mn([e],t.includeContainer,{filter:bn.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):wn(e,t.includeContainer,bn.bind(null,t))}(e,s.tabbableOptions),n=t.length>0?t[0]:void 0,o=t.length>0?t[t.length-1]:void 0,c=i.find(function(e){return Bn(e)}),r=i.slice().reverse().find(function(e){return Bn(e)}),l=!!t.find(function(e){return xn(e)>0});return{container:e,tabbableNodes:t,focusableNodes:i,posTabIndexesFound:l,firstTabbableNode:n,lastTabbableNode:o,firstDomTabbableNode:c,lastDomTabbableNode:r,nextTabbableNode:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=t.indexOf(e);return o<0?n?i.slice(i.indexOf(e)+1).find(function(e){return Bn(e)}):i.slice(0,i.indexOf(e)).reverse().find(function(e){return Bn(e)}):t[o+(n?1:-1)]}}}),c.tabbableGroups=c.containerGroups.filter(function(e){return e.tabbableNodes.length>0}),c.tabbableGroups.length<=0&&!a("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(c.containerGroups.find(function(e){return e.posTabIndexesFound})&&c.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},h=function(e){var t=e.activeElement;if(t)return t.shadowRoot&&null!==t.shadowRoot.activeElement?h(t.shadowRoot):t},p=function(e){!1!==e&&e!==h(document)&&(e&&e.focus?(e.focus({preventScroll:!!s.preventScroll}),c.mostRecentlyFocusedNode=e,function(e){return e.tagName&&"input"===e.tagName.toLowerCase()&&"function"==typeof e.select}(e)&&e.select()):p(d()))},g=function(e){var t=a("setReturnFocus",{params:[e]});return t||!1!==t&&e},v=function(e){var t=e.target,i=e.event,n=e.isBackward,o=void 0!==n&&n;t=t||Un(i),u();var r=null;if(c.tabbableGroups.length>0){var d=l(t,i),h=d>=0?c.containerGroups[d]:void 0;if(d<0)r=o?c.tabbableGroups[c.tabbableGroups.length-1].lastTabbableNode:c.tabbableGroups[0].firstTabbableNode;else if(o){var p=c.tabbableGroups.findIndex(function(e){var i=e.firstTabbableNode;return t===i});if(p<0&&(h.container===t||Pn(t,s.tabbableOptions)&&!Bn(t,s.tabbableOptions)&&!h.nextTabbableNode(t,!1))&&(p=d),p>=0){var g=0===p?c.tabbableGroups.length-1:p-1,v=c.tabbableGroups[g];r=xn(t)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else Rn(i)||(r=h.nextTabbableNode(t,!1))}else{var w=c.tabbableGroups.findIndex(function(e){var i=e.lastTabbableNode;return t===i});if(w<0&&(h.container===t||Pn(t,s.tabbableOptions)&&!Bn(t,s.tabbableOptions)&&!h.nextTabbableNode(t))&&(w=d),w>=0){var m=w===c.tabbableGroups.length-1?0:w+1,k=c.tabbableGroups[m];r=xn(t)>=0?k.firstTabbableNode:k.firstDomTabbableNode}else Rn(i)||(r=h.nextTabbableNode(t))}}else r=a("fallbackFocus");return r},w=function(e){var t=Un(e);l(t,e)>=0||(En(s.clickOutsideDeactivates,e)?i.deactivate({returnFocus:s.returnFocusOnDeactivate}):En(s.allowOutsideClick,e)||e.preventDefault())},m=function(e){var t=Un(e),i=l(t,e)>=0;if(i||t instanceof Document)i&&(c.mostRecentlyFocusedNode=t);else{var n;e.stopImmediatePropagation();var o=!0;if(c.mostRecentlyFocusedNode)if(xn(c.mostRecentlyFocusedNode)>0){var r=l(c.mostRecentlyFocusedNode),a=c.containerGroups[r].tabbableNodes;if(a.length>0){var u=a.findIndex(function(e){return e===c.mostRecentlyFocusedNode});u>=0&&(s.isKeyForward(c.recentNavEvent)?u+1<a.length&&(n=a[u+1],o=!1):u-1>=0&&(n=a[u-1],o=!1))}}else c.containerGroups.some(function(e){return e.tabbableNodes.some(function(e){return xn(e)>0})})||(o=!1);else o=!1;o&&(n=v({target:c.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(c.recentNavEvent)})),p(n||(c.mostRecentlyFocusedNode||d()))}c.recentNavEvent=void 0},k=function(e){(s.isKeyForward(e)||s.isKeyBackward(e))&&function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];c.recentNavEvent=e;var i=v({event:e,isBackward:t});i&&(Rn(e)&&e.preventDefault(),p(i))}(e,s.isKeyBackward(e))},x=function(e){(function(e){return"Escape"===(null==e?void 0:e.key)||"Esc"===(null==e?void 0:e.key)||27===(null==e?void 0:e.keyCode)})(e)&&!1!==En(s.escapeDeactivates,e)&&(e.preventDefault(),i.deactivate())},y=function(e){var t=Un(e);l(t,e)>=0||En(s.clickOutsideDeactivates,e)||En(s.allowOutsideClick,e)||(e.preventDefault(),e.stopImmediatePropagation())},L=function(){if(c.active)return Vn(o,i),c.delayInitialFocusTimer=s.delayInitialFocus?_n(function(){p(d())}):p(d()),n.addEventListener("focusin",m,!0),n.addEventListener("mousedown",w,{capture:!0,passive:!1}),n.addEventListener("touchstart",w,{capture:!0,passive:!1}),n.addEventListener("click",y,{capture:!0,passive:!1}),n.addEventListener("keydown",k,{capture:!0,passive:!1}),n.addEventListener("keydown",x),i},I=function(){if(c.active)return n.removeEventListener("focusin",m,!0),n.removeEventListener("mousedown",w,!0),n.removeEventListener("touchstart",w,!0),n.removeEventListener("click",y,!0),n.removeEventListener("keydown",k,!0),n.removeEventListener("keydown",x),i},f="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver(function(e){e.some(function(e){return Array.from(e.removedNodes).some(function(e){return e===c.mostRecentlyFocusedNode})})&&p(d())}):void 0,C=function(){f&&(f.disconnect(),c.active&&!c.paused&&c.containers.map(function(e){f.observe(e,{subtree:!0,childList:!0})}))};return i={get active(){return c.active},get paused(){return c.paused},activate:function(e){if(c.active)return this;var t=r(e,"onActivate"),i=r(e,"onPostActivate"),o=r(e,"checkCanFocusTrap");o||u(),c.active=!0,c.paused=!1,c.nodeFocusedBeforeActivation=h(n),null==t||t();var s=function(){o&&u(),L(),C(),null==i||i()};return o?(o(c.containers.concat()).then(s,s),this):(s(),this)},deactivate:function(e){if(!c.active)return this;var t=Tn({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},e);clearTimeout(c.delayInitialFocusTimer),c.delayInitialFocusTimer=void 0,I(),c.active=!1,c.paused=!1,C(),Fn(o,i);var n=r(t,"onDeactivate"),l=r(t,"onPostDeactivate"),a=r(t,"checkCanReturnFocus"),d=r(t,"returnFocus","returnFocusOnDeactivate");null==n||n();var u=function(){_n(function(){d&&p(g(c.nodeFocusedBeforeActivation)),null==l||l()})};return d&&a?(a(g(c.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(e){return c.active?(c.manuallyPaused=!0,this._setPausedState(!0,e)):this},unpause:function(e){return c.active?(c.manuallyPaused=!1,o[o.length-1]!==this?this:this._setPausedState(!1,e)):this},updateContainerElements:function(e){var t=[].concat(e).filter(Boolean);return c.containers=t.map(function(e){return"string"==typeof e?n.querySelector(e):e}),c.active&&u(),C(),this}},Object.defineProperties(i,{_isManuallyPaused:{value:function(){return c.manuallyPaused}},_setPausedState:{value:function(e,t){if(c.paused===e)return this;if(c.paused=e,e){var i=r(t,"onPause"),n=r(t,"onPostPause");null==i||i(),I(),C(),null==n||n()}else{var o=r(t,"onUnpause"),s=r(t,"onPostUnpause");null==o||o(),u(),L(),C(),null==s||s()}return this}}}),i.updateContainerElements(e),i};e.DialogBackdropElement.ensureDefined(),e.Button.ensureDefined(),e.LucideIconX.ensureDefined(),e.Dialog=class extends(Me(fe)){constructor(){super(...arguments),this.open=!1,this.size=rn.Medium,this.showCloseButton=!0,this.backdrop=ln.Opaque,this.persistent=!1,this.role=an.Dialog,this.ariaLabel=null,this.dialogId=Ri("dialog"),this.headerId=Ri("dialog-title"),this.originalOverflow="",this.originalPaddingRight="",this.handleTriggerClick=()=>{this.show()},this.handleEscape=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.persistent||this.hide())},this.handleBackdropClick=e=>{this.persistent||e.target===this.wrapperElement&&this.hide()},this.hide=async()=>{if(!this.open||this.persistent)return;const e=new Event("before-close",{cancelable:!0,bubbles:!0,composed:!0});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}}connectedCallback(){super.connectedCallback(),this.addEventListener("dialog-close",this.hide),this.addEventListener("keydown",this.handleEscape)}disconnectedCallback(){if(super.disconnectedCallback(),this.removeEventListener("dialog-close",this.hide),this.removeEventListener("keydown",this.handleEscape),this.unlockBodyScroll(),this.focusTrap)try{this.focusTrap.deactivate()}catch(e){console.error("Failed to deactivate focus trap:",e)}finally{this.focusTrap=null}}updated(e){super.updated(e),e.has("open")&&(this.open?this._activate():e.get("open")&&this._deactivate())}get triggerElement(){return this.triggerSlot?.assignedElements({flatten:!0})[0]}get hasHeaderContent(){return this.headerSlot?.assignedNodes({flatten:!0}).some(e=>e.nodeType!==Node.TEXT_NODE||e.textContent?.trim())??!1}handleSlotChange(){const e=this.triggerElement;e&&(e.setAttribute("aria-controls",this.dialogId),e.setAttribute("aria-haspopup","dialog"),e.setAttribute("aria-expanded",this.open?"true":"false"))}lockBodyScroll(){if("undefined"==typeof document)return;const e=window.innerWidth-document.documentElement.clientWidth;this.originalOverflow=document.body.style.overflow,this.originalPaddingRight=document.body.style.paddingRight,document.body.style.overflow="hidden",e>0&&(document.body.style.paddingRight=`${e}px`)}unlockBodyScroll(){"undefined"!=typeof document&&(document.body.style.overflow=this.originalOverflow,document.body.style.paddingRight=this.originalPaddingRight)}updateTriggerAria(){const e=this.triggerElement;e&&e.setAttribute("aria-expanded",this.open?"true":"false")}async waitForDialogRender(){await this.updateComplete,await new Promise(e=>{const t=()=>{this.wrapperElement?.removeEventListener("transitionend",t),e()};this.wrapperElement?.addEventListener("transitionend",t),setTimeout(t,500)})}async show(){if(this.open)return;const e=new Event("before-open",{cancelable:!0,bubbles:!0,composed:!0});this.dispatchEvent(e),e.defaultPrevented||(this.open=!0)}async toggle(){this.open?await this.hide():await this.show()}async _activate(){if(this.updateTriggerAria(),this.lockBodyScroll(),this.backdropElement&&(await this.backdropElement.updateComplete,this.backdropElement.visible=!0),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:!0},bubbles:!0,composed:!0})),await this.updateComplete,this.mainElement)try{this.focusTrap=Gn(this.mainElement,{escapeDeactivates:!1,clickOutsideDeactivates:!1,allowOutsideClick:!0,returnFocusOnDeactivate:!0,fallbackFocus:this.mainElement,tabbableOptions:{getShadowRoot:!0}}),this.focusTrap.activate()}catch(e){console.error("Failed to activate focus trap:",e),this.focusTrap=null}await this.waitForDialogRender(),this.dispatchEvent(new Event("after-open",{bubbles:!0,composed:!0}))}async _deactivate(){if(this.updateTriggerAria(),this.focusTrap)try{this.focusTrap.deactivate()}catch(e){console.error("Failed to deactivate focus trap:",e)}finally{this.focusTrap=null}this.backdropElement&&(this.backdropElement.visible=!1),this.dispatchEvent(new CustomEvent("open-changed",{detail:{open:!1},bubbles:!0,composed:!0})),await this.waitForDialogRender(),this.unlockBodyScroll(),this.dispatchEvent(new Event("after-close",{bubbles:!0,composed:!0}))}render(){return Z`
       <div class="trigger" @click=${this.handleTriggerClick}>
         <slot name="trigger" @slotchange=${this.handleSlotChange}></slot>
       </div>
@@ -37651,6 +37649,21 @@ const Jn="important",Qn=" !"+Jn,Yn=Fe(class extends Re{constructor(e){if(super(e
       box-sizing: border-box;
       overflow-x: hidden;
       overflow-y: auto;
+      scrollbar-width: thin;
+      scrollbar-color: var(--quantic-border-secondary) transparent;
+    }
+
+    .main::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    .main::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    .main::-webkit-scrollbar-thumb {
+      background: var(--quantic-border-secondary);
+      border-radius: var(--quantic-radius-full);
     }
 
     .main:not(.is-aside-expanded) .main {