softui-css 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
1
  /*! SoftUI v1.1.0 — Interactive Behaviors */
2
- const SoftUI=(()=>{function e(e){return e<10?"0"+e:""+e}function t(e){return Array.from(e.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))}function n(){document.addEventListener("keydown",e=>{if("Escape"===e.key){const e=document.querySelector(".sui-modal-backdrop.sui-modal-open");e&&(e.classList.remove("sui-modal-open"),document.body.style.overflow="");const t=document.querySelector(".sui-sheet-backdrop.sui-sheet-open");t&&!t.classList.contains("sui-sheet-static")&&(t.classList.remove("sui-sheet-open"),document.body.style.overflow="")}}),document.addEventListener("click",e=>{e.target.classList.contains("sui-modal-backdrop")&&e.target.classList.contains("sui-modal-open")&&(e.target.classList.contains("sui-modal-static")?(e.target.classList.add("sui-modal-shake"),setTimeout(()=>e.target.classList.remove("sui-modal-shake"),200)):(e.target.classList.remove("sui-modal-open"),document.body.style.overflow=""))}),document.addEventListener("keydown",e=>{if("Tab"!==e.key)return;const n=document.querySelector(".sui-modal-backdrop.sui-modal-open");if(!n)return;const o=n.querySelector(".sui-modal");if(!o)return;const s=t(o);if(0===s.length)return;const a=s[0],i=s[s.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),a.focus())}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-modal-close");if(!t)return;const n=t.closest(".sui-modal-backdrop");n&&(n.classList.remove("sui-modal-open"),document.body.style.overflow="")}),document.addEventListener("click",e=>{e.target.classList.contains("sui-sheet-backdrop")&&e.target.classList.contains("sui-sheet-open")&&(e.target.classList.contains("sui-sheet-static")?(e.target.classList.add("sui-sheet-shake"),setTimeout(()=>e.target.classList.remove("sui-sheet-shake"),200)):(e.target.classList.remove("sui-sheet-open"),document.body.style.overflow=""))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-sheet-close");if(!t)return;const n=t.closest(".sui-sheet-backdrop");n&&(n.classList.remove("sui-sheet-open"),document.body.style.overflow="")}),document.addEventListener("keydown",e=>{if("Tab"!==e.key)return;const n=document.querySelector(".sui-sheet-backdrop.sui-sheet-open");if(!n)return;const o=n.querySelector(".sui-sheet");if(!o)return;const s=t(o);if(0===s.length)return;const a=s[0],i=s[s.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),a.focus())}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-alert-close");if(!t)return;const n=t.closest(".sui-alert");n&&(n.style.opacity="0",n.style.transform="translateX(20px)",n.style.transition="opacity 0.3s ease, transform 0.3s ease",setTimeout(()=>n.remove(),300))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-chip-close");if(!t)return;const n=t.closest(".sui-chip");n&&(n.classList.add("sui-chip-removing"),setTimeout(()=>n.remove(),250))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-tab");if(!t)return;const n=t.closest(".sui-tab-list, .sui-tab-list-pill, .sui-tab-list-underlined, .sui-tab-list-boxed");if(!n)return;const o=n.closest(".sui-tabs");if(!o)return;n.querySelectorAll(".sui-tab").forEach(e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false")}),t.classList.add("active"),t.setAttribute("aria-selected","true");const s=t.getAttribute("data-sui-tab");if(s){o.querySelectorAll(".sui-tab-panel").forEach(e=>e.classList.remove("active"));const e=o.querySelector("#"+s);e&&e.classList.add("active")}}),document.querySelectorAll(".sui-accordion-item.active .sui-accordion-body").forEach(e=>{e.style.setProperty("--sui-accordion-height",e.scrollHeight+"px")}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-accordion-header");if(!t)return;const n=t.closest(".sui-accordion-item");if(!n)return;const o=n.closest(".sui-accordion"),s=n.classList.contains("active");if(o&&!o.hasAttribute("data-sui-multi")&&o.querySelectorAll(".sui-accordion-item.active").forEach(e=>{if(e!==n){e.classList.remove("active");const t=e.querySelector(".sui-accordion-header");t&&t.setAttribute("aria-expanded","false");const n=e.querySelector(".sui-accordion-body");n&&n.style.removeProperty("--sui-accordion-height")}}),s){n.classList.remove("active"),t.setAttribute("aria-expanded","false");const e=n.querySelector(".sui-accordion-body");e&&e.style.removeProperty("--sui-accordion-height")}else{const e=n.querySelector(".sui-accordion-body");e&&e.style.setProperty("--sui-accordion-height",e.scrollHeight+"px"),n.classList.add("active"),t.setAttribute("aria-expanded","true")}}),document.querySelectorAll(".sui-collapsible.open .sui-collapsible-content").forEach(function(e){e.style.setProperty("--sui-collapsible-height",e.scrollHeight+"px")}),document.addEventListener("click",function(e){var t=e.target.closest(".sui-collapsible-trigger");if(t){var n=t.closest(".sui-collapsible");if(n){var o=n.querySelector(".sui-collapsible-content");o&&(n.classList.contains("open")?(n.classList.remove("open"),t.setAttribute("aria-expanded","false"),o.style.removeProperty("--sui-collapsible-height")):(o.style.setProperty("--sui-collapsible-height",o.scrollHeight+"px"),n.classList.add("open"),t.setAttribute("aria-expanded","true")))}}}),document.addEventListener("click",e=>{const t=e.target.closest("[data-sui-dropdown], .sui-dropdown-toggle");if(t){const n=t.closest(".sui-dropdown, .sui-dropdown-split");if(!n)return;document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{if(e!==n){e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")}}),n.classList.toggle("open");const o=n.classList.contains("open");return t.setAttribute("aria-expanded",o?"true":"false"),void e.stopPropagation()}const n=e.target.closest(".sui-dropdown-item");if(n){const e=n.closest(".sui-dropdown, .sui-dropdown-split");if(e){e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")}return}document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")})}),document.addEventListener("keydown",e=>{"Escape"===e.key&&document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")})}),function(){var e=null;function t(){e&&(e.classList.remove("open"),e.querySelectorAll(".sui-context-sub.open").forEach(function(e){e.classList.remove("open")}),e=null)}function n(e,t,n){e.style.left="0px",e.style.top="0px",e.classList.add("open");var o=e.getBoundingClientRect(),s=window.innerWidth,a=window.innerHeight;t+o.width>s&&(t=s-o.width-4),n+o.height>a&&(n=a-o.height-4),t<0&&(t=4),n<0&&(n=4),e.style.left=t+"px",e.style.top=n+"px"}document.addEventListener("contextmenu",function(o){var s=o.target.closest("[data-sui-context]");if(s){o.preventDefault(),t();var a=s.getAttribute("data-sui-context"),i=document.getElementById(a);if(i){n(i,o.clientX,o.clientY),e=i;var r=i.querySelector(".sui-context-item:not(.disabled), .sui-context-sub-trigger");r&&r.focus()}}}),document.addEventListener("click",function(n){e&&!n.target.closest(".sui-context-menu")&&t()}),document.addEventListener("click",function(n){var o=n.target.closest(".sui-context-item");if(o&&e&&o.closest(".sui-context-menu"))if(o.hasAttribute("data-sui-context-check")){var s=o.querySelector(".sui-context-check");if(s){var a=""!==s.textContent.trim();s.textContent=a?"":"✓"}}else if(o.hasAttribute("data-sui-context-radio")){var i=o.getAttribute("data-sui-context-radio");e.querySelectorAll('[data-sui-context-radio="'+i+'"] .sui-context-check').forEach(function(e){e.textContent=""});var r=o.querySelector(".sui-context-check");r&&(r.textContent="•")}else o.classList.contains("disabled")||t()}),document.addEventListener("mouseenter",function(e){var t=e.target.closest&&e.target.closest(".sui-context-sub-trigger");if(t){var n=t.closest(".sui-context-sub");if(n){var o=n.parentElement;o&&o.querySelectorAll(":scope > .sui-context-sub.open").forEach(function(e){e!==n&&e.classList.remove("open")}),n.classList.add("open")}}},!0),document.addEventListener("mouseleave",function(e){var t=e.target.closest&&e.target.closest(".sui-context-sub");t&&setTimeout(function(){t.matches(":hover")||t.classList.remove("open")},100)},!0),document.addEventListener("keydown",function(n){"Escape"===n.key&&e&&((i=e.querySelector(".sui-context-sub.open"))?(i.classList.remove("open"),i.querySelector(".sui-context-sub-trigger").focus()):t());if(e){if("ArrowDown"===n.key||"ArrowUp"===n.key){n.preventDefault();var o=e.querySelector(".sui-context-sub.open > .sui-context-sub-content")||e,s=Array.from(o.querySelectorAll(":scope > .sui-context-item:not(.disabled), :scope > .sui-context-sub > .sui-context-sub-trigger"));if(0===s.length)return;var a=s.indexOf(document.activeElement);s[a="ArrowDown"===n.key?a<s.length-1?a+1:0:a>0?a-1:s.length-1].focus()}var i,r;if("ArrowRight"===n.key)if((r=document.activeElement)&&r.classList.contains("sui-context-sub-trigger")){var c=r.closest(".sui-context-sub");if(c){c.classList.add("open");var l=c.querySelector(".sui-context-sub-content .sui-context-item:not(.disabled), .sui-context-sub-content .sui-context-sub-trigger");l&&l.focus()}}if("ArrowLeft"===n.key)(i=document.activeElement&&document.activeElement.closest(".sui-context-sub.open"))&&i.closest(".sui-context-menu")===e&&(i.classList.remove("open"),i.querySelector(".sui-context-sub-trigger").focus());if("Enter"===n.key)(r=document.activeElement)&&(r.classList.contains("sui-context-item")||r.classList.contains("sui-context-sub-trigger"))&&r.click()}}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}(),document.querySelectorAll(".sui-command[data-sui-command]").forEach(function(e){var t=e.querySelector(".sui-command-input"),n=e.querySelector(".sui-command-list"),o=e.querySelector(".sui-command-empty");if(t&&n){var s=n.querySelectorAll(".sui-command-item"),a=n.querySelectorAll(".sui-command-group"),i=n.querySelectorAll(".sui-command-separator"),r=-1;t.addEventListener("input",d),e.addEventListener("keydown",function(e){var t=l();"ArrowDown"===e.key?(e.preventDefault(),t.length>0&&(r=r<t.length-1?r+1:0,u(t))):"ArrowUp"===e.key?(e.preventDefault(),t.length>0&&(r=r>0?r-1:t.length-1,u(t))):"Enter"===e.key&&(e.preventDefault(),r>=0&&r<t.length&&t[r].click())}),s.forEach(function(e){e.addEventListener("mouseenter",function(){var t=l();r=t.indexOf(e),u(t)})});var c=l();c.length>0&&(r=0,u(c))}function l(){return Array.from(n.querySelectorAll(".sui-command-item:not([hidden])"))}function u(e){s.forEach(function(e){e.classList.remove("focused")}),r>=0&&r<e.length&&(e[r].classList.add("focused"),e[r].scrollIntoView({block:"nearest"}))}function d(){var e=t.value.toLowerCase().trim(),n=!1;s.forEach(function(t){var o=t.textContent.toLowerCase(),s=!e||-1!==o.indexOf(e);t.hidden=!s,s&&(n=!0)}),a.forEach(function(e){var t=e.querySelector(".sui-command-item:not([hidden])");e.hidden=!t}),i.forEach(function(e){var t=e.nextElementSibling,n=e.previousElementSibling,o=t&&t.hidden,s=n&&n.hidden;e.hidden=o||s}),o&&o.classList.toggle("visible",!n),r=n?0:-1,u(l())}}),document.querySelectorAll(".sui-command-dialog").forEach(function(e){var t=e.querySelector(".sui-command"),n=t?t.querySelector(".sui-command-input"):null;function o(){e.classList.add("open"),document.body.style.overflow="hidden",n&&(n.value="",n.dispatchEvent(new Event("input")),setTimeout(function(){n.focus()},50))}function s(){e.classList.remove("open"),document.body.style.overflow=""}var a=e.dataset.suiCommandKey||"k";document.addEventListener("keydown",function(t){(t.metaKey||t.ctrlKey)&&t.key===a&&(t.preventDefault(),e.classList.contains("open")?s():o())}),e.addEventListener("keydown",function(e){"Escape"===e.key&&(e.preventDefault(),s())}),e.addEventListener("click",function(t){t.target===e&&s()}),document.querySelectorAll('[data-sui-command-open="'+e.id+'"]').forEach(function(e){e.addEventListener("click",function(){o()})})}),function(){var t=["January","February","March","April","May","June","July","August","September","October","November","December"],n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],o=["Su","Mo","Tu","We","Th","Fr","Sa"];function s(e,t){return new Date(e,t+1,0).getDate()}function a(e,t){return e&&t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function i(e,t,n){if(!t||!n)return!1;var o=e.getTime(),s=Math.min(t.getTime(),n.getTime()),a=Math.max(t.getTime(),n.getTime());return o>s&&o<a}function r(e){if(!e)return null;if("today"===e)return new Date((new Date).setHours(0,0,0,0));var t=e.split("-");return 3===t.length?new Date(+t[0],+t[1]-1,+t[2]):null}function c(n,o,s,a,i){var r=t[n.getMonth()].substring(0,3)+" "+n.getDate()+", "+n.getFullYear();if(o){var c=null!=a?a:0;r+=" "+e(null!=s?s:12)+":"+e(c),i&&(r+=" "+i)}return r}document.querySelectorAll(".sui-calendar[data-sui-calendar]").forEach(function(l){var u=l.dataset.suiCalendar||"single",d=new Date;d.setHours(0,0,0,0);var p=r(l.dataset.suiMin),f=r(l.dataset.suiMax),m=[];function v(e){for(var t=0;t<m.length;t++)if(a(e,m[t]))return!0;return!!(p&&e<p)||!!(f&&e>f)}l.dataset.suiDisabled&&l.dataset.suiDisabled.split(",").forEach(function(e){var t=r(e.trim());t&&m.push(t)});var h=null,g=null,y=null,b="",L="days",E=0,A=l.hasAttribute("data-sui-calendar-time"),x="24h"===l.getAttribute("data-sui-calendar-time"),S=x?0:12,q=0,w="AM",k=null,C=null,D=null,M=null;if(A){if(k=l.querySelector(".sui-calendar-time"))C=k.querySelectorAll(".sui-calendar-time-input")[0],D=k.querySelectorAll(".sui-calendar-time-input")[1],M=k.querySelector(".sui-calendar-time-period");else{(k=document.createElement("div")).className="sui-calendar-time";var N=document.createElement("span");N.className="sui-calendar-time-label",N.textContent="Time",k.appendChild(N),(C=document.createElement("input")).type="text",C.className="sui-calendar-time-input",C.value=e(S),C.maxLength=2,C.setAttribute("aria-label","Hour"),k.appendChild(C);var T=document.createElement("span");T.className="sui-calendar-time-sep",T.textContent=":",k.appendChild(T),(D=document.createElement("input")).type="text",D.className="sui-calendar-time-input",D.value=e(q),D.maxLength=2,D.setAttribute("aria-label","Minute"),k.appendChild(D),x||((M=document.createElement("button")).type="button",M.className="sui-calendar-time-period",M.textContent=w,k.appendChild(M));var P=l.querySelector("[data-sui-calendar-clear]");P?l.insertBefore(k,P):l.appendChild(k)}var F=x?23:12,H=x?0:1;function O(e){var t=parseInt(e,10);return(isNaN(t)||t<0)&&(t=0),t>23&&(t=23),x?{hour:t}:0===t?{hour:12,period:"AM"}:t<12?{hour:t,period:"AM"}:12===t?{hour:12,period:"PM"}:{hour:t-12,period:"PM"}}function z(e){var t=parseInt(e,10);return isNaN(t)||t<0?0:t>59?59:t}C.addEventListener("blur",function(){var t=O(this.value);S=t.hour,!x&&t.period&&(w=t.period,M&&(M.textContent=w)),this.value=e(S),I()}),C.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),S=S>=F?H:S+1,this.value=e(S),I()),"ArrowDown"===t.key&&(t.preventDefault(),S=S<=H?F:S-1,this.value=e(S),I()),"Enter"===t.key&&this.blur()}),D.addEventListener("blur",function(){q=z(this.value),this.value=e(q),I()}),D.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),q=q>=59?0:q+1,this.value=e(q),I()),"ArrowDown"===t.key&&(t.preventDefault(),q=q<=0?59:q-1,this.value=e(q),I()),"Enter"===t.key&&this.blur()}),M&&M.addEventListener("click",function(e){e.stopPropagation(),w="AM"===w?"PM":"AM",this.textContent=w,I()})}function I(){A&&"single"===u&&h&&l.dispatchEvent(new CustomEvent("sui-date-select",{detail:{date:h,hour:S,minute:q,period:x?null:w,is24h:x}}))}var B=l.querySelectorAll(".sui-calendar-month"),Y=B.length>0;Y||(B=[l]);var R=[];B.forEach(function(e,t){R.push(t)});var U=d.getFullYear(),W=d.getMonth(),G=l.querySelector("[data-sui-calendar-prev]"),J=l.querySelector("[data-sui-calendar-next]"),K=l.querySelector(".sui-calendar-header .sui-calendar-title");function X(){L="days",k&&(k.style.display=""),B.forEach(function(e,n){for(var r=W+R[n],c=U;r>11;)r-=12,c++;for(;r<0;)r+=12,c--;var p=e.querySelector(".sui-calendar-title");p&&(0!==n||Y||p!==K?p.textContent=t[r]+" "+c:(p.textContent=t[r]+" "+c,p.style.cursor="pointer"));var f=e.querySelector(".sui-calendar-grid");if(f){f.innerHTML="",f.style.gridTemplateColumns="repeat(7, 1fr)",o.forEach(function(e){var t=document.createElement("div");t.className="sui-calendar-day-label",t.textContent=e,f.appendChild(t)});for(var m=new Date(c,r,1).getDay(),b=s(c,r),L=s(c,r-1),E=m-1;E>=0;E--){(N=document.createElement("button")).className="sui-calendar-day outside",N.textContent=L-E,N.type="button",N.disabled=!0,f.appendChild(N)}for(var x=1;x<=b;x++){var k=new Date(c,r,x);(N=document.createElement("button")).className="sui-calendar-day",N.textContent=x,N.type="button",a(k,d)&&N.classList.add("today"),v(k)&&N.classList.add("disabled"),"single"===u&&a(k,h)&&N.classList.add("selected"),"range"===u&&(a(k,g)&&N.classList.add("range-start"),a(k,y)&&N.classList.add("range-end"),g&&y&&i(k,g,y)&&N.classList.add("in-range")),function(e){N.addEventListener("click",function(t){if(t.stopPropagation(),"single"===u){h=e;var n={date:e};A&&(n.hour=S,n.minute=q,n.period=w),l.dispatchEvent(new CustomEvent("sui-date-select",{detail:n}))}else"range"===u&&(!g||y?(g=e,y=null):(e<g?(y=g,g=e):y=e,l.dispatchEvent(new CustomEvent("sui-date-select",{detail:{start:g,end:y}}))));X()})}(k),f.appendChild(N)}for(var C=m+b,D=C%7==0?0:7-C%7,M=1;M<=D;M++){var N;(N=document.createElement("button")).className="sui-calendar-day outside",N.textContent=M,N.type="button",N.disabled=!0,f.appendChild(N)}}}),$()}function V(){L="months",k&&(k.style.display="none"),K&&(K.textContent=U,K.style.cursor="pointer");var e=B[0].querySelector(".sui-calendar-grid");if(e){e.innerHTML="",e.style.gridTemplateColumns="repeat(4, 1fr)";for(var t=0;t<12;t++){var o=document.createElement("button");o.className="sui-calendar-day",o.textContent=n[t],o.type="button",t===W&&U===d.getFullYear()&&o.classList.add("today"),t===W&&o.classList.add("selected"),function(e){o.addEventListener("click",function(t){t.stopPropagation(),W=e,X()})}(t),e.appendChild(o)}}}function j(){L="years",k&&(k.style.display="none");var e=E,t=e+11;K&&(K.textContent=e+" – "+t,K.style.cursor="default");var n=B[0].querySelector(".sui-calendar-grid");if(n){n.innerHTML="",n.style.gridTemplateColumns="repeat(4, 1fr)";for(var o=e;o<=t;o++){var s=document.createElement("button");s.className="sui-calendar-day",s.textContent=o,s.type="button",o===d.getFullYear()&&s.classList.add("today"),o===U&&s.classList.add("selected"),function(e){s.addEventListener("click",function(t){t.stopPropagation(),U=e,V()})}(o),n.appendChild(s)}}}function $(){var e=l.querySelector("[data-sui-calendar-clear]");if(e){var t="single"===u?!!h:!(!g&&!y);e.style.display=t?"":"none"}}G&&G.addEventListener("click",function(){"days"===L?(--W<0&&(W=11,U--),X()):"months"===L?(U--,V()):"years"===L&&(E-=12,j())}),J&&J.addEventListener("click",function(){"days"===L?(++W>11&&(W=0,U++),X()):"months"===L?(U++,V()):"years"===L&&(E+=12,j())}),K&&!Y&&K.addEventListener("click",function(){"days"===L?V():"months"===L&&(E=U-U%12,j())}),l.querySelectorAll("[data-sui-calendar-clear]").forEach(function(t){t.addEventListener("click",function(t){t.stopPropagation(),h=null,g=null,y=null,A&&(S=x?0:12,q=0,w="AM",C&&(C.value=e(S)),D&&(D.value=e(q)),M&&(M.textContent=w)),l.dispatchEvent(new CustomEvent("sui-date-clear")),X()})}),X();var Z=l.closest(".sui-datepicker");if(Z){var _=Z.querySelector(".sui-datepicker-trigger"),Q=Z.querySelector(".sui-datepicker-popover"),ee=_?_.querySelector(".sui-datepicker-placeholder"):null;ee&&(b=ee.textContent),_&&Q&&(_.addEventListener("click",function(e){e.stopPropagation(),Q.classList.toggle("open")}),document.addEventListener("mousedown",function(e){Z.contains(e.target)||Q.classList.remove("open")})),l.addEventListener("sui-date-select",function(e){if(_){var t=_.querySelector(".sui-datepicker-value")||_.querySelector(".sui-datepicker-placeholder");if("single"===u&&e.detail.date){var n=c(e.detail.date,A,e.detail.hour,e.detail.minute,e.detail.is24h?null:e.detail.period);t&&(t.textContent=n,t.className="sui-datepicker-value"),!A&&Q&&Q.classList.remove("open")}else if("range"===u&&e.detail.start&&e.detail.end){n=c(e.detail.start)+" – "+c(e.detail.end);t&&(t.textContent=n,t.className="sui-datepicker-value"),Q&&Q.classList.remove("open")}$()}}),l.addEventListener("sui-date-clear",function(){var e=_.querySelector(".sui-datepicker-value")||_.querySelector(".sui-datepicker-placeholder");e&&(e.textContent=b,e.className="sui-datepicker-placeholder"),$()})}})}(),document.querySelectorAll(".sui-timepicker[data-sui-timepicker]").forEach(function(t){var n="24h"===t.getAttribute("data-sui-timepicker"),o=n?23:12,s=n?0:1,a=n?0:12,i=0,r="AM",c=t.querySelectorAll(".sui-calendar-time-input")[0],l=t.querySelectorAll(".sui-calendar-time-input")[1],u=t.querySelector(".sui-calendar-time-period");if(!c||!l){var d=document.createElement("span");d.className="sui-calendar-time-label",d.textContent="Time",t.appendChild(d),(c=document.createElement("input")).type="text",c.className="sui-calendar-time-input",c.value=e(a),c.maxLength=2,c.setAttribute("aria-label","Hour"),t.appendChild(c);var p=document.createElement("span");p.className="sui-calendar-time-sep",p.textContent=":",t.appendChild(p),(l=document.createElement("input")).type="text",l.className="sui-calendar-time-input",l.value=e(i),l.maxLength=2,l.setAttribute("aria-label","Minute"),t.appendChild(l),n||((u=document.createElement("button")).type="button",u.className="sui-calendar-time-period",u.textContent=r,t.appendChild(u))}function f(e){var t=parseInt(e,10);return(isNaN(t)||t<0)&&(t=0),t>23&&(t=23),n?{hour:t}:0===t?{hour:12,period:"AM"}:t<12?{hour:t,period:"AM"}:12===t?{hour:12,period:"PM"}:{hour:t-12,period:"PM"}}function m(e){var t=parseInt(e,10);return isNaN(t)||t<0?0:t>59?59:t}function v(){t.dispatchEvent(new CustomEvent("sui-time-change",{detail:{hour:a,minute:i,period:n?null:r,is24h:n}}))}c.addEventListener("blur",function(){var t=f(this.value);a=t.hour,!n&&t.period&&(r=t.period,u&&(u.textContent=r)),this.value=e(a),v()}),c.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),a=a>=o?s:a+1,this.value=e(a),v()),"ArrowDown"===t.key&&(t.preventDefault(),a=a<=s?o:a-1,this.value=e(a),v()),"Enter"===t.key&&this.blur()}),l.addEventListener("blur",function(){i=m(this.value),this.value=e(i),v()}),l.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),i=i>=59?0:i+1,this.value=e(i),v()),"ArrowDown"===t.key&&(t.preventDefault(),i=i<=0?59:i-1,this.value=e(i),v()),"Enter"===t.key&&this.blur()}),u&&u.addEventListener("click",function(e){e.stopPropagation(),r="AM"===r?"PM":"AM",this.textContent=r,v()})}),function(){var e=!1;function t(t){t.querySelectorAll(".sui-menubar-menu.open").forEach(function(e){e.classList.remove("open"),e.querySelector(".sui-menubar-trigger").classList.remove("active")}),t.querySelectorAll(".sui-menubar-sub.open").forEach(function(e){e.classList.remove("open")}),e=!1}function n(n){document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)}),n.classList.add("open"),n.querySelector(".sui-menubar-trigger").classList.add("active"),e=!0}document.addEventListener("click",function(e){var o=e.target.closest(".sui-menubar-trigger");if(o){var s=o.closest(".sui-menubar-menu");return s.classList.contains("open")?t(s.closest(".sui-menubar")):n(s),void e.stopPropagation()}var a=e.target.closest(".sui-menubar-sub-trigger");if(a){var i=a.closest(".sui-menubar-sub"),r=i.classList.contains("open");return i.parentElement.querySelectorAll(".sui-menubar-sub.open").forEach(function(e){e.classList.remove("open")}),r||i.classList.add("open"),void e.stopPropagation()}var c=e.target.closest(".sui-menubar-item");c&&c.closest(".sui-menubar")?t(c.closest(".sui-menubar")):document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)})}),document.addEventListener("mouseenter",function(t){if(e){var o=t.target.closest?t.target.closest(".sui-menubar-trigger"):null;if(o){var s=o.closest(".sui-menubar-menu");s&&!s.classList.contains("open")&&n(s)}}},!0),document.querySelectorAll(".sui-menubar-sub").forEach(function(e){e.addEventListener("mouseenter",function(){e.parentElement.querySelectorAll(".sui-menubar-sub.open").forEach(function(t){t!==e&&t.classList.remove("open")}),e.classList.add("open")}),e.addEventListener("mouseleave",function(){e.classList.remove("open")})}),document.addEventListener("keydown",function(e){"Escape"===e.key&&document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)})})}(),document.querySelectorAll(".sui-combobox").forEach(function(e){var t=e.querySelector(".sui-combobox-trigger"),n=e.querySelector(".sui-combobox-content"),o=e.querySelector(".sui-combobox-input"),s=e.querySelectorAll(".sui-combobox-item"),a=e.querySelector(".sui-combobox-value"),i=e.querySelector(".sui-combobox-chips"),r=e.querySelector(".sui-combobox-empty"),c=e.querySelector(".sui-combobox-clear"),l=e.classList.contains("sui-combobox-multiple"),u=a?a.textContent:"";function d(){document.querySelectorAll(".sui-combobox.open").forEach(function(t){t!==e&&t.classList.remove("open")}),e.classList.add("open"),o&&(o.value="",o.focus(),f(""))}function p(){e.classList.remove("open")}function f(t){var n=t.toLowerCase(),o=0;s.forEach(function(e){var t=e.textContent.toLowerCase(),s=!n||-1!==t.indexOf(n);e.style.display=s?"":"none",s&&o++}),e.querySelectorAll(".sui-combobox-label").forEach(function(e){for(var t=e.nextElementSibling,n=!1;t&&!t.classList.contains("sui-combobox-label")&&!t.classList.contains("sui-combobox-separator");)t.classList.contains("sui-combobox-item")&&"none"!==t.style.display&&(n=!0),t=t.nextElementSibling;e.style.display=n?"":"none"}),e.querySelectorAll(".sui-combobox-separator").forEach(function(e){e.style.display=n?"none":""}),r&&r.classList.toggle("visible",0===o)}function m(){if(c){var t=e.querySelectorAll(".sui-combobox-item.selected").length>0;c.classList.toggle("visible",t)}}function v(){s.forEach(function(e){e.classList.remove("selected")}),a&&(a.textContent=u,a.classList.add("placeholder")),i&&h(),m()}function h(){if(i){i.innerHTML="";var t=e.querySelectorAll(".sui-combobox-item.selected");if(0===t.length){var n=document.createElement("span");return n.className="placeholder",n.textContent=u,i.appendChild(n),void m()}t.forEach(function(e){var t=document.createElement("span");t.className="sui-combobox-chip",t.textContent=e.getAttribute("data-value")||e.textContent.trim();var n=document.createElement("span");n.className="sui-combobox-chip-remove",n.innerHTML="&#10005;",n.addEventListener("click",function(t){t.stopPropagation(),e.classList.remove("selected"),h()}),t.appendChild(n),i.appendChild(t)}),m()}}i&&(u=i.textContent.trim()),t&&n&&(e.classList.contains("sui-combobox-disabled")||(c&&c.addEventListener("click",function(e){e.stopPropagation(),v()}),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.contains("open")?p():d()}),o&&(o.addEventListener("input",function(){f(o.value)}),o.addEventListener("click",function(e){e.stopPropagation()})),s.forEach(function(e){e.addEventListener("click",function(t){t.stopPropagation(),l?(e.classList.toggle("selected"),h()):(s.forEach(function(e){e.classList.remove("selected")}),e.classList.add("selected"),a&&(a.textContent=e.getAttribute("data-value")||e.textContent.trim(),a.classList.remove("placeholder")),m(),p())})}),document.addEventListener("click",function(t){e.contains(t.target)||p()}),e.addEventListener("keydown",function(e){"Escape"===e.key&&p()}),m()))}),document.querySelectorAll(".sui-resizable").forEach(function(e){var t=e.classList.contains("sui-resizable-vertical"),n=e.querySelectorAll(":scope > .sui-resizable-handle"),o=Array.from(e.querySelectorAll(":scope > .sui-resizable-panel"));o.forEach(function(e){var t=parseFloat(e.getAttribute("data-size"))||100/o.length;e.style.flexGrow=t}),n.forEach(function(e){var n=e.previousElementSibling,o=e.nextElementSibling;function s(e){return parseFloat(e.style.flexGrow)||0}function a(e){return parseFloat(e.getAttribute("data-min-size"))||0}function i(e){var t=s(n),i=t+s(o),r=a(n),c=a(o),l=Math.max(r,Math.min(i-c,t+e)),u=i-l;n.style.flexGrow=l,o.style.flexGrow=u}function r(i){i.preventDefault(),e.focus(),e.classList.add("dragging");var r=s(n),c=s(o),l=r+c,u=t?n.offsetHeight:n.offsetWidth,d=t?o.offsetHeight:o.offsetWidth,p=u+d,f=t?i.clientY:i.clientX,m=a(n),v=a(o);function h(e){var s=(t?e.clientY:e.clientX)-f;s=Math.max(-u,Math.min(d,s));var a=p>0?s/p:0,i=Math.max(m,Math.min(l-v,r+a*l)),c=l-i;n.style.flexGrow=i,o.style.flexGrow=c}function g(){e.classList.remove("dragging"),document.removeEventListener("pointermove",h),document.removeEventListener("pointerup",g)}document.addEventListener("pointermove",h),document.addEventListener("pointerup",g)}n&&o&&(e.setAttribute("tabindex","0"),e.setAttribute("role","separator"),e.setAttribute("aria-orientation",t?"horizontal":"vertical"),e.addEventListener("pointerdown",r),e.addEventListener("keydown",function(e){var a=e.shiftKey?10:2,r=t?"ArrowDown":"ArrowRight",c=t?"ArrowUp":"ArrowLeft";e.key===r?(e.preventDefault(),i(a)):e.key===c?(e.preventDefault(),i(-a)):"Home"===e.key?(e.preventDefault(),i(-s(n))):"End"===e.key&&(e.preventDefault(),i(s(o)))}))})}),document.addEventListener("click",e=>{const t=e.target.closest("[data-sui-popover]");if(t){const n=t.closest(".sui-popover");if(!n)return;document.querySelectorAll(".sui-popover.open").forEach(e=>{if(e!==n){e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&t.setAttribute("aria-expanded","false")}}),n.classList.contains("open")||o(n,"sui-popover"),n.classList.toggle("open");const s=n.classList.contains("open");return s||a(n,"sui-popover"),t.setAttribute("aria-expanded",s?"true":"false"),void e.stopPropagation()}const n=e.target.closest(".sui-popover-close");if(n){const e=n.closest(".sui-popover");if(e){e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&(t.setAttribute("aria-expanded","false"),t.focus())}return}e.target.closest(".sui-popover-content")||document.querySelectorAll(".sui-popover.open").forEach(e=>{e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&t.setAttribute("aria-expanded","false")})}),document.addEventListener("keydown",e=>{"Escape"===e.key&&document.querySelectorAll(".sui-popover.open").forEach(e=>{e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&(t.setAttribute("aria-expanded","false"),t.focus())})}),document.querySelectorAll(".sui-carousel").forEach(e=>{e.id&&r("#"+e.id)}),document.querySelectorAll(".sui-slider").forEach(e=>{const t=e.querySelector('input[type="range"]'),n=e.querySelector(".sui-slider-value");t&&n&&(n.textContent=t.value,t.addEventListener("input",()=>{n.textContent=t.value}))}),document.querySelectorAll(".sui-toggle-group[data-sui-toggle]").forEach(function(e){var t=e.dataset.suiToggle,n=e.querySelectorAll(".sui-toggle-group-item:not([disabled])");n.forEach(function(e){e.addEventListener("click",function(){if("single"===t){var o=e.classList.contains("active");n.forEach(function(e){e.classList.remove("active"),e.setAttribute("aria-pressed","false")}),o||(e.classList.add("active"),e.setAttribute("aria-pressed","true"))}else e.classList.toggle("active"),e.setAttribute("aria-pressed",e.classList.contains("active")?"true":"false")})})}),document.querySelectorAll(".sui-otp[data-sui-otp]").forEach(function(e){if(void 0===e.dataset.suiOtpDisabled){var t=e.querySelectorAll(".sui-otp-slot"),n=t.length,o=e.dataset.suiOtpPattern||"digits",s="alphanumeric"===o?/^[a-zA-Z0-9]$/:/^[0-9]$/,a=document.createElement("input");a.className="sui-otp-input",a.setAttribute("inputmode","alphanumeric"===o?"text":"numeric"),a.setAttribute("autocomplete","one-time-code"),a.setAttribute("maxlength",n),a.setAttribute("aria-label","One-time code"),e.appendChild(a),a.addEventListener("input",function(){for(var t="",r=0;r<a.value.length&&t.length<n;r++)s.test(a.value[r])&&(t+="alphanumeric"===o?a.value[r].toUpperCase():a.value[r]);a.value=t,i(),t.length===n&&e.dispatchEvent(new CustomEvent("sui-otp-complete",{detail:{value:t}}))}),a.addEventListener("focus",i),a.addEventListener("blur",function(){t.forEach(function(e){e.classList.remove("sui-otp-active")})}),e.addEventListener("click",function(e){a.focus()}),t.forEach(function(e,t){e.addEventListener("click",function(e){e.stopPropagation(),a.focus();var n=Math.min(t,a.value.length);a.setSelectionRange(n,n),i()})}),i()}function i(){var e=a.value;t.forEach(function(t,n){t.textContent=e[n]||"",t.classList.toggle("sui-otp-filled",!!e[n]),t.classList.remove("sui-otp-active")});var o=Math.min(e.length,n-1);document.activeElement===a&&e.length<n?t[o].classList.add("sui-otp-active"):document.activeElement===a&&e.length===n&&t[n-1].classList.add("sui-otp-active")}}),document.querySelectorAll(".sui-chart-bar-col").forEach(function(e){if(!e.querySelector(".sui-chart-bar-group")){var t=e.querySelector(".sui-chart-bar-fill");if(t){var n=parseFloat(t.getAttribute("data-value"));if(!isNaN(n)){var o=parseFloat(t.getAttribute("data-max"))||100,s=Math.min(100,Math.max(0,n/o*100));t.style.height=s+"%"}}}}),document.querySelectorAll(".sui-chart-bar-group").forEach(function(e){e.querySelectorAll(".sui-chart-bar-fill").forEach(function(e){var t=parseFloat(e.getAttribute("data-value"));if(!isNaN(t)){var n=parseFloat(e.getAttribute("data-max"))||100,o=Math.min(100,Math.max(0,t/n*100));e.style.height=o+"%"}})}),document.querySelectorAll(".sui-chart-bar-row").forEach(function(e){var t=e.querySelector(".sui-chart-bar-fill");if(t){var n=parseFloat(t.getAttribute("data-value"));if(!isNaN(n)){var o=parseFloat(t.getAttribute("data-max"))||100,s=Math.min(100,Math.max(0,n/o*100));t.style.width=s+"%"}}}),document.querySelectorAll(".sui-chart-bar-track-stacked").forEach(function(e){var t=e.querySelectorAll(".sui-chart-bar-fill"),n=0;t.forEach(function(e){n+=parseFloat(e.getAttribute("data-value"))||0});var o=parseFloat(e.getAttribute("data-max"))||n||100;t.forEach(function(e){var t=parseFloat(e.getAttribute("data-value"))||0;e.style.height=t/o*100+"%"})}),document.querySelectorAll(".sui-chart-donut[data-segments]").forEach(function(e){try{var t=JSON.parse(e.getAttribute("data-segments")),n=0;t.forEach(function(e){n+=e.value});var o=[],s=0;t.forEach(function(e){var t=s/n*100,a=(s+=e.value)/n*100;o.push(e.color+" "+t+"% "+a+"%")}),e.style.background="conic-gradient("+o.join(", ")+")"}catch(e){}}),document.querySelectorAll(".sui-chart-line-wrap .chart-line").forEach(function(e){if(e.getTotalLength){var t=e.getTotalLength();e.style.setProperty("--line-length",t),e.style.strokeDasharray=t,e.style.strokeDashoffset=t}}),document.querySelectorAll(".sui-chart-line-wrap").forEach(function(e){var t=e.querySelectorAll(".chart-dot[data-value]");if(t.length){var n=document.createElement("div");n.className="sui-chart-tooltip",e.appendChild(n),t.forEach(function(t){t.addEventListener("mouseenter",function(){var o=t.getAttribute("data-value");n.textContent=o;var s=e.querySelector("svg"),a=s.getBoundingClientRect(),i=e.getBoundingClientRect(),r=parseFloat(t.getAttribute("cx")),c=parseFloat(t.getAttribute("cy")),l=s.viewBox.baseVal,u=a.width/l.width,d=a.height/l.height,p=r*u+(a.left-i.left),f=c*d+(a.top-i.top);n.style.left=p+"px",n.style.top=f-8+"px",n.classList.add("visible")}),t.addEventListener("mouseleave",function(){n.classList.remove("visible")})})}}),document.querySelectorAll(".sui-datatable").forEach(function(e){var t=e.querySelector(".sui-table");if(t){var n=t.querySelector("tbody");if(n){var o=Array.prototype.slice.call(n.querySelectorAll("tr")),s=o.slice(),a=1,i=e.querySelector(".sui-datatable-perpage select"),r=i?parseInt(i.value,10):o.length,c=e.querySelector(".sui-datatable-info"),l=e.querySelector(".sui-datatable-pagination"),u=e.querySelector(".sui-datatable-search input");u&&u.addEventListener("input",function(){var e=u.value.toLowerCase().trim();s=o.filter(function(t){return-1!==t.textContent.toLowerCase().indexOf(e)}),a=1,p()}),i&&i.addEventListener("change",function(){r=parseInt(i.value,10),a=1,p()});var d=t.querySelectorAll("th[data-sort]");d.forEach(function(e){e.addEventListener("click",function(){var t=e.getAttribute("data-sort"),o=Array.prototype.indexOf.call(e.parentElement.children,e),i=t,r="asc";e.classList.contains("sort-asc")&&(r="desc"),d.forEach(function(e){e.classList.remove("sort-asc","sort-desc")}),e.classList.add("asc"===r?"sort-asc":"sort-desc"),s.sort(function(e,t){var n=e.children[o]?e.children[o].textContent.trim():"",s=t.children[o]?t.children[o].textContent.trim():"";if("number"===i){var a=parseFloat(n.replace(/[^0-9.\-]/g,""))||0,c=parseFloat(s.replace(/[^0-9.\-]/g,""))||0;return"asc"===r?a-c:c-a}return"asc"===r?n.localeCompare(s):s.localeCompare(n)}),s.forEach(function(e){n.appendChild(e)}),a=1,p()})}),p()}}function p(){var e=s.length,i=r>0?Math.ceil(e/r):1;a>i&&(a=i),a<1&&(a=1);var u=(a-1)*r,d=Math.min(u+r,e);o.forEach(function(e){e.style.display="none"});for(var f=u;f<d;f++)s[f].style.display="";var m=n.querySelector(".sui-datatable-empty-row");if(0===e){if(!m){(m=document.createElement("tr")).className="sui-datatable-empty-row";var v=document.createElement("td");v.className="sui-datatable-empty",v.colSpan=t.querySelectorAll("thead th").length,v.textContent="No matching records found.",m.appendChild(v),n.appendChild(m)}m.style.display=""}else m&&(m.style.display="none");if(c&&(c.textContent=0===e?"No entries":"Showing "+(u+1)+"–"+d+" of "+e),l){l.innerHTML="";var h=document.createElement("button");h.textContent="‹",h.disabled=a<=1,h.addEventListener("click",function(){a>1&&(a--,p())}),l.appendChild(h);for(var g=1;g<=i;g++)(function(e){var t=document.createElement("button");t.textContent=e,e===a&&(t.className="active"),t.addEventListener("click",function(){a=e,p()}),l.appendChild(t)})(g);var y=document.createElement("button");y.textContent="›",y.disabled=a>=i,y.addEventListener("click",function(){a<i&&(a++,p())}),l.appendChild(y)}}}),function(){function e(e,t){var n=Array.prototype.slice.call(e.querySelectorAll(".sui-kanban-card:not(.dragging)")),o=null,s=Number.NEGATIVE_INFINITY;return n.forEach(function(e){var n=e.getBoundingClientRect(),a=t-n.top-n.height/2;a<0&&a>s&&(s=a,o=e)}),o}document.querySelectorAll(".sui-sortable").forEach(function(e){var t=null;e.querySelectorAll(".sui-sortable-item").forEach(function(n){var o=n.querySelector(".sui-sortable-handle"),s=o||n;s.setAttribute("draggable","true"),o&&n.classList.add("has-handle"),s.addEventListener("dragstart",function(e){t=n,n.classList.add("dragging"),e.dataTransfer.effectAllowed="move"}),n.addEventListener("dragover",function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",n!==t&&n.classList.add("drag-over")}),n.addEventListener("dragleave",function(){n.classList.remove("drag-over")}),n.addEventListener("drop",function(o){if(o.preventDefault(),n.classList.remove("drag-over"),t&&t!==n){var s=Array.prototype.slice.call(e.children);s.indexOf(t)<s.indexOf(n)?e.insertBefore(t,n.nextSibling):e.insertBefore(t,n)}}),n.addEventListener("dragend",function(){n.classList.remove("dragging"),e.querySelectorAll(".drag-over").forEach(function(e){e.classList.remove("drag-over")}),t=null})})}),document.querySelectorAll(".sui-kanban").forEach(function(t){var n=null;t.querySelectorAll(".sui-kanban-card").forEach(function(e){e.setAttribute("draggable","true"),e.addEventListener("dragstart",function(t){n=e,e.classList.add("dragging"),t.dataTransfer.effectAllowed="move"}),e.addEventListener("dragend",function(){e.classList.remove("dragging"),t.querySelectorAll(".drag-over").forEach(function(e){e.classList.remove("drag-over")}),n=null})}),t.querySelectorAll(".sui-kanban-col-body").forEach(function(t){t.addEventListener("dragover",function(o){if(o.preventDefault(),o.dataTransfer.dropEffect="move",t.classList.add("drag-over"),n){var s=e(t,o.clientY);s?t.insertBefore(n,s):t.appendChild(n)}}),t.addEventListener("dragleave",function(e){t.contains(e.relatedTarget)||t.classList.remove("drag-over")}),t.addEventListener("drop",function(e){e.preventDefault(),t.classList.remove("drag-over")})})}),document.querySelectorAll(".sui-dropzone").forEach(function(e){var t=document.createElement("input");t.type="file",t.multiple=!0,t.style.display="none",e.appendChild(t),e.addEventListener("click",function(e){e.target.closest(".sui-dropzone-file-remove")||t.click()}),t.addEventListener("change",function(){var n=t.files;if(n.length){var o=e.querySelector(".sui-dropzone-files");o||((o=document.createElement("div")).className="sui-dropzone-files",e.appendChild(o)),Array.prototype.slice.call(n).forEach(function(e){var t=document.createElement("div");t.className="sui-dropzone-file",t.innerHTML="<span>"+e.name+'</span><button class="sui-dropzone-file-remove" type="button">&times;</button>',t.querySelector(".sui-dropzone-file-remove").addEventListener("click",function(e){e.stopPropagation(),t.remove()}),o.appendChild(t)}),t.value=""}}),e.addEventListener("dragover",function(t){t.preventDefault(),t.dataTransfer.dropEffect="copy",e.classList.add("drag-over")}),e.addEventListener("dragleave",function(t){e.contains(t.relatedTarget)||e.classList.remove("drag-over")}),e.addEventListener("drop",function(t){t.preventDefault(),e.classList.remove("drag-over");var n=t.dataTransfer.files;if(n.length){var o=e.querySelector(".sui-dropzone-files");o||((o=document.createElement("div")).className="sui-dropzone-files",e.appendChild(o)),Array.prototype.slice.call(n).forEach(function(e){var t=document.createElement("div");t.className="sui-dropzone-file",t.innerHTML="<span>"+e.name+'</span><button class="sui-dropzone-file-remove" type="button">&times;</button>',t.querySelector(".sui-dropzone-file-remove").addEventListener("click",function(e){e.stopPropagation(),t.remove()}),o.appendChild(t)})}})})}(),document.addEventListener("mouseenter",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-tooltip");if(!t)return;const n=t.getBoundingClientRect();void 0===t.dataset.suiTooltipDir&&(t.classList.contains("sui-tooltip-bottom")?t.dataset.suiTooltipDir="bottom":t.classList.contains("sui-tooltip-left")?t.dataset.suiTooltipDir="left":t.classList.contains("sui-tooltip-right")?t.dataset.suiTooltipDir="right":t.dataset.suiTooltipDir="top"),t.classList.remove("sui-tooltip-bottom","sui-tooltip-left","sui-tooltip-right");const o=t.dataset.suiTooltipDir;let s=o;"top"===o&&n.top<80?s="bottom":"bottom"===o&&n.bottom+80>window.innerHeight?s="top":"left"===o&&n.left<80?s="right":"right"===o&&n.right+80>window.innerWidth&&(s="left"),"top"!==s&&t.classList.add("sui-tooltip-"+s)},!0),document.addEventListener("mouseleave",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-tooltip");t&&t.dataset.suiTooltipDir&&setTimeout(()=>{if(t.matches(":hover"))return;t.classList.remove("sui-tooltip-bottom","sui-tooltip-left","sui-tooltip-right");const e=t.dataset.suiTooltipDir;"top"!==e&&t.classList.add("sui-tooltip-"+e)},200)},!0),document.addEventListener("mouseenter",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-hover-card");t&&o(t,"sui-hover-card")},!0),document.addEventListener("mouseleave",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-hover-card");t&&t.dataset.suiOrigDir&&setTimeout(()=>{t.matches(":hover")||s(t,"sui-hover-card")},200)},!0)}function o(e,t){const n=[t+"-top",t+"-left",t+"-right"];void 0===e.dataset.suiOrigDir&&(e.classList.contains(t+"-top")?e.dataset.suiOrigDir="top":e.classList.contains(t+"-left")?e.dataset.suiOrigDir="left":e.classList.contains(t+"-right")?e.dataset.suiOrigDir="right":e.dataset.suiOrigDir="bottom");const o=e.getBoundingClientRect(),s=e.querySelector("."+t+"-content"),a=s?s.offsetWidth:280,i=s?s.offsetHeight:120,r=16,c=e.dataset.suiOrigDir;let l=c;if("bottom"===c&&o.bottom+i+r>window.innerHeight?l="top":"top"===c&&o.top-i-r<0?l="bottom":"left"===c&&o.left-a-r<0?l="right":"right"===c&&o.right+a+r>window.innerWidth&&(l="left"),"bottom"===l||"top"===l){const n=o.left+o.width/2;n-a/2<r?e.classList.add(t+"-start"):n+a/2>window.innerWidth-r&&e.classList.add(t+"-end")}n.forEach(t=>e.classList.remove(t)),"bottom"!==l&&e.classList.add(t+"-"+l)}function s(e,t){[t+"-top",t+"-left",t+"-right",t+"-start",t+"-end"].forEach(t=>e.classList.remove(t));const n=e.dataset.suiOrigDir;"bottom"!==n&&e.classList.add(t+"-"+n)}function a(e,t){setTimeout(()=>s(e,t),200)}function i(e){e.classList.remove("sui-toast-show"),e.addEventListener("transitionend",()=>{e.remove()},{once:!0}),setTimeout(()=>{e.parentNode&&e.remove()},400)}function r(e){const t=document.querySelector(e);if(!t)return null;const n=t.querySelector(".sui-carousel-track");if(!n)return null;if(!n.parentElement.classList.contains("sui-carousel-viewport")){const e=document.createElement("div");e.className="sui-carousel-viewport",n.parentElement.insertBefore(e,n),e.appendChild(n)}const o=Array.from(n.children),s=t.classList.contains("sui-carousel-vertical"),a=!!t.hasAttribute("data-sui-loop")&&(t.dataset.suiLoop||"seamless"),i=!!a,r="seamless"===a,c=parseInt(t.dataset.suiAutoplay)||0;let l=1;t.classList.contains("sui-carousel-4")?l=4:t.classList.contains("sui-carousel-3")?l=3:t.classList.contains("sui-carousel-2")&&(l=2);const u=o.length,d=Math.max(0,u-l);let p=0,f=null,m=!1;const v=t.querySelector(".sui-carousel-prev"),h=t.querySelector(".sui-carousel-next"),g=t.querySelectorAll(".sui-carousel-dot");let y=0;if(r&&u>l){for(var b=u-1;b>=u-l;b--){(L=o[b].cloneNode(!0)).setAttribute("aria-hidden","true"),n.insertBefore(L,n.firstChild)}for(b=0;b<l;b++){var L;(L=o[b].cloneNode(!0)).setAttribute("aria-hidden","true"),n.appendChild(L)}y=l}var E=Array.from(n.children);function A(e,t){if(!1===t&&(n.style.transition="none"),s){var o=n.parentElement.offsetHeight/l;E.forEach(function(e){e.style.height=o+"px"}),n.style.transform="translateY(-"+e*o+"px)"}else{var a=E[e],i=E[0],r=a&&i?a.offsetLeft-i.offsetLeft:0;n.style.transform="translateX(-"+r+"px)"}!1===t&&(n.offsetHeight,n.style.transition="")}function x(e){A(p+y,e);var t=(p%u+u)%u;g.forEach(function(e,n){e.classList.toggle("active",n===t)}),i||(v&&(v.disabled=p<=0),h&&(h.disabled=p>=d)),r&&!m&&(p>=u?(m=!0,setTimeout(function(){p-=u,A(p+y,!1),m=!1},420)):p<=-l&&(m=!0,setTimeout(function(){p+=u,A(p+y,!1),m=!1},420)))}function S(e){m||(p=i?(e%u+u)%u:Math.max(0,Math.min(e,d)),x(!0))}function q(){if(!m){if(r)p++;else if(i)p=p+1>d?0:p+1;else{if(p>=d)return;p++}x(!0)}}function w(){if(!m){if(r)p--;else if(i)p=p-1<0?d:p-1;else{if(p<=0)return;p--}x(!0)}}function k(){c>0&&(f=setInterval(q,c))}function C(){f&&clearInterval(f),k()}return v&&v.addEventListener("click",function(){w(),C()}),h&&h.addEventListener("click",function(){q(),C()}),g.forEach(function(e,t){e.addEventListener("click",function(){S(t),C()})}),c>0&&(t.addEventListener("mouseenter",function(){f&&clearInterval(f)}),t.addEventListener("mouseleave",function(){k()})),x(!1),k(),{next:q,prev:w,goTo:S,current:function(){return p}}}return"loading"===document.readyState?document.addEventListener("DOMContentLoaded",n):n(),document.addEventListener("click",function(e){var t=e.target.closest("[data-sidebar-toggle]");if(t){var n=t.closest(".sui-sidebar");n&&n.classList.toggle("sui-sidebar-collapsed")}}),{modal:function(e){const n=document.querySelector(e);if(!n)return null;let o=null;return{open:function(){o=document.activeElement,n.classList.add("sui-modal-open"),document.body.style.overflow="hidden";const e=n.querySelector(".sui-modal");if(e){const n=t(e)[0];n&&n.focus()}},close:function(){n.classList.remove("sui-modal-open"),document.body.style.overflow="",o&&(o.focus(),o=null)},isOpen:function(){return n.classList.contains("sui-modal-open")}}},sheet:function(e){const n=document.querySelector(e);if(!n)return null;let o=null;return{open:function(){o=document.activeElement,n.classList.add("sui-sheet-open"),document.body.style.overflow="hidden";const e=n.querySelector(".sui-sheet");if(e){const n=t(e)[0];n&&n.focus()}},close:function(){n.classList.remove("sui-sheet-open"),document.body.style.overflow="",o&&(o.focus(),o=null)},isOpen:function(){return n.classList.contains("sui-sheet-open")}}},toast:function(e){const t=Object.assign({title:"",message:"",variant:"",duration:4e3,position:"tr",closable:!0},e),n=function(e){const t=e||"tr",n="sui-toast-container sui-toast-"+t;let o=document.querySelector(".sui-toast-container.sui-toast-"+t);return o||(o=document.createElement("div"),o.className=n,document.body.appendChild(o)),o}(t.position),o=document.createElement("div");let s="sui-toast";t.variant&&(s+=" sui-toast-"+t.variant),o.className=s,o.setAttribute("role","alert"),o.setAttribute("aria-live","polite");let a='<div class="sui-toast-body">';t.title&&(a+='<div class="sui-toast-title">'+t.title+"</div>"),t.message&&(a+='<div class="sui-toast-message">'+t.message+"</div>"),a+="</div>",t.closable&&(a+='<button class="sui-toast-close"></button>'),t.duration>0&&(a+='<div class="sui-toast-progress"></div>'),o.innerHTML=a,n.appendChild(o),requestAnimationFrame(()=>{requestAnimationFrame(()=>{o.classList.add("sui-toast-show")})});let r=null;if(t.duration>0){const e=o.querySelector(".sui-toast-progress");e&&(e.style.width="100%",requestAnimationFrame(()=>{e.style.transitionDuration=t.duration+"ms",e.style.width="0%"})),r=setTimeout(()=>i(o),t.duration)}const c=o.querySelector(".sui-toast-close");return c&&c.addEventListener("click",()=>{r&&clearTimeout(r),i(o)}),o},carousel:r,sidebar:function(e){var t="string"==typeof e?document.querySelector(e):e;return t?{collapse:function(){t.classList.add("sui-sidebar-collapsed")},expand:function(){t.classList.remove("sui-sidebar-collapsed")},toggle:function(){t.classList.toggle("sui-sidebar-collapsed")},isCollapsed:function(){return t.classList.contains("sui-sidebar-collapsed")},el:t}:null}}})();
2
+ const SoftUI=(()=>{function e(e){return e<10?"0"+e:""+e}function t(e){return Array.from(e.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))}function n(){document.addEventListener("keydown",e=>{if("Escape"===e.key){const e=document.querySelector(".sui-modal-backdrop.sui-modal-open");e&&(e.classList.remove("sui-modal-open"),document.body.style.overflow="");const t=document.querySelector(".sui-sheet-backdrop.sui-sheet-open");t&&!t.classList.contains("sui-sheet-static")&&(t.classList.remove("sui-sheet-open"),document.body.style.overflow="")}}),document.addEventListener("click",e=>{e.target.classList.contains("sui-modal-backdrop")&&e.target.classList.contains("sui-modal-open")&&(e.target.classList.contains("sui-modal-static")?(e.target.classList.add("sui-modal-shake"),setTimeout(()=>e.target.classList.remove("sui-modal-shake"),200)):(e.target.classList.remove("sui-modal-open"),document.body.style.overflow=""))}),document.addEventListener("keydown",e=>{if("Tab"!==e.key)return;const n=document.querySelector(".sui-modal-backdrop.sui-modal-open");if(!n)return;const o=n.querySelector(".sui-modal");if(!o)return;const s=t(o);if(0===s.length)return;const a=s[0],i=s[s.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),a.focus())}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-modal-close");if(!t)return;const n=t.closest(".sui-modal-backdrop");n&&(n.classList.remove("sui-modal-open"),document.body.style.overflow="")}),document.addEventListener("click",e=>{e.target.classList.contains("sui-sheet-backdrop")&&e.target.classList.contains("sui-sheet-open")&&(e.target.classList.contains("sui-sheet-static")?(e.target.classList.add("sui-sheet-shake"),setTimeout(()=>e.target.classList.remove("sui-sheet-shake"),200)):(e.target.classList.remove("sui-sheet-open"),document.body.style.overflow=""))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-sheet-close");if(!t)return;const n=t.closest(".sui-sheet-backdrop");n&&(n.classList.remove("sui-sheet-open"),document.body.style.overflow="")}),document.addEventListener("keydown",e=>{if("Tab"!==e.key)return;const n=document.querySelector(".sui-sheet-backdrop.sui-sheet-open");if(!n)return;const o=n.querySelector(".sui-sheet");if(!o)return;const s=t(o);if(0===s.length)return;const a=s[0],i=s[s.length-1];e.shiftKey?document.activeElement===a&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),a.focus())}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-alert-close");if(!t)return;const n=t.closest(".sui-alert");n&&(n.style.opacity="0",n.style.transform="translateX(20px)",n.style.transition="opacity 0.3s ease, transform 0.3s ease",setTimeout(()=>n.remove(),300))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-chip-close");if(!t)return;const n=t.closest(".sui-chip");n&&(n.classList.add("sui-chip-removing"),setTimeout(()=>n.remove(),250))}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-tab");if(!t)return;const n=t.closest(".sui-tab-list, .sui-tab-list-pill, .sui-tab-list-underlined, .sui-tab-list-boxed");if(!n)return;const o=n.closest(".sui-tabs");if(!o)return;n.querySelectorAll(".sui-tab").forEach(e=>{e.classList.remove("active"),e.setAttribute("aria-selected","false")}),t.classList.add("active"),t.setAttribute("aria-selected","true");const s=t.getAttribute("data-sui-tab");if(s){o.querySelectorAll(".sui-tab-panel").forEach(e=>e.classList.remove("active"));const e=o.querySelector("#"+s);e&&e.classList.add("active")}}),document.querySelectorAll(".sui-accordion-item.active .sui-accordion-body").forEach(e=>{e.style.setProperty("--sui-accordion-height",e.scrollHeight+"px")}),document.addEventListener("click",e=>{const t=e.target.closest(".sui-accordion-header");if(!t)return;const n=t.closest(".sui-accordion-item");if(!n)return;const o=n.closest(".sui-accordion"),s=n.classList.contains("active");if(o&&!o.hasAttribute("data-sui-multi")&&o.querySelectorAll(".sui-accordion-item.active").forEach(e=>{if(e!==n){e.classList.remove("active");const t=e.querySelector(".sui-accordion-header");t&&t.setAttribute("aria-expanded","false");const n=e.querySelector(".sui-accordion-body");n&&n.style.removeProperty("--sui-accordion-height")}}),s){n.classList.remove("active"),t.setAttribute("aria-expanded","false");const e=n.querySelector(".sui-accordion-body");e&&e.style.removeProperty("--sui-accordion-height")}else{const e=n.querySelector(".sui-accordion-body");e&&e.style.setProperty("--sui-accordion-height",e.scrollHeight+"px"),n.classList.add("active"),t.setAttribute("aria-expanded","true")}}),document.querySelectorAll(".sui-collapsible.open .sui-collapsible-content").forEach(function(e){e.style.setProperty("--sui-collapsible-height",e.scrollHeight+"px")}),document.addEventListener("click",function(e){var t=e.target.closest(".sui-collapsible-trigger");if(t){var n=t.closest(".sui-collapsible");if(n){var o=n.querySelector(".sui-collapsible-content");o&&(n.classList.contains("open")?(n.classList.remove("open"),t.setAttribute("aria-expanded","false"),o.style.removeProperty("--sui-collapsible-height")):(o.style.setProperty("--sui-collapsible-height",o.scrollHeight+"px"),n.classList.add("open"),t.setAttribute("aria-expanded","true")))}}}),document.addEventListener("click",e=>{const t=e.target.closest("[data-sui-dropdown], .sui-dropdown-toggle");if(t){const n=t.closest(".sui-dropdown, .sui-dropdown-split");if(!n)return;document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{if(e!==n){e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")}}),n.classList.toggle("open");const o=n.classList.contains("open");return t.setAttribute("aria-expanded",o?"true":"false"),void e.stopPropagation()}const n=e.target.closest(".sui-dropdown-item");if(n){const e=n.closest(".sui-dropdown, .sui-dropdown-split");if(e){e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")}return}document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")})}),document.addEventListener("keydown",e=>{"Escape"===e.key&&document.querySelectorAll(".sui-dropdown.open, .sui-dropdown-split.open").forEach(e=>{e.classList.remove("open");const t=e.querySelector("[data-sui-dropdown], .sui-dropdown-toggle");t&&t.setAttribute("aria-expanded","false")})}),function(){var e=null;function t(){e&&(e.classList.remove("open"),e.querySelectorAll(".sui-context-sub.open").forEach(function(e){e.classList.remove("open")}),e=null)}function n(e,t,n){e.style.left="0px",e.style.top="0px",e.classList.add("open");var o=e.getBoundingClientRect(),s=window.innerWidth,a=window.innerHeight;t+o.width>s&&(t=s-o.width-4),n+o.height>a&&(n=a-o.height-4),t<0&&(t=4),n<0&&(n=4),e.style.left=t+"px",e.style.top=n+"px"}document.addEventListener("contextmenu",function(o){var s=o.target.closest("[data-sui-context]");if(s){o.preventDefault(),t();var a=s.getAttribute("data-sui-context"),i=document.getElementById(a);if(i){n(i,o.clientX,o.clientY),e=i;var r=i.querySelector(".sui-context-item:not(.disabled), .sui-context-sub-trigger");r&&r.focus()}}}),document.addEventListener("click",function(n){e&&!n.target.closest(".sui-context-menu")&&t()}),document.addEventListener("click",function(n){var o=n.target.closest(".sui-context-item");if(o&&e&&o.closest(".sui-context-menu"))if(o.hasAttribute("data-sui-context-check")){var s=o.querySelector(".sui-context-check");if(s){var a=""!==s.textContent.trim();s.textContent=a?"":"✓"}}else if(o.hasAttribute("data-sui-context-radio")){var i=o.getAttribute("data-sui-context-radio");e.querySelectorAll('[data-sui-context-radio="'+i+'"] .sui-context-check').forEach(function(e){e.textContent=""});var r=o.querySelector(".sui-context-check");r&&(r.textContent="•")}else o.classList.contains("disabled")||t()}),document.addEventListener("mouseenter",function(e){var t=e.target.closest&&e.target.closest(".sui-context-sub-trigger");if(t){var n=t.closest(".sui-context-sub");if(n){var o=n.parentElement;o&&o.querySelectorAll(":scope > .sui-context-sub.open").forEach(function(e){e!==n&&e.classList.remove("open")}),n.classList.add("open")}}},!0),document.addEventListener("mouseleave",function(e){var t=e.target.closest&&e.target.closest(".sui-context-sub");t&&setTimeout(function(){t.matches(":hover")||t.classList.remove("open")},100)},!0),document.addEventListener("keydown",function(n){"Escape"===n.key&&e&&((i=e.querySelector(".sui-context-sub.open"))?(i.classList.remove("open"),i.querySelector(".sui-context-sub-trigger").focus()):t());if(e){if("ArrowDown"===n.key||"ArrowUp"===n.key){n.preventDefault();var o=e.querySelector(".sui-context-sub.open > .sui-context-sub-content")||e,s=Array.from(o.querySelectorAll(":scope > .sui-context-item:not(.disabled), :scope > .sui-context-sub > .sui-context-sub-trigger"));if(0===s.length)return;var a=s.indexOf(document.activeElement);s[a="ArrowDown"===n.key?a<s.length-1?a+1:0:a>0?a-1:s.length-1].focus()}var i,r;if("ArrowRight"===n.key)if((r=document.activeElement)&&r.classList.contains("sui-context-sub-trigger")){var c=r.closest(".sui-context-sub");if(c){c.classList.add("open");var l=c.querySelector(".sui-context-sub-content .sui-context-item:not(.disabled), .sui-context-sub-content .sui-context-sub-trigger");l&&l.focus()}}if("ArrowLeft"===n.key)(i=document.activeElement&&document.activeElement.closest(".sui-context-sub.open"))&&i.closest(".sui-context-menu")===e&&(i.classList.remove("open"),i.querySelector(".sui-context-sub-trigger").focus());if("Enter"===n.key)(r=document.activeElement)&&(r.classList.contains("sui-context-item")||r.classList.contains("sui-context-sub-trigger"))&&r.click()}}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}(),document.querySelectorAll(".sui-command[data-sui-command]").forEach(function(e){var t=e.querySelector(".sui-command-input"),n=e.querySelector(".sui-command-list"),o=e.querySelector(".sui-command-empty");if(t&&n){var s=n.querySelectorAll(".sui-command-item"),a=n.querySelectorAll(".sui-command-group"),i=n.querySelectorAll(".sui-command-separator"),r=-1;t.addEventListener("input",d),e.addEventListener("keydown",function(e){var t=l();"ArrowDown"===e.key?(e.preventDefault(),t.length>0&&(r=r<t.length-1?r+1:0,u(t))):"ArrowUp"===e.key?(e.preventDefault(),t.length>0&&(r=r>0?r-1:t.length-1,u(t))):"Enter"===e.key&&(e.preventDefault(),r>=0&&r<t.length&&t[r].click())}),s.forEach(function(e){e.addEventListener("mouseenter",function(){var t=l();r=t.indexOf(e),u(t)})});var c=l();c.length>0&&(r=0,u(c))}function l(){return Array.from(n.querySelectorAll(".sui-command-item:not([hidden])"))}function u(e){s.forEach(function(e){e.classList.remove("focused")}),r>=0&&r<e.length&&(e[r].classList.add("focused"),e[r].scrollIntoView({block:"nearest"}))}function d(){var e=t.value.toLowerCase().trim(),n=!1;s.forEach(function(t){var o=t.textContent.toLowerCase(),s=!e||-1!==o.indexOf(e);t.hidden=!s,s&&(n=!0)}),a.forEach(function(e){var t=e.querySelector(".sui-command-item:not([hidden])");e.hidden=!t}),i.forEach(function(e){var t=e.nextElementSibling,n=e.previousElementSibling,o=t&&t.hidden,s=n&&n.hidden;e.hidden=o||s}),o&&o.classList.toggle("visible",!n),r=n?0:-1,u(l())}}),document.querySelectorAll(".sui-command-dialog").forEach(function(e){var t=e.querySelector(".sui-command"),n=t?t.querySelector(".sui-command-input"):null;function o(){e.classList.add("open"),document.body.style.overflow="hidden",n&&(n.value="",n.dispatchEvent(new Event("input")),setTimeout(function(){n.focus()},50))}function s(){e.classList.remove("open"),document.body.style.overflow=""}var a=e.dataset.suiCommandKey||"k";document.addEventListener("keydown",function(t){(t.metaKey||t.ctrlKey)&&t.key===a&&(t.preventDefault(),e.classList.contains("open")?s():o())}),e.addEventListener("keydown",function(e){"Escape"===e.key&&(e.preventDefault(),s())}),e.addEventListener("click",function(t){t.target===e&&s()}),document.querySelectorAll('[data-sui-command-open="'+e.id+'"]').forEach(function(e){e.addEventListener("click",function(){o()})})}),function(){var t=["January","February","March","April","May","June","July","August","September","October","November","December"],n=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],o=["Su","Mo","Tu","We","Th","Fr","Sa"];function s(e,t){return new Date(e,t+1,0).getDate()}function a(e,t){return e&&t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function i(e,t,n){if(!t||!n)return!1;var o=e.getTime(),s=Math.min(t.getTime(),n.getTime()),a=Math.max(t.getTime(),n.getTime());return o>s&&o<a}function r(e){if(!e)return null;if("today"===e)return new Date((new Date).setHours(0,0,0,0));var t=e.split("-");return 3===t.length?new Date(+t[0],+t[1]-1,+t[2]):null}function c(n,o,s,a,i){var r=t[n.getMonth()].substring(0,3)+" "+n.getDate()+", "+n.getFullYear();if(o){var c=null!=a?a:0;r+=" "+e(null!=s?s:12)+":"+e(c),i&&(r+=" "+i)}return r}document.querySelectorAll(".sui-calendar[data-sui-calendar]").forEach(function(l){var u=l.dataset.suiCalendar||"single",d=new Date;d.setHours(0,0,0,0);var f=r(l.dataset.suiMin),p=r(l.dataset.suiMax),v=[];function m(e){for(var t=0;t<v.length;t++)if(a(e,v[t]))return!0;return!!(f&&e<f)||!!(p&&e>p)}l.dataset.suiDisabled&&l.dataset.suiDisabled.split(",").forEach(function(e){var t=r(e.trim());t&&v.push(t)});var h=null,g=null,y=null,b="",L="days",E=0,A=l.hasAttribute("data-sui-calendar-time"),x="24h"===l.getAttribute("data-sui-calendar-time"),S=x?0:12,q=0,w="AM",k=null,C=null,D=null,N=null;if(A){if(k=l.querySelector(".sui-calendar-time"))C=k.querySelectorAll(".sui-calendar-time-input")[0],D=k.querySelectorAll(".sui-calendar-time-input")[1],N=k.querySelector(".sui-calendar-time-period");else{(k=document.createElement("div")).className="sui-calendar-time";var M=document.createElement("span");M.className="sui-calendar-time-label",M.textContent="Time",k.appendChild(M),(C=document.createElement("input")).type="text",C.className="sui-calendar-time-input",C.value=e(S),C.maxLength=2,C.setAttribute("aria-label","Hour"),k.appendChild(C);var T=document.createElement("span");T.className="sui-calendar-time-sep",T.textContent=":",k.appendChild(T),(D=document.createElement("input")).type="text",D.className="sui-calendar-time-input",D.value=e(q),D.maxLength=2,D.setAttribute("aria-label","Minute"),k.appendChild(D),x||((N=document.createElement("button")).type="button",N.className="sui-calendar-time-period",N.textContent=w,k.appendChild(N));var P=l.querySelector("[data-sui-calendar-clear]");P?l.insertBefore(k,P):l.appendChild(k)}var F=x?23:12,O=x?0:1;function H(e){var t=parseInt(e,10);return(isNaN(t)||t<0)&&(t=0),t>23&&(t=23),x?{hour:t}:0===t?{hour:12,period:"AM"}:t<12?{hour:t,period:"AM"}:12===t?{hour:12,period:"PM"}:{hour:t-12,period:"PM"}}function z(e){var t=parseInt(e,10);return isNaN(t)||t<0?0:t>59?59:t}C.addEventListener("blur",function(){var t=H(this.value);S=t.hour,!x&&t.period&&(w=t.period,N&&(N.textContent=w)),this.value=e(S),I()}),C.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),S=S>=F?O:S+1,this.value=e(S),I()),"ArrowDown"===t.key&&(t.preventDefault(),S=S<=O?F:S-1,this.value=e(S),I()),"Enter"===t.key&&this.blur()}),D.addEventListener("blur",function(){q=z(this.value),this.value=e(q),I()}),D.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),q=q>=59?0:q+1,this.value=e(q),I()),"ArrowDown"===t.key&&(t.preventDefault(),q=q<=0?59:q-1,this.value=e(q),I()),"Enter"===t.key&&this.blur()}),N&&N.addEventListener("click",function(e){e.stopPropagation(),w="AM"===w?"PM":"AM",this.textContent=w,I()})}function I(){A&&"single"===u&&h&&l.dispatchEvent(new CustomEvent("sui-date-select",{detail:{date:h,hour:S,minute:q,period:x?null:w,is24h:x}}))}var B=l.querySelectorAll(".sui-calendar-month"),Y=B.length>0;Y||(B=[l]);var R=[];B.forEach(function(e,t){R.push(t)});var U=d.getFullYear(),W=d.getMonth(),G=l.querySelector("[data-sui-calendar-prev]"),J=l.querySelector("[data-sui-calendar-next]"),K=l.querySelector(".sui-calendar-header .sui-calendar-title");function X(){L="days",k&&(k.style.display=""),B.forEach(function(e,n){for(var r=W+R[n],c=U;r>11;)r-=12,c++;for(;r<0;)r+=12,c--;var f=e.querySelector(".sui-calendar-title");f&&(0!==n||Y||f!==K?f.textContent=t[r]+" "+c:(f.textContent=t[r]+" "+c,f.style.cursor="pointer"));var p=e.querySelector(".sui-calendar-grid");if(p){p.innerHTML="",p.style.gridTemplateColumns="repeat(7, 1fr)",o.forEach(function(e){var t=document.createElement("div");t.className="sui-calendar-day-label",t.textContent=e,p.appendChild(t)});for(var v=new Date(c,r,1).getDay(),b=s(c,r),L=s(c,r-1),E=v-1;E>=0;E--){(M=document.createElement("button")).className="sui-calendar-day outside",M.textContent=L-E,M.type="button",M.disabled=!0,p.appendChild(M)}for(var x=1;x<=b;x++){var k=new Date(c,r,x);(M=document.createElement("button")).className="sui-calendar-day",M.textContent=x,M.type="button",a(k,d)&&M.classList.add("today"),m(k)&&M.classList.add("disabled"),"single"===u&&a(k,h)&&M.classList.add("selected"),"range"===u&&(a(k,g)&&M.classList.add("range-start"),a(k,y)&&M.classList.add("range-end"),g&&y&&i(k,g,y)&&M.classList.add("in-range")),function(e){M.addEventListener("click",function(t){if(t.stopPropagation(),"single"===u){h=e;var n={date:e};A&&(n.hour=S,n.minute=q,n.period=w),l.dispatchEvent(new CustomEvent("sui-date-select",{detail:n}))}else"range"===u&&(!g||y?(g=e,y=null):(e<g?(y=g,g=e):y=e,l.dispatchEvent(new CustomEvent("sui-date-select",{detail:{start:g,end:y}}))));X()})}(k),p.appendChild(M)}for(var C=v+b,D=C%7==0?0:7-C%7,N=1;N<=D;N++){var M;(M=document.createElement("button")).className="sui-calendar-day outside",M.textContent=N,M.type="button",M.disabled=!0,p.appendChild(M)}}}),$()}function V(){L="months",k&&(k.style.display="none"),K&&(K.textContent=U,K.style.cursor="pointer");var e=B[0].querySelector(".sui-calendar-grid");if(e){e.innerHTML="",e.style.gridTemplateColumns="repeat(4, 1fr)";for(var t=0;t<12;t++){var o=document.createElement("button");o.className="sui-calendar-day",o.textContent=n[t],o.type="button",t===W&&U===d.getFullYear()&&o.classList.add("today"),t===W&&o.classList.add("selected"),function(e){o.addEventListener("click",function(t){t.stopPropagation(),W=e,X()})}(t),e.appendChild(o)}}}function j(){L="years",k&&(k.style.display="none");var e=E,t=e+11;K&&(K.textContent=e+" – "+t,K.style.cursor="default");var n=B[0].querySelector(".sui-calendar-grid");if(n){n.innerHTML="",n.style.gridTemplateColumns="repeat(4, 1fr)";for(var o=e;o<=t;o++){var s=document.createElement("button");s.className="sui-calendar-day",s.textContent=o,s.type="button",o===d.getFullYear()&&s.classList.add("today"),o===U&&s.classList.add("selected"),function(e){s.addEventListener("click",function(t){t.stopPropagation(),U=e,V()})}(o),n.appendChild(s)}}}function $(){var e=l.querySelector("[data-sui-calendar-clear]");if(e){var t="single"===u?!!h:!(!g&&!y);e.style.display=t?"":"none"}}G&&G.addEventListener("click",function(){"days"===L?(--W<0&&(W=11,U--),X()):"months"===L?(U--,V()):"years"===L&&(E-=12,j())}),J&&J.addEventListener("click",function(){"days"===L?(++W>11&&(W=0,U++),X()):"months"===L?(U++,V()):"years"===L&&(E+=12,j())}),K&&!Y&&K.addEventListener("click",function(){"days"===L?V():"months"===L&&(E=U-U%12,j())}),l.querySelectorAll("[data-sui-calendar-clear]").forEach(function(t){t.addEventListener("click",function(t){t.stopPropagation(),h=null,g=null,y=null,A&&(S=x?0:12,q=0,w="AM",C&&(C.value=e(S)),D&&(D.value=e(q)),N&&(N.textContent=w)),l.dispatchEvent(new CustomEvent("sui-date-clear")),X()})}),X();var Z=l.closest(".sui-datepicker");if(Z){var _=Z.querySelector(".sui-datepicker-trigger"),Q=Z.querySelector(".sui-datepicker-popover"),ee=_?_.querySelector(".sui-datepicker-placeholder"):null;ee&&(b=ee.textContent),_&&Q&&(_.addEventListener("click",function(e){e.stopPropagation(),Q.classList.toggle("open")}),document.addEventListener("mousedown",function(e){Z.contains(e.target)||Q.classList.remove("open")})),l.addEventListener("sui-date-select",function(e){if(_){var t=_.querySelector(".sui-datepicker-value")||_.querySelector(".sui-datepicker-placeholder");if("single"===u&&e.detail.date){var n=c(e.detail.date,A,e.detail.hour,e.detail.minute,e.detail.is24h?null:e.detail.period);t&&(t.textContent=n,t.className="sui-datepicker-value"),!A&&Q&&Q.classList.remove("open")}else if("range"===u&&e.detail.start&&e.detail.end){n=c(e.detail.start)+" – "+c(e.detail.end);t&&(t.textContent=n,t.className="sui-datepicker-value"),Q&&Q.classList.remove("open")}$()}}),l.addEventListener("sui-date-clear",function(){var e=_.querySelector(".sui-datepicker-value")||_.querySelector(".sui-datepicker-placeholder");e&&(e.textContent=b,e.className="sui-datepicker-placeholder"),$()})}})}(),document.querySelectorAll(".sui-timepicker[data-sui-timepicker]").forEach(function(t){var n="24h"===t.getAttribute("data-sui-timepicker"),o=n?23:12,s=n?0:1,a=n?0:12,i=0,r="AM",c=t.querySelectorAll(".sui-calendar-time-input")[0],l=t.querySelectorAll(".sui-calendar-time-input")[1],u=t.querySelector(".sui-calendar-time-period");if(!c||!l){var d=document.createElement("span");d.className="sui-calendar-time-label",d.textContent="Time",t.appendChild(d),(c=document.createElement("input")).type="text",c.className="sui-calendar-time-input",c.value=e(a),c.maxLength=2,c.setAttribute("aria-label","Hour"),t.appendChild(c);var f=document.createElement("span");f.className="sui-calendar-time-sep",f.textContent=":",t.appendChild(f),(l=document.createElement("input")).type="text",l.className="sui-calendar-time-input",l.value=e(i),l.maxLength=2,l.setAttribute("aria-label","Minute"),t.appendChild(l),n||((u=document.createElement("button")).type="button",u.className="sui-calendar-time-period",u.textContent=r,t.appendChild(u))}function p(e){var t=parseInt(e,10);return(isNaN(t)||t<0)&&(t=0),t>23&&(t=23),n?{hour:t}:0===t?{hour:12,period:"AM"}:t<12?{hour:t,period:"AM"}:12===t?{hour:12,period:"PM"}:{hour:t-12,period:"PM"}}function v(e){var t=parseInt(e,10);return isNaN(t)||t<0?0:t>59?59:t}function m(){t.dispatchEvent(new CustomEvent("sui-time-change",{detail:{hour:a,minute:i,period:n?null:r,is24h:n}}))}c.addEventListener("blur",function(){var t=p(this.value);a=t.hour,!n&&t.period&&(r=t.period,u&&(u.textContent=r)),this.value=e(a),m()}),c.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),a=a>=o?s:a+1,this.value=e(a),m()),"ArrowDown"===t.key&&(t.preventDefault(),a=a<=s?o:a-1,this.value=e(a),m()),"Enter"===t.key&&this.blur()}),l.addEventListener("blur",function(){i=v(this.value),this.value=e(i),m()}),l.addEventListener("keydown",function(t){"ArrowUp"===t.key&&(t.preventDefault(),i=i>=59?0:i+1,this.value=e(i),m()),"ArrowDown"===t.key&&(t.preventDefault(),i=i<=0?59:i-1,this.value=e(i),m()),"Enter"===t.key&&this.blur()}),u&&u.addEventListener("click",function(e){e.stopPropagation(),r="AM"===r?"PM":"AM",this.textContent=r,m()})}),function(){var e=!1;function t(t){t.querySelectorAll(".sui-menubar-menu.open").forEach(function(e){e.classList.remove("open"),e.querySelector(".sui-menubar-trigger").classList.remove("active")}),t.querySelectorAll(".sui-menubar-sub.open").forEach(function(e){e.classList.remove("open")}),e=!1}function n(n){document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)}),n.classList.add("open"),n.querySelector(".sui-menubar-trigger").classList.add("active"),e=!0}document.addEventListener("click",function(e){var o=e.target.closest(".sui-menubar-trigger");if(o){var s=o.closest(".sui-menubar-menu");return s.classList.contains("open")?t(s.closest(".sui-menubar")):n(s),void e.stopPropagation()}var a=e.target.closest(".sui-menubar-sub-trigger");if(a){var i=a.closest(".sui-menubar-sub"),r=i.classList.contains("open");return i.parentElement.querySelectorAll(".sui-menubar-sub.open").forEach(function(e){e.classList.remove("open")}),r||i.classList.add("open"),void e.stopPropagation()}var c=e.target.closest(".sui-menubar-item");c&&c.closest(".sui-menubar")?t(c.closest(".sui-menubar")):document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)})}),document.addEventListener("mouseenter",function(t){if(e){var o=t.target.closest?t.target.closest(".sui-menubar-trigger"):null;if(o){var s=o.closest(".sui-menubar-menu");s&&!s.classList.contains("open")&&n(s)}}},!0),document.querySelectorAll(".sui-menubar-sub").forEach(function(e){e.addEventListener("mouseenter",function(){e.parentElement.querySelectorAll(".sui-menubar-sub.open").forEach(function(t){t!==e&&t.classList.remove("open")}),e.classList.add("open")}),e.addEventListener("mouseleave",function(){e.classList.remove("open")})}),document.addEventListener("keydown",function(e){"Escape"===e.key&&document.querySelectorAll(".sui-menubar").forEach(function(e){t(e)})})}(),document.querySelectorAll(".sui-combobox").forEach(function(e){var t=e.querySelector(".sui-combobox-trigger"),n=e.querySelector(".sui-combobox-content"),o=e.querySelector(".sui-combobox-input"),s=e.querySelectorAll(".sui-combobox-item"),a=e.querySelector(".sui-combobox-value"),i=e.querySelector(".sui-combobox-chips"),r=e.querySelector(".sui-combobox-empty"),c=e.querySelector(".sui-combobox-clear"),l=e.classList.contains("sui-combobox-multiple"),u=a?a.textContent:"";function d(){document.querySelectorAll(".sui-combobox.open").forEach(function(t){t!==e&&t.classList.remove("open")}),e.classList.add("open"),o&&(o.value="",o.focus(),p(""))}function f(){e.classList.remove("open")}function p(t){var n=t.toLowerCase(),o=0;s.forEach(function(e){var t=e.textContent.toLowerCase(),s=!n||-1!==t.indexOf(n);e.style.display=s?"":"none",s&&o++}),e.querySelectorAll(".sui-combobox-label").forEach(function(e){for(var t=e.nextElementSibling,n=!1;t&&!t.classList.contains("sui-combobox-label")&&!t.classList.contains("sui-combobox-separator");)t.classList.contains("sui-combobox-item")&&"none"!==t.style.display&&(n=!0),t=t.nextElementSibling;e.style.display=n?"":"none"}),e.querySelectorAll(".sui-combobox-separator").forEach(function(e){e.style.display=n?"none":""}),r&&r.classList.toggle("visible",0===o)}function v(){if(c){var t=e.querySelectorAll(".sui-combobox-item.selected").length>0;c.classList.toggle("visible",t)}}function m(){s.forEach(function(e){e.classList.remove("selected")}),a&&(a.textContent=u,a.classList.add("placeholder")),i&&h(),v()}function h(){if(i){i.innerHTML="";var t=e.querySelectorAll(".sui-combobox-item.selected");if(0===t.length){var n=document.createElement("span");return n.className="placeholder",n.textContent=u,i.appendChild(n),void v()}t.forEach(function(e){var t=document.createElement("span");t.className="sui-combobox-chip",t.textContent=e.getAttribute("data-value")||e.textContent.trim();var n=document.createElement("span");n.className="sui-combobox-chip-remove",n.innerHTML="&#10005;",n.addEventListener("click",function(t){t.stopPropagation(),e.classList.remove("selected"),h()}),t.appendChild(n),i.appendChild(t)}),v()}}i&&(u=i.textContent.trim()),t&&n&&(e.classList.contains("sui-combobox-disabled")||(c&&c.addEventListener("click",function(e){e.stopPropagation(),m()}),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.contains("open")?f():d()}),o&&(o.addEventListener("input",function(){p(o.value)}),o.addEventListener("click",function(e){e.stopPropagation()})),s.forEach(function(e){e.addEventListener("click",function(t){t.stopPropagation(),l?(e.classList.toggle("selected"),h()):(s.forEach(function(e){e.classList.remove("selected")}),e.classList.add("selected"),a&&(a.textContent=e.getAttribute("data-value")||e.textContent.trim(),a.classList.remove("placeholder")),v(),f())})}),document.addEventListener("click",function(t){e.contains(t.target)||f()}),e.addEventListener("keydown",function(e){"Escape"===e.key&&f()}),v()))}),document.querySelectorAll(".sui-resizable").forEach(function(e){var t=e.classList.contains("sui-resizable-vertical"),n=e.querySelectorAll(":scope > .sui-resizable-handle"),o=Array.from(e.querySelectorAll(":scope > .sui-resizable-panel"));o.forEach(function(e){var t=parseFloat(e.getAttribute("data-size"))||100/o.length;e.style.flexGrow=t}),n.forEach(function(e){var n=e.previousElementSibling,o=e.nextElementSibling;function s(e){return parseFloat(e.style.flexGrow)||0}function a(e){return parseFloat(e.getAttribute("data-min-size"))||0}function i(e){var t=s(n),i=t+s(o),r=a(n),c=a(o),l=Math.max(r,Math.min(i-c,t+e)),u=i-l;n.style.flexGrow=l,o.style.flexGrow=u}function r(i){i.preventDefault(),e.focus(),e.classList.add("dragging");var r=s(n),c=s(o),l=r+c,u=t?n.offsetHeight:n.offsetWidth,d=t?o.offsetHeight:o.offsetWidth,f=u+d,p=t?i.clientY:i.clientX,v=a(n),m=a(o);function h(e){var s=(t?e.clientY:e.clientX)-p;s=Math.max(-u,Math.min(d,s));var a=f>0?s/f:0,i=Math.max(v,Math.min(l-m,r+a*l)),c=l-i;n.style.flexGrow=i,o.style.flexGrow=c}function g(){e.classList.remove("dragging"),document.removeEventListener("pointermove",h),document.removeEventListener("pointerup",g)}document.addEventListener("pointermove",h),document.addEventListener("pointerup",g)}n&&o&&(e.setAttribute("tabindex","0"),e.setAttribute("role","separator"),e.setAttribute("aria-orientation",t?"horizontal":"vertical"),e.addEventListener("pointerdown",r),e.addEventListener("keydown",function(e){var a=e.shiftKey?10:2,r=t?"ArrowDown":"ArrowRight",c=t?"ArrowUp":"ArrowLeft";e.key===r?(e.preventDefault(),i(a)):e.key===c?(e.preventDefault(),i(-a)):"Home"===e.key?(e.preventDefault(),i(-s(n))):"End"===e.key&&(e.preventDefault(),i(s(o)))}))})}),document.addEventListener("click",e=>{const t=e.target.closest("[data-sui-popover]");if(t){const n=t.closest(".sui-popover");if(!n)return;document.querySelectorAll(".sui-popover.open").forEach(e=>{if(e!==n){e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&t.setAttribute("aria-expanded","false")}}),n.classList.contains("open")||o(n,"sui-popover"),n.classList.toggle("open");const s=n.classList.contains("open");return s||a(n,"sui-popover"),t.setAttribute("aria-expanded",s?"true":"false"),void e.stopPropagation()}const n=e.target.closest(".sui-popover-close");if(n){const e=n.closest(".sui-popover");if(e){e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&(t.setAttribute("aria-expanded","false"),t.focus())}return}e.target.closest(".sui-popover-content")||document.querySelectorAll(".sui-popover.open").forEach(e=>{e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&t.setAttribute("aria-expanded","false")})}),document.addEventListener("keydown",e=>{"Escape"===e.key&&document.querySelectorAll(".sui-popover.open").forEach(e=>{e.classList.remove("open"),a(e,"sui-popover");const t=e.querySelector("[data-sui-popover]");t&&(t.setAttribute("aria-expanded","false"),t.focus())})}),document.querySelectorAll(".sui-carousel").forEach(e=>{e.id&&r("#"+e.id)}),document.querySelectorAll(".sui-slider").forEach(e=>{const t=e.querySelector('input[type="range"]'),n=e.querySelector(".sui-slider-value");t&&n&&(n.textContent=t.value,t.addEventListener("input",()=>{n.textContent=t.value}))}),document.querySelectorAll(".sui-toggle-group[data-sui-toggle]").forEach(function(e){var t=e.dataset.suiToggle,n=e.querySelectorAll(".sui-toggle-group-item:not([disabled])");n.forEach(function(e){e.addEventListener("click",function(){if("single"===t){var o=e.classList.contains("active");n.forEach(function(e){e.classList.remove("active"),e.setAttribute("aria-pressed","false")}),o||(e.classList.add("active"),e.setAttribute("aria-pressed","true"))}else e.classList.toggle("active"),e.setAttribute("aria-pressed",e.classList.contains("active")?"true":"false")})})}),document.querySelectorAll(".sui-otp[data-sui-otp]").forEach(function(e){if(void 0===e.dataset.suiOtpDisabled){var t=e.querySelectorAll(".sui-otp-slot"),n=t.length,o=e.dataset.suiOtpPattern||"digits",s="alphanumeric"===o?/^[a-zA-Z0-9]$/:/^[0-9]$/,a=document.createElement("input");a.className="sui-otp-input",a.setAttribute("inputmode","alphanumeric"===o?"text":"numeric"),a.setAttribute("autocomplete","one-time-code"),a.setAttribute("maxlength",n),a.setAttribute("aria-label","One-time code"),e.appendChild(a),a.addEventListener("input",function(){for(var t="",r=0;r<a.value.length&&t.length<n;r++)s.test(a.value[r])&&(t+="alphanumeric"===o?a.value[r].toUpperCase():a.value[r]);a.value=t,i(),t.length===n&&e.dispatchEvent(new CustomEvent("sui-otp-complete",{detail:{value:t}}))}),a.addEventListener("focus",i),a.addEventListener("blur",function(){t.forEach(function(e){e.classList.remove("sui-otp-active")})}),e.addEventListener("click",function(e){a.focus()}),t.forEach(function(e,t){e.addEventListener("click",function(e){e.stopPropagation(),a.focus();var n=Math.min(t,a.value.length);a.setSelectionRange(n,n),i()})}),i()}function i(){var e=a.value;t.forEach(function(t,n){t.textContent=e[n]||"",t.classList.toggle("sui-otp-filled",!!e[n]),t.classList.remove("sui-otp-active")});var o=Math.min(e.length,n-1);document.activeElement===a&&e.length<n?t[o].classList.add("sui-otp-active"):document.activeElement===a&&e.length===n&&t[n-1].classList.add("sui-otp-active")}}),document.querySelectorAll(".sui-chart-bar-col").forEach(function(e){if(!e.querySelector(".sui-chart-bar-group")){var t=e.querySelector(".sui-chart-bar-fill");if(t){var n=parseFloat(t.getAttribute("data-value"));if(!isNaN(n)){var o=parseFloat(t.getAttribute("data-max"))||100,s=Math.min(100,Math.max(0,n/o*100));t.style.height=s+"%"}}}}),document.querySelectorAll(".sui-chart-bar-group").forEach(function(e){e.querySelectorAll(".sui-chart-bar-fill").forEach(function(e){var t=parseFloat(e.getAttribute("data-value"));if(!isNaN(t)){var n=parseFloat(e.getAttribute("data-max"))||100,o=Math.min(100,Math.max(0,t/n*100));e.style.height=o+"%"}})}),document.querySelectorAll(".sui-chart-bar-row").forEach(function(e){var t=e.querySelector(".sui-chart-bar-fill");if(t){var n=parseFloat(t.getAttribute("data-value"));if(!isNaN(n)){var o=parseFloat(t.getAttribute("data-max"))||100,s=Math.min(100,Math.max(0,n/o*100));t.style.width=s+"%"}}}),document.querySelectorAll(".sui-chart-bar-track-stacked").forEach(function(e){var t=e.querySelectorAll(".sui-chart-bar-fill"),n=0;t.forEach(function(e){n+=parseFloat(e.getAttribute("data-value"))||0});var o=parseFloat(e.getAttribute("data-max"))||n||100;t.forEach(function(e){var t=parseFloat(e.getAttribute("data-value"))||0;e.style.height=t/o*100+"%"})}),document.querySelectorAll(".sui-chart-donut[data-segments]").forEach(function(e){try{var t=JSON.parse(e.getAttribute("data-segments")),n=0;t.forEach(function(e){n+=e.value});var o=[],s=0;t.forEach(function(e){var t=s/n*100,a=(s+=e.value)/n*100;o.push(e.color+" "+t+"% "+a+"%")}),e.style.background="conic-gradient("+o.join(", ")+")"}catch(e){}}),document.querySelectorAll(".sui-chart-line-wrap .chart-line").forEach(function(e){if(e.getTotalLength){var t=e.getTotalLength();e.style.setProperty("--line-length",t),e.style.strokeDasharray=t,e.style.strokeDashoffset=t}}),document.querySelectorAll(".sui-chart-line-wrap").forEach(function(e){var t=e.querySelectorAll(".chart-dot[data-value]");if(t.length){var n=document.createElement("div");n.className="sui-chart-tooltip",e.appendChild(n),t.forEach(function(t){t.addEventListener("mouseenter",function(){var o=t.getAttribute("data-value");n.textContent=o;var s=e.querySelector("svg"),a=s.getBoundingClientRect(),i=e.getBoundingClientRect(),r=parseFloat(t.getAttribute("cx")),c=parseFloat(t.getAttribute("cy")),l=s.viewBox.baseVal,u=a.width/l.width,d=a.height/l.height,f=r*u+(a.left-i.left),p=c*d+(a.top-i.top);n.style.left=f+"px",n.style.top=p-8+"px",n.classList.add("visible")}),t.addEventListener("mouseleave",function(){n.classList.remove("visible")})})}}),document.querySelectorAll(".sui-datatable").forEach(function(e){var t=e.querySelector(".sui-table");if(t){var n=t.querySelector("tbody");if(n){var o=Array.prototype.slice.call(n.querySelectorAll("tr")),s=o.slice(),a=1,i=e.querySelector(".sui-datatable-perpage select"),r=i?parseInt(i.value,10):o.length,c=e.querySelector(".sui-datatable-info"),l=e.querySelector(".sui-datatable-pagination"),u=e.querySelector(".sui-datatable-search input");u&&u.addEventListener("input",function(){var e=u.value.toLowerCase().trim();s=o.filter(function(t){return-1!==t.textContent.toLowerCase().indexOf(e)}),a=1,f()}),i&&i.addEventListener("change",function(){r=parseInt(i.value,10),a=1,f()});var d=t.querySelectorAll("th[data-sort]");d.forEach(function(e){e.addEventListener("click",function(){var t=e.getAttribute("data-sort"),o=Array.prototype.indexOf.call(e.parentElement.children,e),i=t,r="asc";e.classList.contains("sort-asc")&&(r="desc"),d.forEach(function(e){e.classList.remove("sort-asc","sort-desc")}),e.classList.add("asc"===r?"sort-asc":"sort-desc"),s.sort(function(e,t){var n=e.children[o]?e.children[o].textContent.trim():"",s=t.children[o]?t.children[o].textContent.trim():"";if("number"===i){var a=parseFloat(n.replace(/[^0-9.\-]/g,""))||0,c=parseFloat(s.replace(/[^0-9.\-]/g,""))||0;return"asc"===r?a-c:c-a}return"asc"===r?n.localeCompare(s):s.localeCompare(n)}),s.forEach(function(e){n.appendChild(e)}),a=1,f()})}),f()}}function f(){var e=s.length,i=r>0?Math.ceil(e/r):1;a>i&&(a=i),a<1&&(a=1);var u=(a-1)*r,d=Math.min(u+r,e);o.forEach(function(e){e.style.display="none"});for(var p=u;p<d;p++)s[p].style.display="";var v=n.querySelector(".sui-datatable-empty-row");if(0===e){if(!v){(v=document.createElement("tr")).className="sui-datatable-empty-row";var m=document.createElement("td");m.className="sui-datatable-empty",m.colSpan=t.querySelectorAll("thead th").length,m.textContent="No matching records found.",v.appendChild(m),n.appendChild(v)}v.style.display=""}else v&&(v.style.display="none");if(c&&(c.textContent=0===e?"No entries":"Showing "+(u+1)+"–"+d+" of "+e),l){l.innerHTML="";var h=document.createElement("button");h.textContent="‹",h.disabled=a<=1,h.addEventListener("click",function(){a>1&&(a--,f())}),l.appendChild(h);for(var g=1;g<=i;g++)(function(e){var t=document.createElement("button");t.textContent=e,e===a&&(t.className="active"),t.addEventListener("click",function(){a=e,f()}),l.appendChild(t)})(g);var y=document.createElement("button");y.textContent="›",y.disabled=a>=i,y.addEventListener("click",function(){a<i&&(a++,f())}),l.appendChild(y)}}}),function(){function e(e,t){var n=Array.prototype.slice.call(e.querySelectorAll(".sui-kanban-card:not(.dragging)")),o=null,s=Number.NEGATIVE_INFINITY;return n.forEach(function(e){var n=e.getBoundingClientRect(),a=t-n.top-n.height/2;a<0&&a>s&&(s=a,o=e)}),o}document.querySelectorAll(".sui-sortable").forEach(function(e){var t=null;e.querySelectorAll(".sui-sortable-item").forEach(function(n){var o=n.querySelector(".sui-sortable-handle"),s=o||n;s.setAttribute("draggable","true"),o&&n.classList.add("has-handle"),s.addEventListener("dragstart",function(e){t=n,n.classList.add("dragging"),e.dataTransfer.effectAllowed="move"}),n.addEventListener("dragover",function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",n!==t&&n.classList.add("drag-over")}),n.addEventListener("dragleave",function(){n.classList.remove("drag-over")}),n.addEventListener("drop",function(o){if(o.preventDefault(),n.classList.remove("drag-over"),t&&t!==n){var s=Array.prototype.slice.call(e.children);s.indexOf(t)<s.indexOf(n)?e.insertBefore(t,n.nextSibling):e.insertBefore(t,n)}}),n.addEventListener("dragend",function(){n.classList.remove("dragging"),e.querySelectorAll(".drag-over").forEach(function(e){e.classList.remove("drag-over")}),t=null})})}),document.querySelectorAll(".sui-kanban").forEach(function(t){var n=null;t.querySelectorAll(".sui-kanban-card").forEach(function(e){e.setAttribute("draggable","true"),e.addEventListener("dragstart",function(t){n=e,e.classList.add("dragging"),t.dataTransfer.effectAllowed="move"}),e.addEventListener("dragend",function(){e.classList.remove("dragging"),t.querySelectorAll(".drag-over").forEach(function(e){e.classList.remove("drag-over")}),n=null})}),t.querySelectorAll(".sui-kanban-col-body").forEach(function(t){t.addEventListener("dragover",function(o){if(o.preventDefault(),o.dataTransfer.dropEffect="move",t.classList.add("drag-over"),n){var s=e(t,o.clientY);s?t.insertBefore(n,s):t.appendChild(n)}}),t.addEventListener("dragleave",function(e){t.contains(e.relatedTarget)||t.classList.remove("drag-over")}),t.addEventListener("drop",function(e){e.preventDefault(),t.classList.remove("drag-over")})})}),document.querySelectorAll(".sui-dropzone").forEach(function(e){var t=document.createElement("input");t.type="file",t.multiple=!0,t.style.display="none",e.appendChild(t),e.addEventListener("click",function(e){e.target.closest(".sui-dropzone-file-remove")||t.click()}),t.addEventListener("change",function(){var n=t.files;if(n.length){var o=e.querySelector(".sui-dropzone-files");o||((o=document.createElement("div")).className="sui-dropzone-files",e.appendChild(o)),Array.prototype.slice.call(n).forEach(function(e){var t=document.createElement("div");t.className="sui-dropzone-file",t.innerHTML="<span>"+e.name+'</span><button class="sui-dropzone-file-remove" type="button">&times;</button>',t.querySelector(".sui-dropzone-file-remove").addEventListener("click",function(e){e.stopPropagation(),t.remove()}),o.appendChild(t)}),t.value=""}}),e.addEventListener("dragover",function(t){t.preventDefault(),t.dataTransfer.dropEffect="copy",e.classList.add("drag-over")}),e.addEventListener("dragleave",function(t){e.contains(t.relatedTarget)||e.classList.remove("drag-over")}),e.addEventListener("drop",function(t){t.preventDefault(),e.classList.remove("drag-over");var n=t.dataTransfer.files;if(n.length){var o=e.querySelector(".sui-dropzone-files");o||((o=document.createElement("div")).className="sui-dropzone-files",e.appendChild(o)),Array.prototype.slice.call(n).forEach(function(e){var t=document.createElement("div");t.className="sui-dropzone-file",t.innerHTML="<span>"+e.name+'</span><button class="sui-dropzone-file-remove" type="button">&times;</button>',t.querySelector(".sui-dropzone-file-remove").addEventListener("click",function(e){e.stopPropagation(),t.remove()}),o.appendChild(t)})}})})}(),document.addEventListener("mouseenter",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-tooltip");if(!t)return;const n=t.getBoundingClientRect();void 0===t.dataset.suiTooltipDir&&(t.classList.contains("sui-tooltip-bottom")?t.dataset.suiTooltipDir="bottom":t.classList.contains("sui-tooltip-left")?t.dataset.suiTooltipDir="left":t.classList.contains("sui-tooltip-right")?t.dataset.suiTooltipDir="right":t.dataset.suiTooltipDir="top"),t.classList.remove("sui-tooltip-bottom","sui-tooltip-left","sui-tooltip-right");const o=t.dataset.suiTooltipDir;let s=o;"top"===o&&n.top<80?s="bottom":"bottom"===o&&n.bottom+80>window.innerHeight?s="top":"left"===o&&n.left<80?s="right":"right"===o&&n.right+80>window.innerWidth&&(s="left"),"top"!==s&&t.classList.add("sui-tooltip-"+s)},!0),document.addEventListener("mouseleave",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-tooltip");t&&t.dataset.suiTooltipDir&&setTimeout(()=>{if(t.matches(":hover"))return;t.classList.remove("sui-tooltip-bottom","sui-tooltip-left","sui-tooltip-right");const e=t.dataset.suiTooltipDir;"top"!==e&&t.classList.add("sui-tooltip-"+e)},200)},!0),document.addEventListener("mouseenter",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-hover-card");t&&o(t,"sui-hover-card")},!0),document.addEventListener("mouseleave",e=>{if(!e.target.closest)return;const t=e.target.closest(".sui-hover-card");t&&t.dataset.suiOrigDir&&setTimeout(()=>{t.matches(":hover")||s(t,"sui-hover-card")},200)},!0)}function o(e,t){const n=[t+"-top",t+"-left",t+"-right"];void 0===e.dataset.suiOrigDir&&(e.classList.contains(t+"-top")?e.dataset.suiOrigDir="top":e.classList.contains(t+"-left")?e.dataset.suiOrigDir="left":e.classList.contains(t+"-right")?e.dataset.suiOrigDir="right":e.dataset.suiOrigDir="bottom");const o=e.getBoundingClientRect(),s=e.querySelector("."+t+"-content"),a=s?s.offsetWidth:280,i=s?s.offsetHeight:120,r=16,c=e.dataset.suiOrigDir;let l=c;if("bottom"===c&&o.bottom+i+r>window.innerHeight?l="top":"top"===c&&o.top-i-r<0?l="bottom":"left"===c&&o.left-a-r<0?l="right":"right"===c&&o.right+a+r>window.innerWidth&&(l="left"),"bottom"===l||"top"===l){const n=o.left+o.width/2;n-a/2<r?e.classList.add(t+"-start"):n+a/2>window.innerWidth-r&&e.classList.add(t+"-end")}n.forEach(t=>e.classList.remove(t)),"bottom"!==l&&e.classList.add(t+"-"+l)}function s(e,t){[t+"-top",t+"-left",t+"-right",t+"-start",t+"-end"].forEach(t=>e.classList.remove(t));const n=e.dataset.suiOrigDir;"bottom"!==n&&e.classList.add(t+"-"+n)}function a(e,t){setTimeout(()=>s(e,t),200)}function i(e){e.classList.remove("sui-toast-show"),e.addEventListener("transitionend",()=>{e.remove()},{once:!0}),setTimeout(()=>{e.parentNode&&e.remove()},400)}function r(e){const t=document.querySelector(e);if(!t)return null;const n=t.querySelector(".sui-carousel-track");if(!n)return null;if(!n.parentElement.classList.contains("sui-carousel-viewport")){const e=document.createElement("div");e.className="sui-carousel-viewport",n.parentElement.insertBefore(e,n),e.appendChild(n)}const o=Array.from(n.children),s=t.classList.contains("sui-carousel-vertical"),a=!!t.hasAttribute("data-sui-loop")&&(t.dataset.suiLoop||"seamless"),i=!!a,r="seamless"===a,c=parseInt(t.dataset.suiAutoplay)||0;let l=1;t.classList.contains("sui-carousel-4")?l=4:t.classList.contains("sui-carousel-3")?l=3:t.classList.contains("sui-carousel-2")&&(l=2);const u=o.length,d=Math.max(0,u-l);let f=0,p=null,v=!1;const m=t.querySelector(".sui-carousel-prev"),h=t.querySelector(".sui-carousel-next"),g=t.querySelectorAll(".sui-carousel-dot");let y=0;if(r&&u>l){for(var b=u-1;b>=u-l;b--){(L=o[b].cloneNode(!0)).setAttribute("aria-hidden","true"),n.insertBefore(L,n.firstChild)}for(b=0;b<l;b++){var L;(L=o[b].cloneNode(!0)).setAttribute("aria-hidden","true"),n.appendChild(L)}y=l}var E=Array.from(n.children);function A(e,t){if(!1===t&&(n.style.transition="none"),s){var o=n.parentElement.offsetHeight/l;E.forEach(function(e){e.style.height=o+"px"}),n.style.transform="translateY(-"+e*o+"px)"}else{var a=E[e],i=E[0],r=a&&i?a.offsetLeft-i.offsetLeft:0;n.style.transform="translateX(-"+r+"px)"}!1===t&&(n.offsetHeight,n.style.transition="")}function x(e){A(f+y,e);var t=(f%u+u)%u;g.forEach(function(e,n){e.classList.toggle("active",n===t)}),i||(m&&(m.disabled=f<=0),h&&(h.disabled=f>=d)),r&&!v&&(f>=u?(v=!0,setTimeout(function(){f-=u,A(f+y,!1),v=!1},420)):f<=-l&&(v=!0,setTimeout(function(){f+=u,A(f+y,!1),v=!1},420)))}function S(e){v||(f=i?(e%u+u)%u:Math.max(0,Math.min(e,d)),x(!0))}function q(){if(!v){if(r)f++;else if(i)f=f+1>d?0:f+1;else{if(f>=d)return;f++}x(!0)}}function w(){if(!v){if(r)f--;else if(i)f=f-1<0?d:f-1;else{if(f<=0)return;f--}x(!0)}}function k(){c>0&&(p=setInterval(q,c))}function C(){p&&clearInterval(p),k()}return m&&m.addEventListener("click",function(){w(),C()}),h&&h.addEventListener("click",function(){q(),C()}),g.forEach(function(e,t){e.addEventListener("click",function(){S(t),C()})}),c>0&&(t.addEventListener("mouseenter",function(){p&&clearInterval(p)}),t.addEventListener("mouseleave",function(){k()})),x(!1),k(),{next:q,prev:w,goTo:S,current:function(){return f}}}function c(e,t){var n=e.getBoundingClientRect();return t.clientX<n.left+n.width/2}function l(e){var t=e.querySelectorAll("svg");if(t.length<2){var n=t[0].cloneNode(!0);e.appendChild(n)}}function u(e){var t=e.querySelectorAll("svg");if(t.length>1)for(var n=t.length-1;n>0;n--)t[n].remove()}return"loading"===document.readyState?document.addEventListener("DOMContentLoaded",n):n(),document.addEventListener("click",function(e){var t=e.target.closest("[data-sidebar-toggle]");if(t){var n=t.closest(".sui-sidebar");n&&n.classList.toggle("sui-sidebar-collapsed")}}),document.addEventListener("click",function(e){var t=e.target.closest(".sui-rating:not(.sui-rating-readonly) .sui-rating-star");if(t){var n=t.closest(".sui-rating"),o=Array.from(n.querySelectorAll(".sui-rating-star")),s=o.indexOf(t),a=n.classList.contains("sui-rating-half")&&c(t,e),i=a?s+.5:s+1;o.forEach(function(e,t){e.classList.remove("active","half","hover","hover-half"),u(e),t<s?e.classList.add("active"):t===s&&(a?(l(e),e.classList.add("half")):e.classList.add("active"))}),n.setAttribute("data-value",i),n.dispatchEvent(new CustomEvent("sui-rating-change",{detail:{value:i}}))}}),document.addEventListener("mousemove",function(e){var t=e.target.closest(".sui-rating:not(.sui-rating-readonly) .sui-rating-star");if(t){var n=t.closest(".sui-rating"),o=Array.from(n.querySelectorAll(".sui-rating-star")),s=o.indexOf(t),a=n.classList.contains("sui-rating-half")&&c(t,e);o.forEach(function(e,t){e.classList.remove("hover","hover-half"),u(e),t<s?e.classList.add("hover"):t===s&&(a?(l(e),e.classList.add("hover-half")):e.classList.add("hover"))})}}),document.addEventListener("mouseout",function(e){var t=e.target.closest(".sui-rating:not(.sui-rating-readonly) .sui-rating-star");if(t){var n=t.closest(".sui-rating");Array.from(n.querySelectorAll(".sui-rating-star")).forEach(function(e){e.classList.remove("hover","hover-half"),e.classList.contains("half")||u(e)})}}),{modal:function(e){const n=document.querySelector(e);if(!n)return null;let o=null;return{open:function(){o=document.activeElement,n.classList.add("sui-modal-open"),document.body.style.overflow="hidden";const e=n.querySelector(".sui-modal");if(e){const n=t(e)[0];n&&n.focus()}},close:function(){n.classList.remove("sui-modal-open"),document.body.style.overflow="",o&&(o.focus(),o=null)},isOpen:function(){return n.classList.contains("sui-modal-open")}}},sheet:function(e){const n=document.querySelector(e);if(!n)return null;let o=null;return{open:function(){o=document.activeElement,n.classList.add("sui-sheet-open"),document.body.style.overflow="hidden";const e=n.querySelector(".sui-sheet");if(e){const n=t(e)[0];n&&n.focus()}},close:function(){n.classList.remove("sui-sheet-open"),document.body.style.overflow="",o&&(o.focus(),o=null)},isOpen:function(){return n.classList.contains("sui-sheet-open")}}},toast:function(e){const t=Object.assign({title:"",message:"",variant:"",duration:4e3,position:"tr",closable:!0},e),n=function(e){const t=e||"tr",n="sui-toast-container sui-toast-"+t;let o=document.querySelector(".sui-toast-container.sui-toast-"+t);return o||(o=document.createElement("div"),o.className=n,document.body.appendChild(o)),o}(t.position),o=document.createElement("div");let s="sui-toast";t.variant&&(s+=" sui-toast-"+t.variant),o.className=s,o.setAttribute("role","alert"),o.setAttribute("aria-live","polite");let a='<div class="sui-toast-body">';t.title&&(a+='<div class="sui-toast-title">'+t.title+"</div>"),t.message&&(a+='<div class="sui-toast-message">'+t.message+"</div>"),a+="</div>",t.closable&&(a+='<button class="sui-toast-close"></button>'),t.duration>0&&(a+='<div class="sui-toast-progress"></div>'),o.innerHTML=a,n.appendChild(o),requestAnimationFrame(()=>{requestAnimationFrame(()=>{o.classList.add("sui-toast-show")})});let r=null;if(t.duration>0){const e=o.querySelector(".sui-toast-progress");e&&(e.style.width="100%",requestAnimationFrame(()=>{e.style.transitionDuration=t.duration+"ms",e.style.width="0%"})),r=setTimeout(()=>i(o),t.duration)}const c=o.querySelector(".sui-toast-close");return c&&c.addEventListener("click",()=>{r&&clearTimeout(r),i(o)}),o},carousel:r,sidebar:function(e){var t="string"==typeof e?document.querySelector(e):e;return t?{collapse:function(){t.classList.add("sui-sidebar-collapsed")},expand:function(){t.classList.remove("sui-sidebar-collapsed")},toggle:function(){t.classList.toggle("sui-sidebar-collapsed")},isCollapsed:function(){return t.classList.contains("sui-sidebar-collapsed")},el:t}:null}}})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "softui-css",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "A neumorphic CSS component library with soft shadows, muted palettes, and tactile depth.",
5
5
  "main": "dist/softui.js",
6
6
  "style": "dist/softui.css",