trotl-table 1.0.75 → 1.0.76
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.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--z-index-dropdown:9999;--bg:#fff;--text:#1b1b1b;--accent:#ff4500;--secondary:#e0e0e0;--highlight:#00c896;--font-heading:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--bg-color:#fff;--text-color:#111;--accent-color:#646cffaa;--card-radius:12px;--card-shadow:0 4px 12px rgba(0,0,0,.1);--font-family:"Segoe UI",sans-serif;--btn-view-bg:var(--accent-color,#646cffaa);--btn-edit-bg:#4caf50;--btn-delete-bg:#f44336;--btn-text-color:#fff;--bg-light:#fff;--bg-dark:#1e1e1e;--text-light:#000;--text-dark:#f0f0f0;--accent-light:#0078d4;--accent-dark:#00b7c3;--border-light:#ccc;--border-dark:#444;--cld-bg-color:rgba(0,0,0,.03);--bc-color:var(--text-muted,#666);--editor-border:#ccc;--input-bg:#fff;--input-text:#333;--bg-card-header:#ababab;--color-bg-DebounceSelect:#fff;--table-bg:#93a4a7;--table-color:#fff;--table-hover-bg:#e4e4e4;--table-hover-color:#000;--table-bg-nth-child:#f7f7f7;--tabs-bg:#f0e9e9;--tab-inactive-bg:#c9c9c9;--tab-active-bg:#2995a3;--tab-bg:#2995a3;--tab-color:#fff;--border-color:#2995a3;.table-cell-input{border:1px solid var(--border-light,#ccc);padding:2px 4px}.table-cell-input:focus{border-color:grey;outline:none}}[data-theme=dark]{--tabs-bg:#1b1b1b;--tab-inactive-bg:#383838;--tab-bg:#2995a3;--tab-color:#fff;--bg:#1b1b1b;--text:#e0e0e0;--accent:#ff4500;--secondary:#333;--highlight:#00c896;--bg-color:#111;--text-color:#f5f5f5;--accent-color:#61dafbaa;--btn-view-bg:var(--accent-color,#61dafbaa);--btn-edit-bg:#81c784;--btn-delete-bg:#e57373;--btn-text-color:#fff;--cld-bg-color:hsla(0,0%,56%,.04);--bc-color:red;--bc-bg:#1b1b1b;--editor-border:#555;--input-bg:#222;--input-text:#eee;--color-bg-DebounceSelect:#1b1b1b;--table-hover-bg:#d03e1f;--table-hover-color:#fff;--table-bg-nth-child:#363636}body{background:var(--bg-color);color:var(--text-color);margin:0;transition:background .3s ease,color .3s ease}.header-content-search{bottom:35px;left:2px;position:fixed;width:200px;z-index:10000}.body-content{bottom:0;box-sizing:border-box;left:0;overflow-y:auto;padding:10px;position:absolute;right:0;top:0}.filters{top:10px}.fieldsInline{align-items:center;display:flex;gap:10px;justify-content:space-between}.left{flex:1}.right{flex:none;margin-left:auto}.spinnerOverlay{align-items:center;background:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.spinnerOver{animation:spin 1s linear infinite;border-top:4px solid var(--spinner-border);border:4px solid var(--spinner-border);border-radius:50%;border-top-color:var(--spinner-top);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.layout-container{box-sizing:border-box;display:flex;flex-direction:column}.scroll-section{flex:1;overflow-y:auto}.first-scroll{max-height:40vh}.basic-button{background:linear-gradient(90deg,#007bff,#00bfff);border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.basic-button,.basic-button-small{border-radius:2px;color:#fff;cursor:pointer}.basic-button-small{background:#999;border:none;flex:1;padding:6px}.confirm{background:red}.basic-button-small:hover,.basic-button:hover{background:linear-gradient(90deg,#0056b3,#09c);transform:translateY(-1px)}.basic-button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.2);transform:translateY(0)}.basic-button:disabled{background:#ccc;color:#666;cursor:not-allowed}.basic-input{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;font-size:1rem;font-weight:400;height:34px;outline:none;padding:0 .75rem;transition:border-color .3s ease,box-shadow .2s ease;width:100%}.basic-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.basic-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.basic-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m35 50 35 35 35-35' stroke='%23333' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1rem;font-weight:400;height:34px;outline:none;padding:0 .75rem;transition:border-color .3s ease,box-shadow .2s ease;width:100%}.basic-select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.basic-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.basic-checkbox{accent-color:#007bff;cursor:pointer;height:18px;margin:0;transition:transform .2s ease;width:18px}.basic-checkbox:focus{outline:none;transform:scale(1.1)}.basic-checkbox:disabled{accent-color:#ccc;cursor:not-allowed}.basic-checkbox-label{align-items:center;display:flex;font-size:1rem;gap:.5rem;height:34px}.basic-input-dropdown-menu{background-color:var(--color-bg-DebounceSelect);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);box-sizing:border-box;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:var(--z-index-dropdown)}.basic-input-dropdown-item{cursor:pointer;padding:8px;transition:background-color .2s ease}.loading,.no-results-dropdown-item{color:var(--color-loading);font-style:italic;padding:8px}.modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-box{background:var(--bg);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.2);max-height:90vh;max-width:400px;max-width:90vw;overflow:auto;padding:1.5rem;position:relative;resize:both;width:100%}.modal-box.overflowing:after{bottom:8px;color:#888;content:"↘";cursor:se-resize;font-size:.75rem;pointer-events:none;position:absolute;right:8px}.modal-title{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.modal-content{margin-bottom:1.5rem;max-height:80vh;overflow:auto}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.modal-btn.cancel{background-color:#ccc}.modal-btn.confirm{background-color:var(--accent-light);font-weight:700}.small-button-icon{align-items:center;background:hsla(0,0%,100%,.3);border:none;border-radius:2;color:#fff;cursor:pointer;display:flex;font-weight:700;height:22;justify-content:center;padding:5;width:26}.table-container{border-radius:2px;display:flex;flex-direction:column;overflow-x:auto;width:100%}.table-header{background:var(--table-bg);color:var(--table-color);font-weight:700;min-width:max-content;transition:margin-right .2s ease}.header-row .table-cell{position:relative}.column-resizer{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:10px;z-index:2}.column-resizer:hover{background:rgba(0,0,0,.05)}.header-row{background:var(--table-bg);color:var(--table-color)}.table-header.scroll-adjust{margin-right:15px}.main-table{height:calc(100vh - 250px);width:100%}.virtual-table{display:flex;flex-direction:column;min-width:0}.table-row{align-items:center;border-bottom:1px solid #d0d0d0;box-sizing:border-box;display:flex;overflow:hidden;width:100%}.table-row.group-row{background-color:#f5f5f5;border-bottom:2px solid #999;font-weight:700}.group-header{flex:1
|
|
1
|
+
:root{--z-index-dropdown:9999;--bg:#fff;--text:#1b1b1b;--accent:#ff4500;--secondary:#e0e0e0;--highlight:#00c896;--font-heading:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--bg-color:#fff;--text-color:#111;--accent-color:#646cffaa;--card-radius:12px;--card-shadow:0 4px 12px rgba(0,0,0,.1);--font-family:"Segoe UI",sans-serif;--btn-view-bg:var(--accent-color,#646cffaa);--btn-edit-bg:#4caf50;--btn-delete-bg:#f44336;--btn-text-color:#fff;--bg-light:#fff;--bg-dark:#1e1e1e;--text-light:#000;--text-dark:#f0f0f0;--accent-light:#0078d4;--accent-dark:#00b7c3;--border-light:#ccc;--border-dark:#444;--cld-bg-color:rgba(0,0,0,.03);--bc-color:var(--text-muted,#666);--editor-border:#ccc;--input-bg:#fff;--input-text:#333;--bg-card-header:#ababab;--color-bg-DebounceSelect:#fff;--table-bg:#93a4a7;--table-color:#fff;--table-hover-bg:#e4e4e4;--table-hover-color:#000;--table-bg-nth-child:#f7f7f7;--tabs-bg:#f0e9e9;--tab-inactive-bg:#c9c9c9;--tab-active-bg:#2995a3;--tab-bg:#2995a3;--tab-color:#fff;--border-color:#2995a3;.table-cell-input{border:1px solid var(--border-light,#ccc);padding:2px 4px}.table-cell-input:focus{border-color:grey;outline:none}}[data-theme=dark]{--tabs-bg:#1b1b1b;--tab-inactive-bg:#383838;--tab-bg:#2995a3;--tab-color:#fff;--bg:#1b1b1b;--text:#e0e0e0;--accent:#ff4500;--secondary:#333;--highlight:#00c896;--bg-color:#111;--text-color:#f5f5f5;--accent-color:#61dafbaa;--btn-view-bg:var(--accent-color,#61dafbaa);--btn-edit-bg:#81c784;--btn-delete-bg:#e57373;--btn-text-color:#fff;--cld-bg-color:hsla(0,0%,56%,.04);--bc-color:red;--bc-bg:#1b1b1b;--editor-border:#555;--input-bg:#222;--input-text:#eee;--color-bg-DebounceSelect:#1b1b1b;--table-hover-bg:#d03e1f;--table-hover-color:#fff;--table-bg-nth-child:#363636}body{background:var(--bg-color);color:var(--text-color);margin:0;transition:background .3s ease,color .3s ease}.header-content-search{bottom:35px;left:2px;position:fixed;width:200px;z-index:10000}.body-content{bottom:0;box-sizing:border-box;left:0;overflow-y:auto;padding:10px;position:absolute;right:0;top:0}.filters{top:10px}.fieldsInline{align-items:center;display:flex;gap:10px;justify-content:space-between}.left{flex:1}.right{flex:none;margin-left:auto}.spinnerOverlay{align-items:center;background:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.spinnerOver{animation:spin 1s linear infinite;border-top:4px solid var(--spinner-border);border:4px solid var(--spinner-border);border-radius:50%;border-top-color:var(--spinner-top);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.layout-container{box-sizing:border-box;display:flex;flex-direction:column}.scroll-section{flex:1;overflow-y:auto}.first-scroll{max-height:40vh}.basic-button{background:linear-gradient(90deg,#007bff,#00bfff);border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.basic-button,.basic-button-small{border-radius:2px;color:#fff;cursor:pointer}.basic-button-small{background:#999;border:none;flex:1;padding:6px}.confirm{background:red}.basic-button-small:hover,.basic-button:hover{background:linear-gradient(90deg,#0056b3,#09c);transform:translateY(-1px)}.basic-button:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.2);transform:translateY(0)}.basic-button:disabled{background:#ccc;color:#666;cursor:not-allowed}.basic-input{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;font-size:1rem;font-weight:400;height:34px;outline:none;padding:0 .75rem;transition:border-color .3s ease,box-shadow .2s ease;width:100%}.basic-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.basic-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.basic-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m35 50 35 35 35-35' stroke='%23333' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1rem;font-weight:400;height:34px;outline:none;padding:0 .75rem;transition:border-color .3s ease,box-shadow .2s ease;width:100%}.basic-select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.basic-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.basic-checkbox{accent-color:#007bff;cursor:pointer;height:18px;margin:0;transition:transform .2s ease;width:18px}.basic-checkbox:focus{outline:none;transform:scale(1.1)}.basic-checkbox:disabled{accent-color:#ccc;cursor:not-allowed}.basic-checkbox-label{align-items:center;display:flex;font-size:1rem;gap:.5rem;height:34px}.basic-input-dropdown-menu{background-color:var(--color-bg-DebounceSelect);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);box-sizing:border-box;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:var(--z-index-dropdown)}.basic-input-dropdown-item{cursor:pointer;padding:8px;transition:background-color .2s ease}.loading,.no-results-dropdown-item{color:var(--color-loading);font-style:italic;padding:8px}.modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-box{background:var(--bg);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.2);max-height:90vh;max-width:400px;max-width:90vw;overflow:auto;padding:1.5rem;position:relative;resize:both;width:100%}.modal-box.overflowing:after{bottom:8px;color:#888;content:"↘";cursor:se-resize;font-size:.75rem;pointer-events:none;position:absolute;right:8px}.modal-title{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.modal-content{margin-bottom:1.5rem;max-height:80vh;overflow:auto}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.modal-btn.cancel{background-color:#ccc}.modal-btn.confirm{background-color:var(--accent-light);font-weight:700}.small-button-icon{align-items:center;background:hsla(0,0%,100%,.3);border:none;border-radius:2;color:#fff;cursor:pointer;display:flex;font-weight:700;height:22;justify-content:center;padding:5;width:26}.table-container{border-radius:2px;display:flex;flex-direction:column;overflow-x:auto;width:100%}.table-header{background:var(--table-bg);color:var(--table-color);font-weight:700;min-width:max-content;transition:margin-right .2s ease}.header-row .table-cell{position:relative}.column-resizer{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;width:10px;z-index:2}.column-resizer:hover{background:rgba(0,0,0,.05)}.header-row{background:var(--table-bg);color:var(--table-color)}.table-header.scroll-adjust{margin-right:15px}.main-table{height:calc(100vh - 250px);width:100%}.virtual-table{display:flex;flex-direction:column;min-width:0}.table-row{align-items:center;border-bottom:1px solid #d0d0d0;box-sizing:border-box;display:flex;overflow:hidden;width:100%}.table-row.group-row{background-color:#f5f5f5;border-bottom:2px solid #999;font-weight:700}.group-header{flex:1 1 0%;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row:nth-child(2n){background-color:var(--table-bg-nth-child)}.virtual-table .table-row:not(:first-child):hover{background-color:var(--table-hover-bg);color:var(--table-hover-color);cursor:pointer}.table-cell{border:1px solid #e0e0e0;flex:1 1 0%;max-width:100%;min-width:0;overflow:hidden;padding:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.group-row .table-cell{border:none}.checkbox-cell,.key-cell{flex:0 0 40px;text-align:center}.action-cell{overflow:hidden}.action-cell,.table-cell.action-cell{display:flex;gap:4px;justify-content:center}.table-cell.action-cell{align-items:center;border:none;box-sizing:border-box;flex-wrap:nowrap;padding:4px}.action-btn-table{border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:12px;height:24px;line-height:1;padding:2px 6px;transition:background-color .2s ease;white-space:nowrap}.action-btn:hover{opacity:.9}.table-row:hover{background-color:var(--table-hover-bg,#e6f0ff);color:var(--table-hover-color,#000);cursor:pointer;transition:background-color .2s ease,color .2s ease}.row-main{display:flex;flex:1;min-width:0;overflow:hidden}.highlight{background-color:#ff0;font-weight:700}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[":root {\r\n --z-index-dropdown: 9999;\r\n\r\n --bg: #ffffff;\r\n --text: #1b1b1b;\r\n --accent: #ff4500;\r\n --secondary: #e0e0e0;\r\n --highlight: #00c896;\r\n --font-heading: 'Bebas Neue', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n\r\n --bg-color: #ffffff;\r\n --text-color: #111111;\r\n --accent-color: #646cffaa;\r\n --card-radius: 12px;\r\n --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n --font-family: 'Segoe UI', sans-serif;\r\n\r\n --btn-view-bg: var(--accent-color, #646cffaa);\r\n --btn-edit-bg: #4caf50;\r\n --btn-delete-bg: #f44336;\r\n --btn-text-color: #ffffff;\r\n\r\n --bg-light: #ffffff;\r\n --bg-dark: #1e1e1e;\r\n --text-light: #000000;\r\n --text-dark: #f0f0f0;\r\n --accent-light: #0078d4;\r\n --accent-dark: #00b7c3;\r\n --border-light: #ccc;\r\n --border-dark: #444;\r\n\r\n /* calendar */\r\n --cld-bg-color: rgba(0, 0, 0, 0.03);\r\n /* breadcrumbs */\r\n --bc-color: var(--text-muted, #666);\r\n /* EditableRows */\r\n --editor-border: #ccc;\r\n --input-bg: #fff;\r\n --input-text: #333;\r\n\r\n /* card */\r\n --bg-card-header: #ababab;\r\n\r\n /* DebounceSelect */\r\n --color-bg-DebounceSelect: #ffffff;\r\n\r\n /* Table */\r\n --table-bg: #93a4a7;\r\n --table-color: #ffffff;\r\n --table-hover-bg: #e4e4e4;\r\n --table-hover-color: #000000;\r\n --table-bg-nth-child: #f7f7f7;\r\n\r\n/* editable cell input focus styling */\r\n.table-cell-input {\r\n border: 1px solid var(--border-light, #ccc);\r\n padding: 2px 4px;\r\n}\r\n.table-cell-input:focus {\r\n border-color: grey;\r\n outline: none;\r\n}\r\n\r\n /* TABS */\r\n --tabs-bg: #f0e9e9;\r\n --tab-inactive-bg: #c9c9c9;\r\n --tab-active-bg: #2995A3;\r\n --tab-bg: #2995A3;\r\n --tab-color: #ffffff;\r\n --border-color: #2995A3;\r\n}\r\n\r\n[data-theme='dark'] {\r\n\r\n /* TABS */\r\n --tabs-bg: #1b1b1b;\r\n --tab-inactive-bg: #383838;\r\n --tab-bg: #2995A3;\r\n --tab-color: #ffffff;\r\n\r\n --bg: #1b1b1b;\r\n --text: #e0e0e0;\r\n --accent: #ff4500;\r\n --secondary: #333;\r\n --highlight: #00c896;\r\n\r\n --bg-color: #111111;\r\n --text-color: #f5f5f5;\r\n --accent-color: #61dafbaa;\r\n\r\n --btn-view-bg: var(--accent-color, #61dafbaa);\r\n --btn-edit-bg: #81c784;\r\n --btn-delete-bg: #e57373;\r\n --btn-text-color: #ffffff;\r\n /* calendar */\r\n --cld-bg-color: hsla(0, 0%, 56%, 0.04);\r\n /* breadcrumbs */\r\n --bc-color: red;\r\n --bc-bg: #1b1b1b;\r\n /* EditableRows */\r\n --editor-border: #555;\r\n --input-bg: #222;\r\n --input-text: #eee;\r\n\r\n /* DebounceSelect */\r\n --color-bg-DebounceSelect: #1b1b1b;\r\n\r\n /* Table */\r\n --table-hover-bg: #d03e1f;\r\n --table-hover-color: #ffffff;\r\n --table-bg-nth-child: #363636;\r\n}\r\n\r\n/* Apply theme to body */\r\nbody {\r\n background: var(--bg-color);\r\n color: var(--text-color);\r\n transition: background 0.3s ease, color 0.3s ease;\r\n margin: 0;\r\n /* min-height: 100vh; */\r\n}\r\n\r\n.header-content-search {\r\n position: fixed;\r\n z-index: 10000;\r\n /* justify-content: center; */\r\n /* align-items: center; */\r\n /* margin-top: -4px; */\r\n /* top: 5px; */\r\n bottom: 35px;\r\n left: 2px;\r\n width: 200px;\r\n}\r\n\r\n\r\n.body-content {\r\n position: absolute;\r\n top: 0px;\r\n /* match header height */\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n overflow-y: auto;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.filters {\r\n top: 10px;\r\n}\r\n\r\n/* === Layout === */\r\n.fieldsInline {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n /* padding: 0.5rem 1rem; */\r\n}\r\n\r\n.left {\r\n flex: 1;\r\n}\r\n\r\n.right {\r\n flex: none;\r\n margin-left: auto;\r\n}\r\n\r\n/* === Spinner Overlay === */\r\n.spinnerOverlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--overlay-bg);\r\n /* theme-aware overlay */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 999;\r\n}\r\n\r\n.spinnerOver {\r\n width: 40px;\r\n height: 40px;\r\n border: 4px solid var(--spinner-border);\r\n border-top: 4px solid var(--spinner-top);\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n/* MULTI SCROLL */\r\n.layout-container {\r\n display: flex;\r\n flex-direction: column;\r\n /* height: 100vh; */\r\n /* padding: 10px; */\r\n box-sizing: border-box;\r\n /* gap: 1rem; */\r\n}\r\n\r\n.scroll-section {\r\n flex: 1;\r\n overflow-y: auto;\r\n /* padding: 10px; */\r\n /* border: 1px solid #ccc; */\r\n /* background: #f9f9f9; */\r\n /* box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); */\r\n}\r\n\r\n/* Optional: different heights */\r\n.first-scroll {\r\n max-height: 40vh;\r\n}\r\n\r\n.second-scroll {\r\n /* max-height: 50vh; */\r\n}\r\n\r\n\r\n/* BASIC BUTTONS */\r\n.basic-button {\r\n padding: 0.5rem 1rem;\r\n /* height: 40px; */\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #fff;\r\n background: linear-gradient(to right, #007bff, #00bfff);\r\n /* blue gradient */\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: background 0.3s ease, transform 0.2s ease;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.basic-button-small {\r\n flex: 1;\r\n padding: 6px;\r\n border-radius: 2px;\r\n border: none;\r\n background: #999;\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.cancel {\r\n /* background: #ff0000; */\r\n}\r\n\r\n.confirm {\r\n background: #ff0000;\r\n\r\n}\r\n\r\n.basic-button-small:hover {\r\n background: linear-gradient(to right, #0056b3, #0099cc);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.basic-button:hover {\r\n background: linear-gradient(to right, #0056b3, #0099cc);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.basic-button:active {\r\n transform: translateY(0);\r\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.basic-button:disabled {\r\n background: #ccc;\r\n color: #666;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC INPUTS */\r\n.basic-input {\r\n height: 34px;\r\n padding: 0 0.75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #333;\r\n background-color: #fff;\r\n border: 1px solid #ccc;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s ease, box-shadow 0.2s ease;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.basic-input:focus {\r\n border-color: #007bff;\r\n box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n.basic-input:disabled {\r\n background-color: #f5f5f5;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC SELECT */\r\n.basic-select {\r\n height: 34px;\r\n padding: 0 0.75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #333;\r\n background-color: #fff;\r\n border: 1px solid #ccc;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n outline: none;\r\n width: 100%;\r\n appearance: none;\r\n /* removes default arrow styling */\r\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 50 L70 85 L105 50' stroke='%23333' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 0.75rem center;\r\n background-size: 12px;\r\n cursor: pointer;\r\n transition: border-color 0.3s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.basic-select:focus {\r\n border-color: #007bff;\r\n box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n.basic-select:disabled {\r\n background-color: #f5f5f5;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC checkbox */\r\n.basic-checkbox {\r\n width: 18px;\r\n height: 18px;\r\n margin: 0;\r\n accent-color: #007bff;\r\n /* ✅ native color for modern browsers */\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.basic-checkbox:focus {\r\n outline: none;\r\n transform: scale(1.1);\r\n}\r\n\r\n.basic-checkbox:disabled {\r\n accent-color: #ccc;\r\n cursor: not-allowed;\r\n}\r\n\r\n.basic-checkbox-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 1rem;\r\n height: 34px;\r\n /* ✅ match row height */\r\n}\r\n\r\n/* BASIC debounce drop down menu */\r\n.basic-input-dropdown-menu {\r\n width: 100%;\r\n /* ✅ Full width inside the form */\r\n box-sizing: border-box;\r\n /* ✅ Prevent overflow from padding */\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n background-color: var(--color-bg-DebounceSelect);\r\n border: 1px solid var(--color-border);\r\n max-height: 200px;\r\n overflow-y: auto;\r\n z-index: var(--z-index-dropdown);\r\n border-radius: 2px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.basic-input-dropdown-item {\r\n padding: 8px;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.loading,\r\n.no-results-dropdown-item {\r\n padding: 8px;\r\n color: var(--color-loading);\r\n font-style: italic;\r\n}\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n /* background: var(--bg-light); */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 999;\r\n}\r\n\r\n.modal-box {\r\n background: var(--bg);\r\n padding: 1.5rem;\r\n border-radius: 2px;\r\n width: 100%;\r\n max-width: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n /* make dialog resizable when content overflows */\r\n position: relative;\r\n resize: both;\r\n overflow: auto;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n}\r\n\r\n/* custom resize indicator in bottom-right corner */\r\n.modal-box.overflowing::after {\r\n content: '↘';\r\n position: absolute;\r\n right: 8px;\r\n bottom: 8px;\r\n font-size: 0.75rem;\r\n color: #888;\r\n cursor: se-resize;\r\n pointer-events: none;\r\n}\r\n\r\n.modal-title {\r\n margin-top: 0;\r\n font-size: 1.25rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.modal-content {\r\n margin-bottom: 1.5rem;\r\n /* ensure inner content scrolls if too tall */\r\n max-height: calc(80vh);\r\n overflow: auto;\r\n}\r\n\r\n.modal-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.modal-btn {\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.modal-btn.cancel {\r\n background-color: #ccc;\r\n}\r\n\r\n.modal-btn.confirm {\r\n background-color: var(--accent-light);\r\n font-weight: bold;\r\n}\r\n\r\n.small-button-icon {\r\n border: none;\r\n background: rgba(255, 255, 255, 0.3);\r\n color: #fff;\r\n cursor: pointer;\r\n width: 26;\r\n height: 22;\r\n border-radius: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n padding: 5;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.table-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n /* border: 1px solid #ccc; */\r\n border-radius: 2px;\r\n /* allow horizontal scrolling when columns are resized wider than the container */\r\n overflow-x: auto;\r\n}\r\n\r\n.table-header {\r\n font-weight: bold;\r\n transition: margin-right 0.2s ease;\r\n /* margin-right: 15px; */\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n min-width: max-content;\r\n}\r\n\r\n.header-row {\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n}\r\n\r\n.header-row .table-cell {\r\n position: relative;\r\n}\r\n\r\n.column-resizer {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 10px;\r\n cursor: col-resize;\r\n z-index: 2;\r\n}\r\n\r\n.column-resizer:hover {\r\n background: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.header-row {\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n}\r\n\r\n.table-header.scroll-adjust {\r\n margin-right: 15px;\r\n /* adjust depending on scrollbar width */\r\n}\r\n\r\n.main-table {\r\n /* adjust based on your layout */\r\n height: calc(100vh - 250px);\r\n width: 100%;\r\n}\r\n\r\n.virtual-table {\r\n display: flex;\r\n flex-direction: column;\r\n /* prevent flex children from expanding beyond container width */\r\n min-width: 0;\r\n}\r\n\r\n.table-row {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n /* force row to stay within container width */\r\n box-sizing: border-box;\r\n /* clip any content that overflows the row bounds */\r\n overflow: hidden;\r\n /* add line between rows */\r\n border-bottom: 1px solid #d0d0d0;\r\n}\r\n\r\n/* Group header rows have parent-style border */\r\n.table-row.group-row {\r\n border-bottom: 2px solid #999;\r\n background-color: #f5f5f5;\r\n font-weight: bold;\r\n}\r\n\r\n/* Group header cell styling */\r\n.group-header {\r\n font-weight: bold;\r\n flex: 1;\r\n}\r\n\r\n/* Alternate row background color */\r\n.table-row:nth-child(even) {\r\n background-color: var(--table-bg-nth-child);\r\n}\r\n\r\n.virtual-table .table-row:not(:first-child):hover {\r\n background-color: var(--table-hover-bg);\r\n color: var(--table-hover-color);\r\n cursor: pointer;\r\n}\r\n\r\n/* border-bottom: 1px solid #5c5c5c; */\r\n\r\n.table-cell {\r\n flex: 1 1 0%;\r\n min-width: 0; /* allow the cell to shrink below its content width */\r\n max-width: 100%; /* prevent cells from exceeding their allocated space */\r\n padding: 8px;\r\n text-align: left;\r\n overflow: hidden;\r\n white-space: nowrap; /* single line only */\r\n text-overflow: ellipsis;/* show \"...\" when truncated */\r\n border: 1px solid #e0e0e0;\r\n /* border-bottom: 1px solid #ccc; */\r\n}\r\n\r\n/* No individual cell borders in group header rows */\r\n.group-row .table-cell {\r\n border: none;\r\n}\r\n\r\n.checkbox-cell {\r\n flex: 0 0 40px;\r\n text-align: center;\r\n}\r\n\r\n.key-cell {\r\n flex: 0 0 40px;\r\n text-align: center;\r\n}\r\n\r\n.action-cell {\r\n display: flex;\r\n justify-content: center;\r\n gap: 4px;\r\n overflow: hidden;\r\n}\r\n\r\n.table-cell.action-cell {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 4px;\r\n flex-wrap: nowrap;\r\n padding: 4px;\r\n border: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n.action-btn-table {\r\n padding: 2px 6px;\r\n font-size: 12px;\r\n height: 24px;\r\n line-height: 1;\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background-color 0.2s ease;\r\n color: #ffffff;\r\n}\r\n\r\n.action-btn:hover {\r\n opacity: 0.9;\r\n}\r\n\r\n/* Highlight row when hovered */\r\n.table-row:hover {\r\n background-color: var(--table-hover-bg, #e6f0ff);\r\n /* light blue fallback */\r\n color: var(--table-hover-color, #000);\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.row-main {\r\n display: flex;\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.highlight {\r\n background-color: yellow;\r\n font-weight: bold;\r\n}"]}
|
|
1
|
+
{"version":3,"sources":["index.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[":root {\r\n --z-index-dropdown: 9999;\r\n\r\n --bg: #ffffff;\r\n --text: #1b1b1b;\r\n --accent: #ff4500;\r\n --secondary: #e0e0e0;\r\n --highlight: #00c896;\r\n --font-heading: 'Bebas Neue', sans-serif;\r\n --font-body: 'Inter', sans-serif;\r\n\r\n --bg-color: #ffffff;\r\n --text-color: #111111;\r\n --accent-color: #646cffaa;\r\n --card-radius: 12px;\r\n --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n --font-family: 'Segoe UI', sans-serif;\r\n\r\n --btn-view-bg: var(--accent-color, #646cffaa);\r\n --btn-edit-bg: #4caf50;\r\n --btn-delete-bg: #f44336;\r\n --btn-text-color: #ffffff;\r\n\r\n --bg-light: #ffffff;\r\n --bg-dark: #1e1e1e;\r\n --text-light: #000000;\r\n --text-dark: #f0f0f0;\r\n --accent-light: #0078d4;\r\n --accent-dark: #00b7c3;\r\n --border-light: #ccc;\r\n --border-dark: #444;\r\n\r\n /* calendar */\r\n --cld-bg-color: rgba(0, 0, 0, 0.03);\r\n /* breadcrumbs */\r\n --bc-color: var(--text-muted, #666);\r\n /* EditableRows */\r\n --editor-border: #ccc;\r\n --input-bg: #fff;\r\n --input-text: #333;\r\n\r\n /* card */\r\n --bg-card-header: #ababab;\r\n\r\n /* DebounceSelect */\r\n --color-bg-DebounceSelect: #ffffff;\r\n\r\n /* Table */\r\n --table-bg: #93a4a7;\r\n --table-color: #ffffff;\r\n --table-hover-bg: #e4e4e4;\r\n --table-hover-color: #000000;\r\n --table-bg-nth-child: #f7f7f7;\r\n\r\n/* editable cell input focus styling */\r\n.table-cell-input {\r\n border: 1px solid var(--border-light, #ccc);\r\n padding: 2px 4px;\r\n}\r\n.table-cell-input:focus {\r\n border-color: grey;\r\n outline: none;\r\n}\r\n\r\n /* TABS */\r\n --tabs-bg: #f0e9e9;\r\n --tab-inactive-bg: #c9c9c9;\r\n --tab-active-bg: #2995A3;\r\n --tab-bg: #2995A3;\r\n --tab-color: #ffffff;\r\n --border-color: #2995A3;\r\n}\r\n\r\n[data-theme='dark'] {\r\n\r\n /* TABS */\r\n --tabs-bg: #1b1b1b;\r\n --tab-inactive-bg: #383838;\r\n --tab-bg: #2995A3;\r\n --tab-color: #ffffff;\r\n\r\n --bg: #1b1b1b;\r\n --text: #e0e0e0;\r\n --accent: #ff4500;\r\n --secondary: #333;\r\n --highlight: #00c896;\r\n\r\n --bg-color: #111111;\r\n --text-color: #f5f5f5;\r\n --accent-color: #61dafbaa;\r\n\r\n --btn-view-bg: var(--accent-color, #61dafbaa);\r\n --btn-edit-bg: #81c784;\r\n --btn-delete-bg: #e57373;\r\n --btn-text-color: #ffffff;\r\n /* calendar */\r\n --cld-bg-color: hsla(0, 0%, 56%, 0.04);\r\n /* breadcrumbs */\r\n --bc-color: red;\r\n --bc-bg: #1b1b1b;\r\n /* EditableRows */\r\n --editor-border: #555;\r\n --input-bg: #222;\r\n --input-text: #eee;\r\n\r\n /* DebounceSelect */\r\n --color-bg-DebounceSelect: #1b1b1b;\r\n\r\n /* Table */\r\n --table-hover-bg: #d03e1f;\r\n --table-hover-color: #ffffff;\r\n --table-bg-nth-child: #363636;\r\n}\r\n\r\n/* Apply theme to body */\r\nbody {\r\n background: var(--bg-color);\r\n color: var(--text-color);\r\n transition: background 0.3s ease, color 0.3s ease;\r\n margin: 0;\r\n /* min-height: 100vh; */\r\n}\r\n\r\n.header-content-search {\r\n position: fixed;\r\n z-index: 10000;\r\n /* justify-content: center; */\r\n /* align-items: center; */\r\n /* margin-top: -4px; */\r\n /* top: 5px; */\r\n bottom: 35px;\r\n left: 2px;\r\n width: 200px;\r\n}\r\n\r\n\r\n.body-content {\r\n position: absolute;\r\n top: 0px;\r\n /* match header height */\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n overflow-y: auto;\r\n padding: 10px;\r\n box-sizing: border-box;\r\n}\r\n\r\n.filters {\r\n top: 10px;\r\n}\r\n\r\n/* === Layout === */\r\n.fieldsInline {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n /* padding: 0.5rem 1rem; */\r\n}\r\n\r\n.left {\r\n flex: 1;\r\n}\r\n\r\n.right {\r\n flex: none;\r\n margin-left: auto;\r\n}\r\n\r\n/* === Spinner Overlay === */\r\n.spinnerOverlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--overlay-bg);\r\n /* theme-aware overlay */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 999;\r\n}\r\n\r\n.spinnerOver {\r\n width: 40px;\r\n height: 40px;\r\n border: 4px solid var(--spinner-border);\r\n border-top: 4px solid var(--spinner-top);\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n/* MULTI SCROLL */\r\n.layout-container {\r\n display: flex;\r\n flex-direction: column;\r\n /* height: 100vh; */\r\n /* padding: 10px; */\r\n box-sizing: border-box;\r\n /* gap: 1rem; */\r\n}\r\n\r\n.scroll-section {\r\n flex: 1;\r\n overflow-y: auto;\r\n /* padding: 10px; */\r\n /* border: 1px solid #ccc; */\r\n /* background: #f9f9f9; */\r\n /* box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); */\r\n}\r\n\r\n/* Optional: different heights */\r\n.first-scroll {\r\n max-height: 40vh;\r\n}\r\n\r\n.second-scroll {\r\n /* max-height: 50vh; */\r\n}\r\n\r\n\r\n/* BASIC BUTTONS */\r\n.basic-button {\r\n padding: 0.5rem 1rem;\r\n /* height: 40px; */\r\n font-size: 1rem;\r\n font-weight: 500;\r\n color: #fff;\r\n background: linear-gradient(to right, #007bff, #00bfff);\r\n /* blue gradient */\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: background 0.3s ease, transform 0.2s ease;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.basic-button-small {\r\n flex: 1;\r\n padding: 6px;\r\n border-radius: 2px;\r\n border: none;\r\n background: #999;\r\n color: #fff;\r\n cursor: pointer;\r\n}\r\n\r\n.cancel {\r\n /* background: #ff0000; */\r\n}\r\n\r\n.confirm {\r\n background: #ff0000;\r\n\r\n}\r\n\r\n.basic-button-small:hover {\r\n background: linear-gradient(to right, #0056b3, #0099cc);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.basic-button:hover {\r\n background: linear-gradient(to right, #0056b3, #0099cc);\r\n transform: translateY(-1px);\r\n}\r\n\r\n.basic-button:active {\r\n transform: translateY(0);\r\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.basic-button:disabled {\r\n background: #ccc;\r\n color: #666;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC INPUTS */\r\n.basic-input {\r\n height: 34px;\r\n padding: 0 0.75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #333;\r\n background-color: #fff;\r\n border: 1px solid #ccc;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n transition: border-color 0.3s ease, box-shadow 0.2s ease;\r\n outline: none;\r\n width: 100%;\r\n}\r\n\r\n.basic-input:focus {\r\n border-color: #007bff;\r\n box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n.basic-input:disabled {\r\n background-color: #f5f5f5;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC SELECT */\r\n.basic-select {\r\n height: 34px;\r\n padding: 0 0.75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n color: #333;\r\n background-color: #fff;\r\n border: 1px solid #ccc;\r\n border-radius: 2px;\r\n box-sizing: border-box;\r\n outline: none;\r\n width: 100%;\r\n appearance: none;\r\n /* removes default arrow styling */\r\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 50 L70 85 L105 50' stroke='%23333' stroke-width='15' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 0.75rem center;\r\n background-size: 12px;\r\n cursor: pointer;\r\n transition: border-color 0.3s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.basic-select:focus {\r\n border-color: #007bff;\r\n box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n.basic-select:disabled {\r\n background-color: #f5f5f5;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* BASIC checkbox */\r\n.basic-checkbox {\r\n width: 18px;\r\n height: 18px;\r\n margin: 0;\r\n accent-color: #007bff;\r\n /* ✅ native color for modern browsers */\r\n cursor: pointer;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.basic-checkbox:focus {\r\n outline: none;\r\n transform: scale(1.1);\r\n}\r\n\r\n.basic-checkbox:disabled {\r\n accent-color: #ccc;\r\n cursor: not-allowed;\r\n}\r\n\r\n.basic-checkbox-label {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 1rem;\r\n height: 34px;\r\n /* ✅ match row height */\r\n}\r\n\r\n/* BASIC debounce drop down menu */\r\n.basic-input-dropdown-menu {\r\n width: 100%;\r\n /* ✅ Full width inside the form */\r\n box-sizing: border-box;\r\n /* ✅ Prevent overflow from padding */\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n background-color: var(--color-bg-DebounceSelect);\r\n border: 1px solid var(--color-border);\r\n max-height: 200px;\r\n overflow-y: auto;\r\n z-index: var(--z-index-dropdown);\r\n border-radius: 2px;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.basic-input-dropdown-item {\r\n padding: 8px;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.loading,\r\n.no-results-dropdown-item {\r\n padding: 8px;\r\n color: var(--color-loading);\r\n font-style: italic;\r\n}\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n /* background: var(--bg-light); */\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 999;\r\n}\r\n\r\n.modal-box {\r\n background: var(--bg);\r\n padding: 1.5rem;\r\n border-radius: 2px;\r\n width: 100%;\r\n max-width: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n /* make dialog resizable when content overflows */\r\n position: relative;\r\n resize: both;\r\n overflow: auto;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n}\r\n\r\n/* custom resize indicator in bottom-right corner */\r\n.modal-box.overflowing::after {\r\n content: '↘';\r\n position: absolute;\r\n right: 8px;\r\n bottom: 8px;\r\n font-size: 0.75rem;\r\n color: #888;\r\n cursor: se-resize;\r\n pointer-events: none;\r\n}\r\n\r\n.modal-title {\r\n margin-top: 0;\r\n font-size: 1.25rem;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.modal-content {\r\n margin-bottom: 1.5rem;\r\n /* ensure inner content scrolls if too tall */\r\n max-height: calc(80vh);\r\n overflow: auto;\r\n}\r\n\r\n.modal-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 0.5rem;\r\n}\r\n\r\n.modal-btn {\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.modal-btn.cancel {\r\n background-color: #ccc;\r\n}\r\n\r\n.modal-btn.confirm {\r\n background-color: var(--accent-light);\r\n font-weight: bold;\r\n}\r\n\r\n.small-button-icon {\r\n border: none;\r\n background: rgba(255, 255, 255, 0.3);\r\n color: #fff;\r\n cursor: pointer;\r\n width: 26;\r\n height: 22;\r\n border-radius: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n padding: 5;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.table-container {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n /* border: 1px solid #ccc; */\r\n border-radius: 2px;\r\n /* allow horizontal scrolling when columns are resized wider than the container */\r\n overflow-x: auto;\r\n}\r\n\r\n.table-header {\r\n font-weight: bold;\r\n transition: margin-right 0.2s ease;\r\n /* margin-right: 15px; */\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n min-width: max-content;\r\n}\r\n\r\n.header-row {\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n}\r\n\r\n.header-row .table-cell {\r\n position: relative;\r\n}\r\n\r\n.column-resizer {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 10px;\r\n cursor: col-resize;\r\n z-index: 2;\r\n}\r\n\r\n.column-resizer:hover {\r\n background: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.header-row {\r\n background: var(--table-bg);\r\n color: var(--table-color);\r\n}\r\n\r\n.table-header.scroll-adjust {\r\n margin-right: 15px;\r\n /* adjust depending on scrollbar width */\r\n}\r\n\r\n.main-table {\r\n /* adjust based on your layout */\r\n height: calc(100vh - 250px);\r\n width: 100%;\r\n}\r\n\r\n.virtual-table {\r\n display: flex;\r\n flex-direction: column;\r\n /* prevent flex children from expanding beyond container width */\r\n min-width: 0;\r\n}\r\n\r\n.table-row {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n /* force row to stay within container width */\r\n box-sizing: border-box;\r\n /* clip any content that overflows the row bounds */\r\n overflow: hidden;\r\n /* add line between rows */\r\n border-bottom: 1px solid #d0d0d0;\r\n}\r\n\r\n/* Group header rows have parent-style border */\r\n.table-row.group-row {\r\n border-bottom: 2px solid #999;\r\n background-color: #f5f5f5;\r\n font-weight: bold;\r\n}\r\n\r\n/* Group header cell styling */\r\n.group-header {\r\n font-weight: bold;\r\n flex: 1 1 0%;\r\n min-width: 0;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/* Alternate row background color */\r\n.table-row:nth-child(even) {\r\n background-color: var(--table-bg-nth-child);\r\n}\r\n\r\n.virtual-table .table-row:not(:first-child):hover {\r\n background-color: var(--table-hover-bg);\r\n color: var(--table-hover-color);\r\n cursor: pointer;\r\n}\r\n\r\n/* border-bottom: 1px solid #5c5c5c; */\r\n\r\n.table-cell {\r\n flex: 1 1 0%;\r\n min-width: 0; /* allow the cell to shrink below its content width */\r\n max-width: 100%; /* prevent cells from exceeding their allocated space */\r\n padding: 8px;\r\n text-align: left;\r\n overflow: hidden;\r\n white-space: nowrap; /* single line only */\r\n text-overflow: ellipsis;/* show \"...\" when truncated */\r\n border: 1px solid #e0e0e0;\r\n /* border-bottom: 1px solid #ccc; */\r\n}\r\n\r\n/* No individual cell borders in group header rows */\r\n.group-row .table-cell {\r\n border: none;\r\n}\r\n\r\n.checkbox-cell {\r\n flex: 0 0 40px;\r\n text-align: center;\r\n}\r\n\r\n.key-cell {\r\n flex: 0 0 40px;\r\n text-align: center;\r\n}\r\n\r\n.action-cell {\r\n display: flex;\r\n justify-content: center;\r\n gap: 4px;\r\n overflow: hidden;\r\n}\r\n\r\n.table-cell.action-cell {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 4px;\r\n flex-wrap: nowrap;\r\n padding: 4px;\r\n border: none;\r\n box-sizing: border-box;\r\n}\r\n\r\n.action-btn-table {\r\n padding: 2px 6px;\r\n font-size: 12px;\r\n height: 24px;\r\n line-height: 1;\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background-color 0.2s ease;\r\n color: #ffffff;\r\n}\r\n\r\n.action-btn:hover {\r\n opacity: 0.9;\r\n}\r\n\r\n/* Highlight row when hovered */\r\n.table-row:hover {\r\n background-color: var(--table-hover-bg, #e6f0ff);\r\n /* light blue fallback */\r\n color: var(--table-hover-color, #000);\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.row-main {\r\n display: flex;\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.highlight {\r\n background-color: yellow;\r\n font-weight: bold;\r\n}"]}
|