legacy.css 0.1.0

package/dist/legacy.min.css

@@ -0,0 +1 @@
+:root{color-scheme:light;--legacy-font-sans:verdana, arial, helvetica, sans-serif;--legacy-font-mono:"Courier New", courier, monospace;--legacy-font-size:12px;--legacy-page-bg:#d9d9d9;--legacy-surface:#f4f4f4;--legacy-surface-raised:#fff;--legacy-surface-alt:#f7f7f7;--legacy-border:#9a9a9a;--legacy-border-dark:#666;--legacy-text:#1f1f1f;--legacy-muted:#555;--legacy-link:#0645ad;--legacy-link-visited:#551a8b;--legacy-primary:#0b4f8a;--legacy-primary-dark:#07355d;--legacy-primary-contrast:#fff;--legacy-header-bg:#d6e3f0;--legacy-header-hover-bg:#e8eef5;--legacy-focus:#f4c430;--legacy-danger-bg:#f8d7da;--legacy-danger-border:#b94a48;--legacy-warning-bg:#fff3cd;--legacy-warning-border:#c79c00;--legacy-success-bg:#dff0d8;--legacy-success-border:#468847;--legacy-info-bg:#d9edf7;--legacy-info-border:#3a87ad;--legacy-radius:2px;--legacy-control-bg:#fff;--legacy-button-bg-top:#fdfdfd;--legacy-button-bg-bottom:#d5d5d5;--legacy-button-hover-bottom:#c6d3df;--legacy-button-active-bg:#c8c8c8;--legacy-button-border:#7f7f7f;--legacy-space-1:.25rem;--legacy-space-2:.5rem;--legacy-space-3:.75rem;--legacy-space-4:1rem;--legacy-space-6:1.5rem;--legacy-line-height:1.45}[data-legacy-theme=light]{color-scheme:light}[data-legacy-theme=dark]{color-scheme:dark;--legacy-page-bg:#151515;--legacy-surface:#242424;--legacy-surface-raised:#303030;--legacy-surface-alt:#262626;--legacy-border:#696969;--legacy-border-dark:#8a8a8a;--legacy-text:#efefef;--legacy-muted:#b8b8b8;--legacy-link:#8ab4f8;--legacy-link-visited:#c7a8ff;--legacy-primary:#5f8fbd;--legacy-primary-dark:#b7d6f2;--legacy-primary-contrast:#101010;--legacy-header-bg:#21384b;--legacy-header-hover-bg:#2d4559;--legacy-focus:#f4c430;--legacy-danger-bg:#4a2327;--legacy-danger-border:#d78387;--legacy-warning-bg:#4a3b15;--legacy-warning-border:#e1bd4c;--legacy-success-bg:#233f28;--legacy-success-border:#82ba7c;--legacy-info-bg:#203c4a;--legacy-info-border:#82b9d0;--legacy-control-bg:#1f1f1f;--legacy-button-bg-top:#424242;--legacy-button-bg-bottom:#2b2b2b;--legacy-button-hover-bottom:#38495a;--legacy-button-active-bg:#1f1f1f;--legacy-button-border:#8a8a8a}*{box-sizing:border-box}html{background:var(--legacy-page-bg);color:var(--legacy-text);font-family:var(--legacy-font-sans);font-size:var(--legacy-font-size);line-height:var(--legacy-line-height)}body{max-width:1120px;min-height:100vh;padding:var(--legacy-space-4);margin:0 auto}main{background:var(--legacy-surface);border:1px solid var(--legacy-border);padding:var(--legacy-space-4)}hr{border:0;border-top:1px solid var(--legacy-border);margin:var(--legacy-space-4) 0}img,svg,video{max-width:100%}code,kbd,pre,samp{font-family:var(--legacy-font-mono)}h1,h2,h3,h4,h5,h6{color:var(--legacy-primary-dark);margin:0 0 var(--legacy-space-3);line-height:1.2}h1{border-bottom:3px double var(--legacy-border-dark);padding-bottom:var(--legacy-space-2);font-size:1.65rem}h2{border-bottom:1px solid var(--legacy-border);padding-bottom:var(--legacy-space-1);font-size:1.3rem}p{margin:0 0 var(--legacy-space-3)}a{color:var(--legacy-link);text-decoration:underline}a:visited{color:var(--legacy-link-visited)}small,figcaption{color:var(--legacy-muted);font-size:.875rem}blockquote{background:var(--legacy-surface-raised);border-left:4px solid var(--legacy-border-dark);margin:var(--legacy-space-4) 0;padding:var(--legacy-space-3) var(--legacy-space-4)}ul,ol{margin:0 0 var(--legacy-space-4) var(--legacy-space-6);padding:0}li{margin-bottom:var(--legacy-space-1)}dl{margin:0 0 var(--legacy-space-4)}dt{font-weight:700}dd{margin:0 0 var(--legacy-space-2) var(--legacy-space-4)}form{margin:0 0 var(--legacy-space-4)}fieldset{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border);margin:0 0 var(--legacy-space-4);padding:var(--legacy-space-3) var(--legacy-space-4) var(--legacy-space-4)}legend{background:var(--legacy-primary);border:1px solid var(--legacy-primary-dark);color:var(--legacy-primary-contrast);padding:var(--legacy-space-1) var(--legacy-space-2);font-weight:700}label{margin:var(--legacy-space-2) 0 var(--legacy-space-1);font-weight:700;display:inline-block}input,select,textarea{background:var(--legacy-control-bg);border:1px solid var(--legacy-border-dark);border-radius:var(--legacy-radius);color:var(--legacy-text);font:inherit;width:100%;max-width:100%;padding:.35rem .45rem;display:block}input[type=checkbox],input[type=radio]{margin-right:var(--legacy-space-1);width:auto;display:inline-block}textarea{resize:vertical;min-height:7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--legacy-focus);outline-offset:1px}.multiselect{margin:0 0 var(--legacy-space-2);max-width:100%;position:relative}.multiselect-source{display:none}.multiselect-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:2rem;display:flex}.multiselect-toggle:after{border-left:.28rem solid #0000;border-right:.28rem solid #0000;border-top:.38rem solid var(--legacy-text);content:"";margin-left:var(--legacy-space-2);flex:none}.multiselect-toggle[aria-expanded=true]:after{border-bottom:.38rem solid var(--legacy-text);border-top:0}.multiselect-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.multiselect-menu{background:var(--legacy-control-bg);border:1px solid var(--legacy-border-dark);min-width:100%;max-height:14rem;padding:var(--legacy-space-1);z-index:20;margin-top:1px;display:none;position:absolute;top:100%;left:0;overflow:auto;box-shadow:2px 2px #0000002e}.multiselect.is-open .multiselect-menu{display:block}.multiselect-option{color:var(--legacy-text);cursor:pointer;font:inherit;align-items:start;gap:var(--legacy-space-1);line-height:var(--legacy-line-height);min-height:auto;padding:.2rem var(--legacy-space-1);text-align:left;background:0 0;border:0;border-radius:0;width:100%;margin:0;display:flex}.multiselect-option:before{background:var(--legacy-control-bg);border:1px solid var(--legacy-border-dark);content:"";flex:none;width:.85rem;height:.85rem;margin-top:.15rem}.multiselect-option:hover,.multiselect-option:focus{background:var(--legacy-info-bg);outline:1px solid var(--legacy-info-border);outline-offset:-1px}.multiselect-option[aria-selected=true]:before{background:linear-gradient(45deg, transparent 45%, var(--legacy-primary-dark) 45% 58%, transparent 58%), linear-gradient(-45deg, transparent 48%, var(--legacy-primary-dark) 48% 62%, transparent 62%), var(--legacy-control-bg)}.multiselect-option[aria-disabled=true]{color:var(--legacy-muted);cursor:default}.multiselect-option[aria-disabled=true]:hover,.multiselect-option[aria-disabled=true]:focus{background:0 0;outline:0}.multiselect-empty{color:var(--legacy-muted);padding:var(--legacy-space-1)}button,input[type=button],input[type=reset],input[type=submit]{background:linear-gradient(var(--legacy-button-bg-top), var(--legacy-button-bg-bottom));border:1px solid var(--legacy-button-border);border-radius:var(--legacy-radius);color:var(--legacy-text);cursor:pointer;font-family:var(--legacy-font-sans);text-align:center;width:auto;min-height:1.75rem;padding:.16rem .55rem;font-size:.92rem;font-weight:400;line-height:1.2;display:inline-block}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:linear-gradient(var(--legacy-button-bg-top), var(--legacy-button-hover-bottom));border-color:var(--legacy-primary)}button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background:var(--legacy-button-active-bg)}.toolbar{background:var(--legacy-surface);border:1px solid var(--legacy-border);align-items:center;gap:var(--legacy-space-2);margin:0 0 var(--legacy-space-4);padding:var(--legacy-space-2);flex-wrap:wrap;display:flex}.toolbar-group{align-items:center;gap:var(--legacy-space-1);flex-wrap:wrap;display:inline-flex}.toolbar label{margin:0}.toolbar input,.toolbar select,.toolbar textarea{width:auto;margin:0}.toolbar input[type=search],.toolbar input[type=text]{min-width:12rem}table{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border-dark);border-collapse:collapse;margin:0 0 var(--legacy-space-4);width:100%}caption{color:var(--legacy-primary-dark);margin-bottom:var(--legacy-space-2);text-align:left;font-weight:700}th,td{border:1px solid var(--legacy-border);text-align:left;vertical-align:top;padding:.45rem .55rem}th{background:var(--legacy-header-bg);color:var(--legacy-primary-dark)}tbody tr:nth-child(2n){background:var(--legacy-surface-alt)}nav{background:var(--legacy-primary);border:1px solid var(--legacy-primary-dark);margin:0 0 var(--legacy-space-4);padding:var(--legacy-space-2)}nav a,nav a:visited{color:var(--legacy-primary-contrast);margin-right:var(--legacy-space-3);font-weight:700;display:inline-block}nav a:hover{background:var(--legacy-primary-dark)}.sidebar-layout{align-items:flex-start;gap:var(--legacy-space-4);grid-template-columns:14rem minmax(0,1fr);display:grid}.sidebar{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border)}.sidebar>header{background:var(--legacy-header-bg);border-bottom:1px solid var(--legacy-border);color:var(--legacy-primary-dark);padding:var(--legacy-space-2) var(--legacy-space-3);font-weight:700}.sidebar nav{padding:var(--legacy-space-2) 0;background:0 0;border:0;margin:0}.sidebar a,.sidebar a:visited{color:var(--legacy-link);padding:var(--legacy-space-1) var(--legacy-space-3);margin:0;font-weight:400;display:block}.sidebar a:hover{background:var(--legacy-header-hover-bg);color:var(--legacy-primary-dark)}.sidebar a[aria-current=page]{background:var(--legacy-primary);color:var(--legacy-primary-contrast);font-weight:700}.sidebar-section{border-top:1px solid var(--legacy-border);margin-top:var(--legacy-space-2);padding-top:var(--legacy-space-2)}.sidebar-content{min-width:0}@media (width<=720px){.sidebar-layout{grid-template-columns:1fr}}.pagination{background:var(--legacy-surface);border:1px solid var(--legacy-border);align-items:center;gap:var(--legacy-space-2);margin:0 0 var(--legacy-space-4);padding:var(--legacy-space-2);flex-wrap:wrap;display:flex}.pagination-summary{color:var(--legacy-muted);margin-right:auto}.pagination-pages{align-items:center;gap:var(--legacy-space-1);flex-wrap:wrap;display:inline-flex}.pagination-page[aria-current=page]{background:var(--legacy-primary);border-color:var(--legacy-primary-dark);color:var(--legacy-primary-contrast);font-weight:700}.pagination-ellipsis{color:var(--legacy-muted);padding:0 var(--legacy-space-1);display:inline-block}.pagination-size{align-items:center;gap:var(--legacy-space-1);display:inline-flex}.pagination-size label{align-items:center;gap:var(--legacy-space-1);margin:0;display:inline-flex}.pagination-size select{width:auto;margin:0}.container{max-width:1120px;margin:0 auto}.panel{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border);margin:0 0 var(--legacy-space-4)}.panel>header{background:var(--legacy-header-bg);border-bottom:1px solid var(--legacy-border);color:var(--legacy-primary-dark);padding:var(--legacy-space-2) var(--legacy-space-3);font-weight:700}.panel>:not(header){padding:var(--legacy-space-3)}dialog.modal{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border-dark);border-radius:var(--legacy-radius);color:var(--legacy-text);max-width:min(36rem, calc(100vw - var(--legacy-space-4)));width:min(36rem, calc(100vw - var(--legacy-space-4)));padding:0;box-shadow:0 16px 40px #00000059}dialog.modal[open]{display:block}dialog.modal::backdrop{background:#1f1f1f73}dialog.modal>header{background:var(--legacy-header-bg);border-bottom:1px solid var(--legacy-border);color:var(--legacy-primary-dark);align-items:center;gap:var(--legacy-space-2);padding:var(--legacy-space-2) var(--legacy-space-3);justify-content:space-between;display:flex}dialog.modal>:not(header,footer){padding:var(--legacy-space-3)}dialog.modal>footer{background:var(--legacy-surface);border-top:1px solid var(--legacy-border);gap:var(--legacy-space-2);padding:var(--legacy-space-3);justify-content:flex-end;display:flex}dialog.modal button[data-modal-close]{flex:none}.popover{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border-dark);border-radius:var(--legacy-radius);color:var(--legacy-text);max-width:min(20rem, calc(100vw - var(--legacy-space-4)));padding:var(--legacy-space-3);z-index:50;width:max-content;position:fixed;box-shadow:2px 2px #00000038}.popover[hidden]{display:none}.popover>header{background:var(--legacy-header-bg);border-bottom:1px solid var(--legacy-border);color:var(--legacy-primary-dark);margin:calc(var(--legacy-space-3) * -1) calc(var(--legacy-space-3) * -1) var(--legacy-space-2);padding:var(--legacy-space-2) var(--legacy-space-3);font-weight:700}.popover>:last-child{margin-bottom:0}.popover-actions{gap:var(--legacy-space-2);margin-top:var(--legacy-space-3);justify-content:flex-end;display:flex}.tabs{margin:0 0 var(--legacy-space-4)}.tabs-list{border-bottom:1px solid var(--legacy-border);align-items:end;gap:var(--legacy-space-1);margin:0;padding:0;display:flex}.tabs-list [role=tab]{background:linear-gradient(var(--legacy-button-bg-top), var(--legacy-button-bg-bottom));border:1px solid var(--legacy-border);border-radius:var(--legacy-radius) var(--legacy-radius) 0 0;color:var(--legacy-text);cursor:pointer;font:inherit;min-height:auto;padding:var(--legacy-space-2) var(--legacy-space-3);border-bottom:0;margin:0 0 -1px}.tabs-list [role=tab][aria-selected=true]{background:var(--legacy-surface-raised);border-color:var(--legacy-border-dark);border-bottom:1px solid var(--legacy-surface-raised);color:var(--legacy-primary-dark);font-weight:700}.tabs-panel{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border-dark);padding:var(--legacy-space-3);border-top:0}.dragdrop{align-items:stretch;gap:var(--legacy-space-3);margin:0 0 var(--legacy-space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.dragdrop-column{background:var(--legacy-surface);border:1px solid var(--legacy-border);min-height:8rem;padding:var(--legacy-space-2)}.dragdrop-column>header{background:var(--legacy-header-bg);border:1px solid var(--legacy-border);color:var(--legacy-primary-dark);margin:0 0 var(--legacy-space-2);padding:var(--legacy-space-2);font-weight:700}.dragdrop-column.is-drag-over{background:var(--legacy-info-bg);outline:2px solid var(--legacy-info-border);outline-offset:-2px}.dragdrop-item,[data-dragdrop-item]{background:var(--legacy-surface-raised);border:1px solid var(--legacy-border-dark);cursor:move;margin:0 0 var(--legacy-space-2);padding:var(--legacy-space-2)}.dragdrop-item:focus,[data-dragdrop-item]:focus{outline:2px solid var(--legacy-focus);outline-offset:1px}.dragdrop-item.is-dragging,[data-dragdrop-item].is-dragging{opacity:.55}progress,.progress{background:var(--legacy-surface);border:1px solid var(--legacy-border-dark);border-radius:var(--legacy-radius);color:var(--legacy-primary);height:1rem;margin:0 0 var(--legacy-space-3);width:100%;display:block;overflow:hidden}progress{appearance:none}progress::-webkit-progress-bar{background:var(--legacy-surface)}progress::-webkit-progress-value{background:var(--legacy-primary)}progress:not([value]){background:linear-gradient(45deg, var(--legacy-info-bg) 25%, var(--legacy-surface-raised) 25%, var(--legacy-surface-raised) 50%, var(--legacy-info-bg) 50%, var(--legacy-info-bg) 75%, var(--legacy-surface-raised) 75%, var(--legacy-surface-raised));background-size:1rem 1rem;animation:1s linear infinite legacy-progress-loading}progress:not([value])::-webkit-progress-bar{background:linear-gradient(45deg, var(--legacy-info-bg) 25%, var(--legacy-surface-raised) 25%, var(--legacy-surface-raised) 50%, var(--legacy-info-bg) 50%, var(--legacy-info-bg) 75%, var(--legacy-surface-raised) 75%, var(--legacy-surface-raised));background-size:1rem 1rem;animation:1s linear infinite legacy-progress-loading}progress::-moz-progress-bar{background:var(--legacy-primary)}progress:not([value])::-moz-progress-bar{background:0 0}.progress-bar{background:var(--legacy-primary);height:100%;display:block}.progress-loading .progress-bar{background:linear-gradient(45deg, var(--legacy-info-bg) 25%, var(--legacy-surface-raised) 25%, var(--legacy-surface-raised) 50%, var(--legacy-info-bg) 50%, var(--legacy-info-bg) 75%, var(--legacy-surface-raised) 75%, var(--legacy-surface-raised));background-size:1rem 1rem;width:100%;animation:1s linear infinite legacy-progress-loading}.progress-label{color:var(--legacy-muted);margin:calc(var(--legacy-space-2) * -1) 0 var(--legacy-space-3);display:block}@keyframes legacy-progress-loading{0%{background-position:0 0}to{background-position:1rem 0}}@media (prefers-reduced-motion:reduce){progress:not([value]){animation:none}progress:not([value])::-webkit-progress-bar{animation:none}.progress-loading .progress-bar{animation:none}}.alert{background:var(--legacy-info-bg);border:1px solid var(--legacy-info-border);margin:0 0 var(--legacy-space-4);padding:var(--legacy-space-3)}.alert-success{background:var(--legacy-success-bg);border-color:var(--legacy-success-border)}.alert-warning{background:var(--legacy-warning-bg);border-color:var(--legacy-warning-border)}.alert-danger{background:var(--legacy-danger-bg);border-color:var(--legacy-danger-border)}.toast-region{gap:var(--legacy-space-2);inset:auto var(--legacy-space-4) var(--legacy-space-4) auto;max-width:min(24rem, calc(100vw - var(--legacy-space-4) * 2));z-index:1000;flex-direction:column;width:24rem;display:flex;position:fixed}.toast-region[data-position=top-left]{inset:var(--legacy-space-4) auto auto var(--legacy-space-4)}.toast-region[data-position=top-right]{inset:var(--legacy-space-4) var(--legacy-space-4) auto auto}.toast-region[data-position=bottom-left]{inset:auto auto var(--legacy-space-4) var(--legacy-space-4)}.toast{background:var(--legacy-info-bg);border:1px solid var(--legacy-info-border);border-radius:var(--legacy-radius);color:var(--legacy-text);gap:var(--legacy-space-2);padding:var(--legacy-space-3);display:flex;box-shadow:2px 2px #0003}.toast-success{background:var(--legacy-success-bg);border-color:var(--legacy-success-border)}.toast-warning{background:var(--legacy-warning-bg);border-color:var(--legacy-warning-border)}.toast-danger{background:var(--legacy-danger-bg);border-color:var(--legacy-danger-border)}.toast-muted{background:var(--legacy-surface);border-color:var(--legacy-border);color:var(--legacy-muted)}.toast-body{flex:auto;min-width:0}.toast-title{color:var(--legacy-primary-dark);margin:0 0 var(--legacy-space-1);display:block}.toast-close{flex:none}@media (width<=32rem){.toast-region,.toast-region[data-position]{inset:auto var(--legacy-space-2) var(--legacy-space-2);width:auto;max-width:none}}.badge{background:var(--legacy-info-bg);border:1px solid var(--legacy-info-border);border-radius:var(--legacy-radius);color:var(--legacy-text);vertical-align:baseline;white-space:nowrap;padding:.12rem .35rem;font-size:.85em;font-weight:700;line-height:1.2;display:inline-block}.badge-info{background:var(--legacy-info-bg);border-color:var(--legacy-info-border)}.badge-success{background:var(--legacy-success-bg);border-color:var(--legacy-success-border)}.badge-warning{background:var(--legacy-warning-bg);border-color:var(--legacy-warning-border)}.badge-danger{background:var(--legacy-danger-bg);border-color:var(--legacy-danger-border)}.badge-muted{background:var(--legacy-surface);border-color:var(--legacy-border);color:var(--legacy-muted)}.text-right{text-align:right}.text-center{text-align:center}.muted{color:var(--legacy-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/dist/legacy.min.js

@@ -0,0 +1 @@
+(function(){function e(e){return typeof e==`object`&&!!e&&`jquery`in e}function t(e){return typeof e==`object`&&!!e&&`nodeType`in e&&e.nodeType===1}function n(e){return t(e)&&e.nodeName===`SELECT`}function r(e){return t(e.target)?e.target:null}function i(e){return t(e.currentTarget)?e.currentTarget:null}function a(e,t,n){e.addEventListener(t,n)}var o=new WeakSet,s=new WeakMap,c=`[data-dragdrop], .dragdrop`,l=`[data-dragdrop-column], .dragdrop-column`,u=`[data-dragdrop-item], .dragdrop-item`,d=null;function f(n){function f(n){return n?e(n)?f(n[0]):typeof n==`string`?document.querySelector(n):t(n)?n.matches(c)?n:n.closest(c):null:null}function p(e){return Array.from(e.querySelectorAll(u)).filter(t=>t.closest(l)===e)}function m(e){return e.getAttribute(`data-column`)||e.id||null}function h(e,t){return p(t).indexOf(e)}function g(e,t){return p(e).filter(e=>!e.classList.contains(`is-dragging`)).reduce((e,n)=>{let r=n.getBoundingClientRect(),i=t-r.top-r.height/2;return i<0&&i>e.offset?{offset:i,item:n}:e},{offset:-1/0,item:null}).item}function _(e,t){if(!d)return null;let n=t||d.item.closest(l);return{board:d.board,item:d.item,fromColumn:d.fromColumn,toColumn:n,fromColumnId:m(d.fromColumn),toColumnId:n?m(n):null,fromIndex:d.fromIndex,toIndex:n?h(d.item,n):-1,originalEvent:e}}function v(e,t,n){let r=(s.get(e)||{})[t];typeof r==`function`&&r.call(e,n)}function y(){d&&(d.item.classList.remove(`is-dragging`),d.board.querySelectorAll(`.is-drag-over`).forEach(e=>e.classList.remove(`is-drag-over`))),d=null}function b(e){let t=r(e),n=t?t.closest(u):null,a=f(i(e));if(!n||!a||!a.contains(n))return;let o=n.closest(l);!o||!a.contains(o)||(d={board:a,item:n,fromColumn:o,fromIndex:h(n,o)},n.classList.add(`is-dragging`),e.dataTransfer&&(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,n.getAttribute(`data-id`)||n.id||``)),v(a,`onDrag`,_(e,o)))}function x(e){if(!d)return;let t=r(e),n=t?t.closest(l):null;if(!n||!d.board.contains(n))return;e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect=`move`),d.board.querySelectorAll(`.is-drag-over`).forEach(e=>{e!==n&&e.classList.remove(`is-drag-over`)}),n.classList.add(`is-drag-over`);let i=g(n,e.clientY);n.insertBefore(d.item,i)}function S(e){if(!d)return;let t=r(e),n=t?t.closest(l):null;if(!n||!d.board.contains(n))return;e.preventDefault();let i=_(e,n);if(!i)return;let a=i.fromColumn!==i.toColumn,o=i.fromIndex!==i.toIndex;(a||o)&&(v(i.board,`onDrop`,i),a&&v(i.board,`onChangeColumn`,i)),y()}function C(){y()}function w(e,t){let n=f(e);return n?(t===void 0?s.has(n)||s.set(n,{}):s.set(n,Object.assign({},s.get(n),t||{})),n.querySelectorAll(u).forEach(e=>{e.hasAttribute(`draggable`)||e.setAttribute(`draggable`,`true`)}),o.has(n)?n:(o.add(n),a(n,`dragstart`,b),a(n,`dragover`,x),a(n,`drop`,S),a(n,`dragend`,C),n)):null}n.dragdrop={setup(e,t){return w(e,t)}},document.addEventListener(`DOMContentLoaded`,function(){document.querySelectorAll(c).forEach(e=>{w(e)})})}function p(e,t){e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.modal&&(e.jQuery.fn.modal=function(e){let n=e||`open`;return this.each(function(){if(n===`close`){t.modal.close(this);return}if(n===`toggle`){t.modal.toggle(this);return}t.modal.open(this)})}),e.jQuery&&!e.jQuery.toast&&(e.jQuery.toast=function(e,n){return t.toast.show(e,n)}),e.jQuery&&!e.jQuery.theme&&(e.jQuery.theme=function(e){return e===void 0?t.theme.get():t.theme.set(e)}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.toast&&(e.jQuery.fn.toast=function(e){return this.each(function(){if(e===`close`){t.toast.close(this);return}t.toast.show(this,typeof e==`object`?e:void 0)})}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.tabs&&(e.jQuery.fn.tabs=function(e,n){return this.each(function(){if(e===`select`&&n!==void 0){t.tabs.select(this,n);return}t.tabs.setup(this)})}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.popover&&(e.jQuery.fn.popover=function(e){return this.each(function(){if(e===`open`){t.popover.open(this);return}if(e===`close`){t.popover.close(this);return}if(e===`toggle`){t.popover.toggle(this);return}t.popover.setup(this)})}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.dragdrop&&(e.jQuery.fn.dragdrop=function(e){return this.each(function(){t.dragdrop.setup(this,e)})}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.multiselect&&(e.jQuery.fn.multiselect=function(e){return this.each(function(){if(e===`open`){t.multiselect.open(this);return}if(e===`close`){t.multiselect.close(this);return}if(e===`toggle`){t.multiselect.toggle(this);return}t.multiselect.setup(this)})}),e.jQuery&&e.jQuery.fn&&!e.jQuery.fn.pagination&&(e.jQuery.fn.pagination=function(e,n){return this.each(function(){if(e===`goTo`&&n!==void 0){t.pagination.goTo(this,n);return}if(e===`pageSize`&&n!==void 0){t.pagination.pageSize(this,n);return}if(e===`refresh`){t.pagination.refresh(this);return}t.pagination.setup(this,typeof e==`object`?e:void 0)})})}var m=[],h=new WeakMap,g=new WeakSet,_=new WeakSet,v=e=>typeof e.showModal==`function`,y=0,b=``,x=``,S=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`].join(`, `);function C(n){function i(n){return n?e(n)?i(n[0]):typeof n==`string`?document.querySelector(n):typeof HTMLDialogElement<`u`&&n instanceof HTMLDialogElement||t(n)&&n.nodeName===`DIALOG`?n:null:null}function a(e){return e.querySelector(`[autofocus], [data-modal-autofocus], `+S)}function o(e){let t=a(e);if(t){try{t.focus({preventScroll:!0})}catch{t.focus()}return}e.hasAttribute(`tabindex`)||e.setAttribute(`tabindex`,`-1`);try{e.focus({preventScroll:!0})}catch{e.focus()}}function s(){if(y>0){y+=1;return}b=document.body.style.overflow,x=document.documentElement.style.overflow,document.body.style.overflow=`hidden`,document.documentElement.style.overflow=`hidden`,y=1}function c(){y!==0&&(--y,!(y>0)&&(document.body.style.overflow=b,document.documentElement.style.overflow=x))}function l(e){let t=m.indexOf(e);t>=0&&m.splice(t,1)}function u(e){let t=h.get(e);if(t&&typeof t.focus==`function`&&document.contains(t))try{t.focus({preventScroll:!0})}catch{t.focus()}h.delete(e)}function d(e){let t=e.currentTarget;l(t),t.removeAttribute(`aria-modal`),u(t),g.has(t)&&(g.delete(t),c(),y===0&&document.removeEventListener(`keydown`,C))}function f(e,t=``){return e?(e.open&&(typeof e.close==`function`?e.close(t):(e.removeAttribute(`open`),d({currentTarget:e}))),e):null}function p(e){let t=e.currentTarget,n=r(e);if(n===t){f(t);return}n&&n.closest(`[data-modal-close]`)&&f(t)}function C(e){if(e.key!==`Escape`)return;let t=m[m.length-1];!t||!g.has(t)||(e.preventDefault(),f(t))}function w(e){_.has(e)||(_.add(e),e.addEventListener(`close`,d),e.addEventListener(`click`,p))}function T(e){if(!e)return null;if(w(e),e.open)return e;h.set(e,document.activeElement instanceof HTMLElement?document.activeElement:null),e.setAttribute(`aria-modal`,`true`);try{if(e.isConnected&&v(e))e.showModal();else throw Error(`dialog.showModal is unavailable`)}catch{e.setAttribute(`open`,``),g.add(e),s()}return m.includes(e)||m.push(e),o(e),g.has(e)&&document.addEventListener(`keydown`,C),e}function E(e){return e?e.open?f(e):T(e):null}n.modal={open(e){return T(i(e))},close(e,t){return f(i(e),t)},toggle(e){return E(i(e))}}}var w=new WeakSet,T=new WeakMap,E=`select[multiple][data-multiselect], select[multiple].multiselect-source`,D=0;function O(a){function o(r){if(!r)return null;if(e(r))return o(r[0]);if(typeof r==`string`)return o(document.querySelector(r));if(!t(r))return null;if(n(r)&&r.matches(`select[multiple]`))return r;let i=r.matches(`.multiselect`)?r:r.closest(`.multiselect`);return i&&n(i.previousElementSibling)?i.previousElementSibling:null}function s(e){return e.getAttribute(`data-placeholder`)||`Select options`}function c(e){let t=e.getAttribute(`aria-label`);if(t)return t;if(!e.id)return``;try{let t=document.querySelector(`label[for="`+CSS.escape(e.id)+`"]`);return t&&t.textContent?t.textContent.trim():``}catch{return``}}function l(e){return Array.from(e.options).filter(e=>e.selected)}function u(e){let t=l(e);return t.length===0?s(e):t.length<=2?t.map(e=>e.text).join(`, `):t.length+` selected`}function d(e){return Array.from(e.querySelectorAll(`.multiselect-option`))}function f(e){let t=T.get(e);return t?(t.label.textContent=u(e),t.options.forEach((t,n)=>{let r=e.options[n];t.setAttribute(`aria-selected`,r.selected?`true`:`false`),t.setAttribute(`aria-disabled`,r.disabled?`true`:`false`),t.disabled=r.disabled||e.disabled}),t.toggle.disabled=e.disabled,e):e}function p(e){if(!e)return null;let t=T.get(e);return t?(t.root.classList.remove(`is-open`),t.toggle.setAttribute(`aria-expanded`,`false`),e):e}function m(e){if(!e)return null;let t=T.get(e);return!t||e.disabled?e:(document.querySelectorAll(`.multiselect.is-open`).forEach(t=>{let r=t.previousElementSibling;n(r)&&r!==e&&p(r)}),t.root.classList.add(`is-open`),t.toggle.setAttribute(`aria-expanded`,`true`),e)}function h(e){if(!e)return null;let t=T.get(e);return t?t.root.classList.contains(`is-open`)?p(e):m(e):e}function g(e,t){let n=e.options[t];!n||n.disabled||e.disabled||(n.selected=!n.selected,f(e),e.dispatchEvent(new Event(`change`,{bubbles:!0})))}function _(e,t){let n=d(e).filter(e=>!e.disabled)[t];n&&n.focus()}function v(e){let t=o(i(e)),n=r(e),a=n?n.closest(`.multiselect-option`):null;if(t){if(a){g(t,Number(a.getAttribute(`data-index`)));return}n&&n.closest(`.multiselect-toggle`)&&h(t)}}function y(e){let t=o(i(e)),n=t?T.get(t):null,a=r(e);if(!n||!a||!t)return;if(e.key===`Escape`){p(t),n.toggle.focus();return}if(e.target===n.toggle){(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),m(t),_(n.root,0));return}let s=d(n.root).filter(e=>!e.disabled),c=s.indexOf(a);c<0||(e.key===`ArrowDown`?(e.preventDefault(),_(n.root,(c+1)%s.length)):e.key===`ArrowUp`?(e.preventDefault(),_(n.root,(c-1+s.length)%s.length)):e.key===`Home`?(e.preventDefault(),_(n.root,0)):e.key===`End`?(e.preventDefault(),_(n.root,s.length-1)):(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g(t,Number(a.getAttribute(`data-index`)))))}function b(e){let t=r(e);t&&document.querySelectorAll(`.multiselect.is-open`).forEach(e=>{e.contains(t)||p(n(e.previousElementSibling)?e.previousElementSibling:null)})}function x(e,t,n){let r=document.createElement(`button`);return r.className=`multiselect-option`,r.type=`button`,r.id=n+`-option-`+t,r.setAttribute(`role`,`option`),r.setAttribute(`data-index`,String(t)),r.textContent=e.text,r}function S(e){let t=o(e);if(!t||!t.matches(`select[multiple]`))return null;if(w.has(t))return f(t),t;let n=document.createElement(`div`),r=document.createElement(`button`),i=document.createElement(`span`),a=document.createElement(`div`),s=t.id||t.name||`multiselect-`+ ++D,l=s+`-menu`,u=Array.from(t.options).map((e,t)=>x(e,t,s));n.className=`multiselect`,r.className=`multiselect-toggle`,r.id=s+`-toggle`,r.type=`button`,r.setAttribute(`aria-expanded`,`false`),r.setAttribute(`aria-haspopup`,`listbox`),r.setAttribute(`aria-controls`,l),i.className=`multiselect-label`,a.className=`multiselect-menu`,a.id=l,a.setAttribute(`role`,`listbox`),a.setAttribute(`aria-multiselectable`,`true`);let d=c(t);if(d&&r.setAttribute(`aria-label`,d),r.append(i),u.length===0){let e=document.createElement(`div`);e.className=`multiselect-empty`,e.textContent=`No options`,a.append(e)}else u.forEach(e=>a.append(e));return n.append(r,a),t.classList.add(`multiselect-source`),t.after(n),T.set(t,{label:i,menu:a,options:u,root:n,toggle:r}),w.add(t),n.addEventListener(`click`,v),n.addEventListener(`keydown`,y),t.addEventListener(`change`,()=>f(t)),t.form&&t.form.addEventListener(`reset`,()=>{setTimeout(()=>f(t),0)}),f(t),t}a.multiselect={setup(e){return S(e)},open(e){return m(o(e))},close(e){return p(o(e))},toggle(e){return h(o(e))}},document.addEventListener(`DOMContentLoaded`,function(){document.querySelectorAll(E).forEach(S)}),document.addEventListener(`click`,b)}var k=new WeakSet,A=new WeakMap,j=new WeakMap,M=`[data-pagination], .pagination`;function N(o){function s(n){return n?e(n)?s(n[0]):typeof n==`string`?document.querySelector(n):t(n)?n.matches(M)?n:n.closest(M):null:null}function c(e,t){let n=Number(e);return Number.isFinite(n)&&n>0?n:t}function l(e,t){let n=t.pageSizes||e.getAttribute(`data-page-sizes`)||e.getAttribute(`data-page-size-options`),r=(Array.isArray(n)?n:String(n||`10,25,50`).split(`,`)).map(e=>c(e,0)).filter((e,t,n)=>e>0&&n.indexOf(e)===t);return r.length>0?r:[10,25,50]}function u(e,t){if(t.target)return typeof t.target==`string`?document.querySelector(t.target):t.target instanceof Element?t.target:null;let n=e.getAttribute(`data-target`);return n?document.querySelector(n):null}function d(e,t,n){if(typeof t.load==`function`)return t.load.call(e,{page:n.page,pageSize:n.pageSize,offset:(n.page-1)*n.pageSize});let r=Array.isArray(t.data)?t.data:[],i=(n.page-1)*n.pageSize;return{items:r.slice(i,i+n.pageSize),total:r.length}}function f(e,t){let n=Array.isArray(e)?{items:e,total:e.length}:e&&typeof e==`object`?e:{},r=Array.isArray(n.items)?n.items:[],i=c(n.total,r.length),a=Math.max(1,Math.ceil(i/t.pageSize));return{items:r,page:c(n.page,t.page),pageCount:a,pageSize:c(n.pageSize,t.pageSize),total:i}}function p(e,t,n,r){if(typeof n.renderItem==`function`)return n.renderItem(e,t,r);let i=document.createElement(`tr`);return(e&&typeof e==`object`?Object.values(e):[e]).forEach(e=>{let t=document.createElement(`td`);t.textContent=e==null?``:String(e),i.append(t)}),i}function m(e,t){let n=A.get(e)||{},r=n.target;r&&(r.replaceChildren(),t.items.forEach((e,i)=>{let a=p(e,i,n,t);typeof a==`string`?r.insertAdjacentHTML(`beforeend`,a):a&&r.append(a)}))}function h(e,t,n){let r=[];if(t<=n){for(let e=1;e<=t;e+=1)r.push(e);return r}r.push(1);let i=Math.max(1,Math.floor((n-3)/2)),a=Math.max(2,e-i),o=Math.min(t-1,e+i);a>2&&r.push(`ellipsis-start`);for(let e=a;e<=o;e+=1)r.push(e);return o<t-1&&r.push(`ellipsis-end`),r.push(t),r}function g(e,t,n){let r=document.createElement(`button`);return r.type=`button`,r.setAttribute(`data-pagination-action`,t),r.textContent=e,r.disabled=n,r}function _(e,t){let n=A.get(e)||{},r=t.pageCount,i=Math.min(t.page,r),a=c(n.maxPages,7),o=document.createElement(`span`),s=document.createElement(`span`),l=document.createElement(`span`),u=document.createElement(`label`),d=document.createElement(`select`);o.className=`pagination-summary`,o.textContent=`Page `+i+` of `+r+` (`+t.total+` items)`,s.className=`pagination-pages`,s.setAttribute(`role`,`group`),s.setAttribute(`aria-label`,`Pages`),s.append(g(`Previous`,`previous`,i<=1)),h(i,r,a).forEach(e=>{if(typeof e!=`number`){let e=document.createElement(`span`);e.className=`pagination-ellipsis`,e.setAttribute(`aria-hidden`,`true`),e.textContent=`...`,s.append(e);return}let t=g(String(e),`page`,!1);t.className=`pagination-page`,t.setAttribute(`data-pagination-page`,String(e)),t.setAttribute(`aria-label`,`Page `+e),e===i&&t.setAttribute(`aria-current`,`page`),s.append(t)}),s.append(g(`Next`,`next`,i>=r)),l.className=`pagination-size`,u.textContent=`Page size`,(n.pageSizes||[t.pageSize]).forEach(e=>{let n=document.createElement(`option`);n.value=String(e),n.textContent=String(e),n.selected=e===t.pageSize,d.append(n)}),d.setAttribute(`data-pagination-size`,``),u.append(d),l.append(u),e.replaceChildren(o,s,l)}function v(e,t){e.setAttribute(`aria-busy`,t?`true`:`false`),e.querySelectorAll(`button, select`).forEach(e=>{e.disabled=t})}function y(e,t,n,r){n===t.request&&(t.result?_(e,t.result):v(e,!1),e.dispatchEvent(new CustomEvent(`pagination:error`,{bubbles:!0,detail:{error:r}})))}function b(e){let t=e?A.get(e):null,n=e?j.get(e):null;if(!e||!t||!n)return e;n.request+=1;let r=n.request;v(e,!0);try{Promise.resolve(d(e,t,n)).then(t=>{if(r!==n.request)return;let i=f(t,n);n.page=Math.min(i.page,i.pageCount),n.pageSize=i.pageSize,n.result=i,m(e,i),_(e,i),e.dispatchEvent(new CustomEvent(`pagination:change`,{bubbles:!0,detail:i}))}).catch(t=>{y(e,n,r,t)})}catch(t){y(e,n,r,t)}return e}function x(e,t){let n=e?j.get(e):null;return n?(n.page=c(t,n.page),b(e)):null}function S(e,t){let n=e?j.get(e):null;return n?(n.page=1,n.pageSize=c(t,n.pageSize),b(e)):null}function C(e){let t=s(i(e)),n=r(e),a=n?n.closest(`[data-pagination-action]`):null,o=t?j.get(t):null;if(!a||!o||a.disabled)return;let c=a.getAttribute(`data-pagination-action`);c===`previous`?x(t,o.page-1):c===`next`?x(t,o.page+1):c===`page`&&x(t,a.getAttribute(`data-pagination-page`))}function w(e){let t=r(e),a=s(i(e));n(t)&&a&&t.matches(`[data-pagination-size]`)&&S(a,t.value)}function T(e,n={}){let r=s(e);if(!r)return null;let i=Object.assign({},A.get(r),n||{});i.target=u(r,i),i.pageSizes=l(r,i),i.pageSize=c(i.pageSize||r.getAttribute(`data-page-size`),i.pageSizes[0]),i.maxPages=c(i.maxPages||r.getAttribute(`data-max-pages`),7);let o={data:i.data,load:i.load,maxPages:i.maxPages,pageSize:i.pageSize,pageSizes:i.pageSizes,renderItem:i.renderItem,target:t(i.target)?i.target:null};if(A.set(r,o),j.has(r)){let e=j.get(r);e&&n.pageSize&&(e.page=1,e.pageSize=i.pageSize)}else j.set(r,{page:c(r.getAttribute(`data-page`),1),pageSize:i.pageSize,request:0});return k.has(r)||(k.add(r),a(r,`click`,C),a(r,`change`,w)),b(r),r}o.pagination={setup(e,t){return T(e,t)},goTo(e,t){return x(s(e),t)},pageSize(e,t){return S(s(e),t)},refresh(e){return b(s(e))}},document.addEventListener(`DOMContentLoaded`,function(){document.querySelectorAll(`[data-pagination]`).forEach(e=>{T(e)})})}var P=[`top`,`right`,`bottom`,`left`],F=new WeakSet,I=`[data-popover-target], [data-popover]`,L=null;function R(e){return typeof e==`string`&&P.includes(e)}function z(n){function o(n){return n?e(n)?o(n[0]):typeof n==`string`?document.querySelector(n):t(n)?n:null:null}function s(e){let t=o(e);return t?t.matches(I)?t:t.closest(I):null}function c(e){let t=o(e);if(!t)return null;if(t.matches(`.popover, [data-popover-content]`))return t;let n=s(t);return n?l(n):null}function l(e){let t=e.getAttribute(`data-popover-target`)||e.getAttribute(`data-popover`)||e.getAttribute(`aria-controls`);return t?t.charAt(0)===`#`?document.querySelector(t):document.getElementById(t):null}function u(e){let t=e.getAttribute(`data-popover-placement`);return R(t)?t:`bottom`}function d(e,t){let n=u(e),r=e.getBoundingClientRect(),i=t.getBoundingClientRect(),a=r.bottom+4,o=r.left;n===`top`?(a=r.top-i.height-4,o=r.left):n===`right`?(a=r.top,o=r.right+4):n===`left`&&(a=r.top,o=r.left-i.width-4),a=Math.max(8,Math.min(a,window.innerHeight-i.height-8)),o=Math.max(8,Math.min(o,window.innerWidth-i.width-8)),t.style.top=a+`px`,t.style.left=o+`px`}function f(e){let t=e||L,n=t?l(t):null;return!t||!n?null:(n.hidden=!0,t.setAttribute(`aria-expanded`,`false`),L===t&&(L=null),n)}function p(e){let t=e?l(e):null;return!e||!t?null:(L&&L!==e&&f(L),b(e),t.hidden=!1,e.setAttribute(`aria-expanded`,`true`),L=e,d(e,t),t)}function m(e){let t=e?l(e):null;return t?t.hidden?p(e):f(e):null}function h(e){e.preventDefault(),m(i(e))}function g(e){if(e.key!==`Escape`)return;let t=i(e);if(!t)return;let n=l(t);!n||n.hidden||(e.preventDefault(),f(t),t instanceof HTMLElement&&t.focus())}function _(e){if(!L)return;let t=r(e);if(!t)return;let n=l(L);L.contains(t)||n&&n.contains(t)||f(L)}function v(e){e.key!==`Escape`||!L||(e.preventDefault(),f(L))}function y(){if(!L)return;let e=l(L);e&&!e.hidden&&d(L,e)}function b(e){let t=l(e);return t?(!t.id&&e.getAttribute(`data-popover-target`)&&(t.id=(e.getAttribute(`data-popover-target`)||``).replace(/^#/,``)),e.setAttribute(`aria-haspopup`,`dialog`),e.setAttribute(`aria-expanded`,t.hidden?`false`:`true`),t.id&&e.setAttribute(`aria-controls`,t.id),t.hasAttribute(`role`)||t.setAttribute(`role`,`dialog`),F.has(e)||(F.add(e),a(e,`click`,h),a(e,`keydown`,g)),e):e}function x(e){let t=s(e);return t?b(t):null}n.popover={setup(e){return x(e)},open(e){return p(s(e))},close(e){let t=s(e);if(t)return f(t);let n=c(e);return n&&L&&l(L)===n?f(L):n},toggle(e){return m(s(e))}},document.addEventListener(`DOMContentLoaded`,function(){document.querySelectorAll(I).forEach(x)}),document.addEventListener(`click`,_),document.addEventListener(`keydown`,v),window.addEventListener(`resize`,y),window.addEventListener(`scroll`,y,!0)}var B=new WeakSet;function V(n){function o(n){return n?e(n)?o(n[0]):typeof n==`string`?document.querySelector(n):t(n)?n.matches(`[data-tabs], .tabs`)?n:n.closest(`[data-tabs], .tabs`):null:null}function s(e){let t=Array.from(e.children).find(e=>e.matches(`[role="tablist"], .tabs-list`));return t?Array.from(t.children).filter(e=>e.matches(`[role="tab"]`)):[]}function c(e){return Array.from(e.children).filter(e=>e.matches(`[role="tabpanel"]`))}function l(e,t){let n=t.getAttribute(`aria-controls`);if(!n)return null;try{return e.querySelector(`#`+CSS.escape(n))}catch{return document.getElementById(n)}}function u(e,t){let n=o(e);return!n||!e?null:(s(n).forEach(t=>{let r=t===e,i=l(n,t);t.setAttribute(`aria-selected`,r?`true`:`false`),t.setAttribute(`tabindex`,r?`0`:`-1`),i&&(i.hidden=!r)}),t&&e instanceof HTMLElement&&e.focus(),e)}function d(e,t,n){let r=s(e)[t];return r?u(r,n):null}function f(e){let t=r(e),n=t?t.closest(`[role="tab"]`):null;n&&u(n,!1)}function p(e){let t=o(i(e)),n=r(e);if(!t||!n)return;let a=s(t),c=a.indexOf(n);if(c<0)return;let l=c;if(e.key===`ArrowRight`||e.key===`ArrowDown`)l=(c+1)%a.length;else if(e.key===`ArrowLeft`||e.key===`ArrowUp`)l=(c-1+a.length)%a.length;else if(e.key===`Home`)l=0;else if(e.key===`End`)l=a.length-1;else return;e.preventDefault(),d(t,l,!0)}function m(e){let t=o(e);if(!t||B.has(t))return t;B.add(t),a(t,`click`,f),a(t,`keydown`,p);let n=s(t),r=n.find(e=>e.getAttribute(`aria-selected`)===`true`)||n[0];return c(t).forEach(e=>{e.hasAttribute(`tabindex`)||e.setAttribute(`tabindex`,`0`)}),r&&u(r,!1),t}n.tabs={setup(e){return m(e)},select(e,t){let n=o(e);return n?typeof t==`number`?d(n,t,!1):u(n.querySelector(t),!1):null}},document.addEventListener(`DOMContentLoaded`,function(){document.querySelectorAll(`[data-tabs], .tabs`).forEach(m)})}var H=[`light`,`dark`],U=`legacy.css.theme`;function W(e){function t(e){return typeof e==`string`&&H.includes(e)}function n(e){return t(e)?e:`light`}function r(){try{return window.localStorage.getItem(U)}catch{return null}}function i(e){try{window.localStorage.setItem(U,e)}catch{return}}function a(e,t=!0){let r=n(e);return document.documentElement.dataset.legacyTheme=r,t&&i(r),r}e.theme={apply(e){return a(e||r())},get(){return n(document.documentElement.dataset.legacyTheme||r())},set(e){return a(e)}},t(r())&&a(r(),!1)}var G=[`top-left`,`top-right`,`bottom-left`,`bottom-right`],K=new WeakMap;function q(e){return typeof e==`string`&&G.includes(e)}function J(n){function r(n){return n?e(n)?r(n[0]):typeof n==`string`?document.querySelector(n):t(n)&&n.matches(`.toast, [data-toast]`)?n:null:null}function i(e){return q(e)?e:`bottom-right`}function a(e){let t=i(e),n=document.querySelector(`[data-toast-region][data-position="`+t+`"], .toast-region[data-position="`+t+`"]`);return n||(n=document.createElement(`div`),n.className=`toast-region`,n.dataset.position=t,n.dataset.toastRegion=``,n.setAttribute(`aria-live`,`polite`),n.setAttribute(`aria-atomic`,`false`),document.body.append(n),n)}function o(t,n){return t&&typeof t==`object`&&!(`nodeType`in t)&&!(`jquery`in t)?Object.assign({},t):Object.assign({},n,{message:e(t)?t[0]:t})}function s(n){return n?e(n)?s(n[0]):typeof n==`string`?document.querySelector(n):t(n)?n:null:null}function c(e,t){let n=document.createElement(`div`);if(n.className=`toast-body`,t.title){let e=document.createElement(`strong`);e.className=`toast-title`,e.textContent=t.title,n.append(e)}if(t.message&&typeof t.message==`object`&&`nodeType`in t.message)n.append(t.message);else{let e=document.createElement(`span`);e.textContent=t.message||``,n.append(e)}e.append(n)}function l(e){if(!e)return null;let t=K.get(e);return t&&(window.clearTimeout(t),K.delete(e)),e.dispatchEvent(new CustomEvent(`toast:close`,{bubbles:!0})),e.remove(),e}function u(e,t){let n=o(e,t),r=n.type&&[`info`,`success`,`warning`,`danger`,`muted`].includes(n.type)?n.type:`info`,i=n.container?s(n.container):a(n.position),u=document.createElement(`section`),d=typeof n.duration==`number`?n.duration:5e3;if(!i)return null;if(u.className=`toast`,u.dataset.toast=``,u.setAttribute(`role`,r===`danger`?`alert`:`status`),r!==`info`&&u.classList.add(`toast-`+r),c(u,n),n.dismissible!==!1){let e=document.createElement(`button`);e.type=`button`,e.className=`toast-close`,e.setAttribute(`aria-label`,n.closeLabel||`Close notification`),e.textContent=n.closeText||`Close`,e.addEventListener(`click`,function(){l(u)}),u.append(e)}return i.append(u),u.dispatchEvent(new CustomEvent(`toast:show`,{bubbles:!0})),d>0&&K.set(u,window.setTimeout(function(){l(u)},d)),u}function d(e){let t=e?s(e):document,n=t?Array.from(t.querySelectorAll(`.toast, [data-toast]`)):[];return n.forEach(l),n}n.toast={show(e,t){return u(e,t)},close(e){return l(r(e))},clear(e){return d(e)}}}(function(){let e=window;e.LegacyCss||={};let t=e.LegacyCss;W(t),C(t),J(t),z(t),V(t),f(t),O(t),N(t),p(e,t)})()})();

package/mcp/server.js

@@ -0,0 +1,524 @@
+#!/usr/bin/env node
+
+import { readFile } from "node:fs/promises";
+import { dirname, join, relative } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const root = dirname(dirname(fileURLToPath(import.meta.url)));
+const srcDir = join(root, "src");
+
+const cssModules = [
+  "variables.css",
+  "base.css",
+  "typography.css",
+  "lists.css",
+  "forms.css",
+  "multiselect.css",
+  "buttons.css",
+  "toolbars.css",
+  "tables.css",
+  "navigation.css",
+  "pagination.css",
+  "panels.css",
+  "modal.css",
+  "popover.css",
+  "tabs.css",
+  "dragdrop.css",
+  "progress.css",
+  "alerts.css",
+  "toast.css",
+  "badges.css",
+  "utilities.css",
+];
+
+const snippets = {
+  form: {
+    title: "Administrative form",
+    html: `<main class="container">
+  <h1>Fornecedor</h1>
+
+  <form>
+    <fieldset>
+      <legend>Dados cadastrais</legend>
+
+      <label for="name">Nome</label>
+      <input id="name" name="name" type="text">
+
+      <label for="status">Status</label>
+      <select id="status" name="status">
+        <option>Ativo</option>
+        <option>Inativo</option>
+      </select>
+    </fieldset>
+
+    <button type="submit">Salvar</button>
+    <button type="reset">Limpar</button>
+  </form>
+</main>`,
+  },
+  table: {
+    title: "Data table",
+    html: `<table>
+  <caption>Pedidos recentes</caption>
+  <thead>
+    <tr>
+      <th scope="col">Pedido</th>
+      <th scope="col">Cliente</th>
+      <th scope="col">Status</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1001</td>
+      <td>Acme Ltda.</td>
+      <td><span class="badge success">Aprovado</span></td>
+    </tr>
+  </tbody>
+</table>`,
+  },
+  panel: {
+    title: "Panel with alert",
+    html: `<section class="panel">
+  <header class="panel-header">
+    <h2>Resumo</h2>
+  </header>
+  <div class="panel-body">
+    <p class="alert info">A rotina foi executada com sucesso.</p>
+  </div>
+</section>`,
+  },
+  tabs: {
+    title: "Tabs",
+    html: `<div class="tabs" data-tabs>
+  <div class="tab-list" role="tablist">
+    <button type="button" role="tab" aria-selected="true">Geral</button>
+    <button type="button" role="tab">Histórico</button>
+  </div>
+  <section class="tab-panel" role="tabpanel">
+    <h2>Geral</h2>
+    <p>Dados principais do registro.</p>
+  </section>
+  <section class="tab-panel" role="tabpanel" hidden>
+    <h2>Histórico</h2>
+    <p>Eventos recentes do registro.</p>
+  </section>
+</div>`,
+  },
+  progress: {
+    title: "Progress and loading",
+    html: `<label for="case-progress">Progresso</label>
+<progress id="case-progress" value="62" max="100">62%</progress>
+<small class="progress-label">62% concluído</small>
+
+<div class="progress progress-loading" role="progressbar" aria-label="Carregando" aria-valuetext="Carregando">
+  <span class="progress-bar"></span>
+</div>`,
+  },
+  toast: {
+    title: "Toast notification",
+    html: `<button type="button" onclick="LegacyCss.toast.show({ title: 'Salvo', message: 'Registro atualizado.', type: 'success', position: 'top-right' })">
+  Mostrar notificação
+</button>`,
+  },
+  popover: {
+    title: "Popover",
+    html: `<button type="button" data-popover-target="#actions-popover">
+  Mostrar ações
+</button>
+
+<div class="popover" id="actions-popover" hidden aria-labelledby="actions-popover-title">
+  <header id="actions-popover-title">Ações</header>
+  <p>Escolha a próxima etapa administrativa.</p>
+  <div class="popover-actions">
+    <button type="button">Atribuir</button>
+    <button type="button">Arquivar</button>
+  </div>
+</div>`,
+  },
+};
+
+const resourceMap = new Map([
+  [
+    "legacy://readme",
+    {
+      name: "legacy.css README",
+      description: "Project overview, usage, scripts, and philosophy.",
+      path: join(root, "README.md"),
+      mimeType: "text/markdown",
+    },
+  ],
+  [
+    "legacy://css/entry",
+    {
+      name: "CSS entry point",
+      description: "The source entry point that imports all CSS modules in order.",
+      path: join(srcDir, "legacy.css"),
+      mimeType: "text/css",
+    },
+  ],
+  [
+    "legacy://css/dist",
+    {
+      name: "Built CSS",
+      description: "The bundled stylesheet generated from src/legacy.css.",
+      path: join(root, "dist", "legacy.css"),
+      mimeType: "text/css",
+    },
+  ],
+]);
+
+for (const moduleName of cssModules) {
+  resourceMap.set(`legacy://css/module/${moduleName}`, {
+    name: moduleName,
+    description: `Source CSS module: ${moduleName}`,
+    path: join(srcDir, moduleName),
+    mimeType: "text/css",
+  });
+}
+
+function writeMessage(message) {
+  const body = JSON.stringify(message);
+  process.stdout.write(`Content-Length: ${Buffer.byteLength(body)}\r\n\r\n${body}`);
+}
+
+function result(id, value) {
+  writeMessage({ jsonrpc: "2.0", id, result: value });
+}
+
+function error(id, code, message) {
+  writeMessage({ jsonrpc: "2.0", id, error: { code, message } });
+}
+
+function textContent(text) {
+  return {
+    content: [
+      {
+        type: "text",
+        text,
+      },
+    ],
+  };
+}
+
+async function readProjectFile(path) {
+  return readFile(path, "utf8");
+}
+
+async function getModule(moduleName) {
+  if (!cssModules.includes(moduleName)) {
+    throw new Error(
+      `Unknown CSS module "${moduleName}". Use list_css_modules to inspect valid modules.`,
+    );
+  }
+
+  return readProjectFile(join(srcDir, moduleName));
+}
+
+function extractTokens(css) {
+  return Array.from(
+    css.matchAll(/--legacy-[\w-]+:\s*([^;]+);/g),
+    ([match, value]) => {
+      const name = match.slice(0, match.indexOf(":"));
+      return { name, value: value.trim() };
+    },
+  );
+}
+
+function extractSelectors(css) {
+  return Array.from(css.matchAll(/(^|\n)([^@{}\n][^{}]+)\s*\{/g), ([, , raw]) =>
+    raw
+      .split(",")
+      .map((selector) => selector.trim())
+      .filter(Boolean),
+  ).flat();
+}
+
+async function searchCss(query) {
+  const normalizedQuery = query.toLowerCase();
+  const matches = [];
+
+  for (const moduleName of cssModules) {
+    const css = await getModule(moduleName);
+    const lines = css.split("\n");
+
+    lines.forEach((line, index) => {
+      if (line.toLowerCase().includes(normalizedQuery)) {
+        matches.push({
+          module: moduleName,
+          line: index + 1,
+          text: line.trim(),
+        });
+      }
+    });
+  }
+
+  return matches;
+}
+
+function listTools() {
+  return [
+    {
+      name: "list_css_modules",
+      description: "List source CSS modules in import order.",
+      inputSchema: {
+        type: "object",
+        properties: {},
+      },
+    },
+    {
+      name: "get_css_module",
+      description: "Read a source CSS module by filename, for example buttons.css.",
+      inputSchema: {
+        type: "object",
+        properties: {
+          module: {
+            type: "string",
+            description: "CSS module filename from list_css_modules.",
+          },
+        },
+        required: ["module"],
+      },
+    },
+    {
+      name: "get_design_tokens",
+      description: "Return CSS custom properties defined by legacy.css.",
+      inputSchema: {
+        type: "object",
+        properties: {},
+      },
+    },
+    {
+      name: "search_css",
+      description: "Search legacy.css source modules for selectors, properties, or token names.",
+      inputSchema: {
+        type: "object",
+        properties: {
+          query: {
+            type: "string",
+            description: "Case-insensitive search query.",
+          },
+        },
+        required: ["query"],
+      },
+    },
+    {
+      name: "usage_snippet",
+      description: "Return a semantic HTML snippet styled by legacy.css.",
+      inputSchema: {
+        type: "object",
+        properties: {
+          pattern: {
+            type: "string",
+            enum: Object.keys(snippets),
+            description: "Snippet pattern to return.",
+          },
+        },
+        required: ["pattern"],
+      },
+    },
+  ];
+}
+
+async function callTool(name, args = {}) {
+  switch (name) {
+    case "list_css_modules":
+      return textContent(cssModules.join("\n"));
+
+    case "get_css_module": {
+      const css = await getModule(args.module);
+      return textContent(css);
+    }
+
+    case "get_design_tokens": {
+      const css = await getModule("variables.css");
+      return textContent(JSON.stringify(extractTokens(css), null, 2));
+    }
+
+    case "search_css": {
+      if (!args.query) {
+        throw new Error("search_css requires a query argument.");
+      }
+
+      const matches = await searchCss(args.query);
+      return textContent(JSON.stringify(matches, null, 2));
+    }
+
+    case "usage_snippet": {
+      const snippet = snippets[args.pattern];
+
+      if (!snippet) {
+        throw new Error(
+          `Unknown snippet pattern "${args.pattern}". Expected one of: ${Object.keys(
+            snippets,
+          ).join(", ")}.`,
+        );
+      }
+
+      return textContent(`${snippet.title}\n\n${snippet.html}`);
+    }
+
+    default:
+      throw new Error(`Unknown tool "${name}".`);
+  }
+}
+
+async function handleRequest(message) {
+  const { id, method, params } = message;
+
+  if (method === "initialize") {
+    result(id, {
+      protocolVersion: params?.protocolVersion ?? "2024-11-05",
+      capabilities: {
+        resources: {},
+        tools: {},
+      },
+      serverInfo: {
+        name: "legacy-css-mcp",
+        version: "0.1.0",
+      },
+    });
+    return;
+  }
+
+  if (method === "notifications/initialized") {
+    return;
+  }
+
+  if (method === "tools/list") {
+    result(id, { tools: listTools() });
+    return;
+  }
+
+  if (method === "tools/call") {
+    const toolResult = await callTool(params?.name, params?.arguments ?? {});
+    result(id, toolResult);
+    return;
+  }
+
+  if (method === "resources/list") {
+    result(id, {
+      resources: Array.from(resourceMap, ([uri, resource]) => ({
+        uri,
+        name: resource.name,
+        description: resource.description,
+        mimeType: resource.mimeType,
+      })),
+    });
+    return;
+  }
+
+  if (method === "resources/read") {
+    const resource = resourceMap.get(params?.uri);
+
+    if (!resource) {
+      throw new Error(`Unknown resource URI "${params?.uri}".`);
+    }
+
+    result(id, {
+      contents: [
+        {
+          uri: params.uri,
+          mimeType: resource.mimeType,
+          text: await readProjectFile(resource.path),
+        },
+      ],
+    });
+    return;
+  }
+
+  if (method === "prompts/list") {
+    result(id, { prompts: [] });
+    return;
+  }
+
+  if (method === "ping") {
+    result(id, {});
+    return;
+  }
+
+  error(id, -32601, `Method not found: ${method}`);
+}
+
+function parseContentLengthMessages(buffer) {
+  const messages = [];
+
+  while (buffer.toString("utf8", 0, 15) === "Content-Length:") {
+    const text = buffer.toString("utf8");
+    const headerEnd = buffer.indexOf("\r\n\r\n");
+
+    if (headerEnd === -1) {
+      break;
+    }
+
+    const header = text.slice(0, headerEnd);
+    const length = Number(header.match(/Content-Length:\s*(\d+)/i)?.[1]);
+    const bodyStart = headerEnd + 4;
+
+    if (!Number.isFinite(length) || buffer.length < bodyStart + length) {
+      break;
+    }
+
+    const body = buffer.toString("utf8", bodyStart, bodyStart + length);
+    messages.push(JSON.parse(body));
+    buffer = buffer.slice(bodyStart + length);
+  }
+
+  return { messages, buffer };
+}
+
+async function dispatch(raw, framedMessage) {
+  if (!framedMessage && !raw.trim()) {
+    return;
+  }
+
+  try {
+    await handleRequest(framedMessage ?? JSON.parse(raw));
+  } catch (caught) {
+    const parsed = framedMessage ?? JSON.parse(raw);
+    error(parsed.id ?? null, -32000, caught.message);
+  }
+}
+
+if (process.argv.includes("--self-test")) {
+  const variables = await getModule("variables.css");
+  const selectors = extractSelectors(await getModule("buttons.css"));
+
+  process.stdout.write(
+    JSON.stringify(
+      {
+        modules: cssModules.length,
+        tokens: extractTokens(variables).length,
+        buttonSelectors: selectors.length,
+        root: relative(process.cwd(), root) || ".",
+      },
+      null,
+      2,
+    ),
+  );
+  process.stdout.write("\n");
+} else {
+  let buffer = Buffer.alloc(0);
+  process.stdin.on("data", (chunk) => {
+    buffer = Buffer.concat([buffer, chunk]);
+
+    if (buffer.toString("utf8", 0, 15) === "Content-Length:") {
+      const parsed = parseContentLengthMessages(buffer);
+      buffer = parsed.buffer;
+
+      for (const message of parsed.messages) {
+        dispatch("", message);
+      }
+
+      return;
+    }
+
+    let newlineIndex = buffer.indexOf("\n");
+
+    while (newlineIndex !== -1) {
+      const raw = buffer.toString("utf8", 0, newlineIndex).trim();
+      buffer = buffer.slice(newlineIndex + 1);
+      dispatch(raw);
+      newlineIndex = buffer.indexOf("\n");
+    }
+  });
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "legacy.css",
+  "version": "0.1.0",
+  "description": "A classless CSS framework inspired by classic corporate administrative systems.",
+  "license": "MIT",
+  "author": "Moises Duarte",
+  "packageManager": "pnpm@10.12.1",
+  "type": "module",
+  "main": "dist/legacy.css",
+  "style": "dist/legacy.css",
+  "bin": {
+    "legacy-css-mcp": "./mcp/server.js"
+  },
+  "files": [
+    "dist",
+    "mcp",
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "lint": "stylelint \"src/**/*.css\"",
+    "mcp": "node mcp/server.js",
+    "test": "pnpm run test:unit",
+    "test:unit": "vitest run",
+    "test:unit:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "build": "lightningcss --bundle src/legacy.css -o dist/legacy.css",
+    "build:min": "lightningcss --bundle --minify src/legacy.css -o dist/legacy.min.css",
+    "build:js": "mkdir -p dist && vite build --mode development && vite build",
+    "build:all": "pnpm run build && pnpm run build:min && pnpm run build:js",
+    "build:docs": "pnpm run build:all && mkdir -p docs/assets && cp dist/legacy.css docs/assets/legacy.css && cp dist/legacy.min.css docs/assets/legacy.min.css && cp dist/legacy.js docs/assets/legacy.js && cp dist/legacy.min.js docs/assets/legacy.min.js",
+    "watch": "lightningcss --bundle --watch src/legacy.css -o dist/legacy.css"
+  },
+  "keywords": [
+    "css",
+    "classless",
+    "framework",
+    "semantic-html",
+    "admin"
+  ],
+  "devDependencies": {
+    "@vitest/coverage-v8": "^4.1.8",
+    "jsdom": "^29.1.1",
+    "lightningcss-cli": "^1.30.1",
+    "stylelint": "^16.19.1",
+    "stylelint-config-standard": "^38.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8"
+  }
+}