npm - trotl-filter - Versions diffs - 1.0.48 → 1.0.49 - Mend

trotl-filter 1.0.48 → 1.0.49

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.

Files changed (3) hide show

package/dist/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-: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:2px;--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:#2995a3;--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}[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{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-width:400px;padding:1.5rem;width:100%}.modal-title{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.modal-content{margin-bottom:1.5rem}.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}.basic-input::-webkit-search-cancel-button{cursor:pointer}.react-select__menu{z-index:9999}.filter-select.light{border:1px solid #ccc;color:#333}.filter-select.dark{border:1px solid #555;color:#eee}.filters-wrapper.light{color:var(--text-light)}.filters-wrapper.dark{color:var(--text-dark)}.filters-header{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:10px}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{font-size:20px;font-weight:700}.collapse-toggle,.filter-reset{background-color:var(--accent-light);border:none;border-radius:2px;cursor:pointer;font-weight:700;transition:background-color .2s ease,border-color .2s ease}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-left:10px}.filters-container>:first-child{margin-left:0}.filter-input,.filter-select{border:1px solid #ccc;border-radius:5px;color:#000;font-size:.95rem;height:auto;line-height:1.5;min-width:180px;padding:.5rem .75rem}.collapse-toggle:focus,.dropdown-toggle:focus,.export-btn:focus,.filter-input:focus,.filter-reset:focus,.filter-select:focus{border-color:#999;outline:none}.filter-select[multiple]{height:100px}.filter-icon{align-items:center;border-radius:2px;cursor:pointer;display:inline-flex;font-size:1.2rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.filter-icon:hover{background-color:rgba(0,0,0,.05)}.filter-multiselect{flex:1;min-width:200px}.filter-date{align-items:center;display:flex;gap:.5rem;position:relative}.date-clear{color:#888;cursor:pointer;font-size:1rem;margin-left:6px;transition:color .2s ease}.date-clear:hover{color:#000}.filter-input-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.input-clear{color:#888;cursor:pointer;font-size:1rem;margin-left:6px;transition:color .2s ease}.input-clear:hover{color:#000}.filters-actions,.filters-buttons{align-items:center;display:flex;gap:.5rem}.button-group{align-items:center;display:flex;gap:10px}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-toggle{background-color:var(--accent-light);border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.4rem .8rem;transition:background-color .2s ease}.dropdown-menu{background-color:var(--bg-light);border-radius:6px;left:0;padding:.5rem;position:absolute;top:100%;z-index:1000}.dropdown-item{background:none;border:none;cursor:pointer;display:block;padding:.4rem .6rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:rgba(0,0,0,.05)}.multi-selected-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.tag{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:2px;font-size:.85rem;padding:2px 6px}.tag button{background:none;border:none;cursor:pointer;margin-left:4px}.basic-input-dropdown-item{cursor:pointer;padding:6px 12px;transition:background .15s}.basic-input-dropdown-item:hover{background:#e6f0fa}.button{align-items:center;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;outline:none;padding:10px 20px;transition:all .2s ease}.button:hover{opacity:.9;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-ok{background-color:#007bff;color:#fff}.btn-ok:hover:not(:disabled){background-color:#0056b3}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c82333}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background-color:#c82333}.btn-custom{background-color:#e7e7e7;color:#000}.btn-custom:hover:not(:disabled){background-color:#b8b8b8}.button--float{border-radius:2px;box-shadow:0 6px 14px rgba(0,0,0,.12);position:fixed;z-index:9999}.switch-container{align-items:center;display:inline-flex;gap:10px}.switch{cursor:pointer;display:inline-block;position:relative}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;content:""}.switch-medium{height:24px;width:50px}.switch-medium .slider:before{bottom:3px;height:18px;left:3px;width:18px}.switch-medium input:checked+.slider:before{transform:translateX(26px)}.switch-small{height:20px;width:40px}.switch-small .slider:before{bottom:3px;height:14px;left:3px;width:14px}.switch-small input:checked+.slider:before{transform:translateX(20px)}.switch-large{height:30px;width:60px}.switch-large .slider:before{bottom:3px;height:24px;left:3px;width:24px}.switch-large input:checked+.slider:before{transform:translateX(30px)}.slider.checked{background-color:#007bff}.switch-disabled{cursor:not-allowed;opacity:.5}.switch-label{color:#333;font-size:14px;user-select:none}.trotl-upload{font-family:inherit}.upload-dropzone{align-items:center;background:var(--trotl-upload-bg,#fafafa);border:2px dashed var(--trotl-border,#d0d7de);border-radius:2px;cursor:pointer;display:flex;justify-content:center;padding:18px;transition:background .15s ease,border-color .15s ease}.upload-dropzone.drag-over{background:var(--trotl-upload-drag-bg,#eef6ff);border-color:var(--trotl-primary,#1e88e5)}.upload-inner{align-items:center;display:flex;gap:10px;text-align:center}.upload-icon{font-size:20px}.upload-text{color:var(--trotl-text,#333)}.upload-browse{background:var(--trotl-primary,#1e88e5);border:none;border-radius:2px;color:#fff;margin-left:8px;padding:6px 10px}.upload-list{list-style:none;margin:8px 0 0;padding:0}.upload-item{background:transparent;border-radius:2px;display:flex;justify-content:space-between;padding:6px 8px}.upload-name{color:var(--trotl-text,#222)}.upload-size{color:#666;font-size:12px}.upload-actions{align-items:center;display:inline-flex;gap:8px}.upload-remove{background:none;border:none;color:#d9534f;cursor:pointer;font-size:16px;line-height:1;padding:2px}.upload-remove:hover{opacity:.9}.upload-custom-text{color:#555;font-size:13px;margin-top:8px}.upload-dropzone.disabled{cursor:not-allowed;opacity:.6}.upload-remove[disabled]{cursor:not-allowed;opacity:.5}.fieldsInline001{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.fieldsInlineTeeth .button{font-size:13px;height:30px;padding:6px 10px}.bodyTeeth{background:#fff;border:1px solid #eee;border-radius:4px;max-width:980px;padding:12px;position:relative}.bodyTeeth-first-row,.bodyTeeth-second-row{display:flex;flex-wrap:nowrap;gap:8px;padding:8px 0}.custom-card-tooth{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.04);cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:space-between;overflow:hidden;padding:6px;user-select:none;width:60px}.custom-card-tooth.selected{background:#e6f7ff;border:1px solid #ff4d4d}.card-header-tooth{font-size:14px;font-weight:700;text-align:center}.card-body-tooth{color:#333;font-size:12px;margin:4px 0;min-height:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.card-footer-tooth{color:#666;font-size:12px;text-align:center;width:100%}.card-footer-tooth-multi{align-items:center;display:flex;gap:6px;justify-content:center}.horizontal-line-h{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.horizontal-line-h,.vertical-line-v{background:#e6e6e6;position:absolute}.vertical-line-v{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+: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:2px;--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:#2995a3;--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}[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{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-width:400px;padding:1.5rem;width:100%}.modal-title{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.modal-content{margin-bottom:1.5rem}.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}.basic-input::-webkit-search-cancel-button{cursor:pointer}.react-select__menu{z-index:9999}.filter-select.light{border:1px solid #ccc;color:#333}.filter-select.dark{border:1px solid #555;color:#eee}.filters-wrapper.light{color:var(--text-light)}.filters-wrapper.dark{color:var(--text-dark)}.filters-header{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-bottom:10px}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{font-size:20px;font-weight:700}.collapse-toggle,.filter-reset{background-color:var(--accent-light);border:none;border-radius:2px;cursor:pointer;font-weight:700;transition:background-color .2s ease,border-color .2s ease}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-left:10px}.filters-container>:first-child{margin-left:0}.filter-input,.filter-select{border:1px solid #ccc;border-radius:5px;color:#000;font-size:.95rem;height:auto;line-height:1.5;min-width:180px;padding:.5rem .75rem}.collapse-toggle:focus,.dropdown-toggle:focus,.export-btn:focus,.filter-input:focus,.filter-reset:focus,.filter-select:focus{border-color:#999;outline:none}.filter-select[multiple]{height:100px}.filter-icon{align-items:center;border-radius:2px;cursor:pointer;display:inline-flex;font-size:1.2rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.filter-icon:hover{background-color:rgba(0,0,0,.05)}.filter-multiselect{flex:1;min-width:200px}.filter-date{align-items:center;display:flex;gap:.5rem;position:relative}.date-clear{color:#888;cursor:pointer;font-size:1rem;margin-left:6px;transition:color .2s ease}.date-clear:hover{color:#000}.filter-input-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.input-clear{color:#888;cursor:pointer;font-size:1rem;margin-left:6px;transition:color .2s ease}.input-clear:hover{color:#000}.filters-actions,.filters-buttons{align-items:center;display:flex;gap:.5rem}.button-group{align-items:center;display:flex;gap:10px}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-toggle{background-color:var(--accent-light);border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.4rem .8rem;transition:background-color .2s ease}.dropdown-menu{background-color:var(--bg-light);border-radius:6px;left:0;padding:.5rem;position:absolute;top:100%;z-index:1000}.dropdown-item{background:none;border:none;cursor:pointer;display:block;padding:.4rem .6rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:rgba(0,0,0,.05)}.multi-selected-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:5px}.tag{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:2px;font-size:.85rem;padding:2px 6px}.tag button{background:none;border:none;cursor:pointer;margin-left:4px}.basic-input-dropdown-item{cursor:pointer;padding:6px 12px;transition:background .15s}.basic-input-dropdown-item:hover{background:#e6f0fa}.button{align-items:center;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;outline:none;padding:10px 20px;transition:all .2s ease}.button:hover{opacity:.9;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-ok{background-color:#007bff;color:#fff}.btn-ok:hover:not(:disabled){background-color:#0056b3}.btn-cancel{background-color:#dc3545;color:#fff}.btn-cancel:hover:not(:disabled){background-color:#c82333}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover:not(:disabled){background-color:#c82333}.btn-custom{background-color:#e7e7e7;color:#000}.btn-custom:hover:not(:disabled){background-color:#b8b8b8}.button--float{border-radius:2px;box-shadow:0 6px 14px rgba(0,0,0,.12);position:fixed;z-index:9999}.switch-container{align-items:center;display:inline-flex;gap:10px}.switch{cursor:pointer;display:inline-block;position:relative}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;content:""}.switch-medium{height:24px;width:50px}.switch-medium .slider:before{bottom:3px;height:18px;left:3px;width:18px}.switch-medium input:checked+.slider:before{transform:translateX(26px)}.switch-small{height:20px;width:40px}.switch-small .slider:before{bottom:3px;height:14px;left:3px;width:14px}.switch-small input:checked+.slider:before{transform:translateX(20px)}.switch-large{height:30px;width:60px}.switch-large .slider:before{bottom:3px;height:24px;left:3px;width:24px}.switch-large input:checked+.slider:before{transform:translateX(30px)}.slider.checked{background-color:#007bff}.switch-disabled{cursor:not-allowed;opacity:.5}.switch-label{color:#333;font-size:14px;user-select:none}.trotl-upload{font-family:inherit}.upload-dropzone{align-items:center;background:var(--trotl-upload-bg,#fafafa);border:2px dashed var(--trotl-border,#d0d7de);border-radius:2px;cursor:pointer;display:flex;justify-content:center;padding:18px;transition:background .15s ease,border-color .15s ease}.upload-dropzone.drag-over{background:var(--trotl-upload-drag-bg,#eef6ff);border-color:var(--trotl-primary,#1e88e5)}.upload-inner{align-items:center;display:flex;gap:10px;text-align:center}.upload-icon{font-size:20px}.upload-text{color:var(--trotl-text,#333)}.upload-browse{background:var(--trotl-primary,#1e88e5);border:none;border-radius:2px;color:#fff;margin-left:8px;padding:6px 10px}.upload-list{list-style:none;margin:8px 0 0;padding:0}.upload-item{background:transparent;border-radius:2px;display:flex;justify-content:space-between;padding:6px 8px}.upload-name{color:var(--trotl-text,#222)}.upload-size{color:#666;font-size:12px}.upload-actions{align-items:center;display:inline-flex;gap:8px}.upload-remove{background:none;border:none;color:#d9534f;cursor:pointer;font-size:16px;line-height:1;padding:2px}.upload-remove:hover{opacity:.9}.upload-custom-text{color:#555;font-size:13px;margin-top:8px}.upload-dropzone.disabled{cursor:not-allowed;opacity:.6}.upload-remove[disabled]{cursor:not-allowed;opacity:.5}.fieldsInline001{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.fieldsInlineTeeth .button{font-size:13px;height:30px;padding:6px 10px}.bodyTeeth{background:#fff;border:1px solid #eee;border-radius:4px;max-width:980px;padding:12px;position:relative}.bodyTeeth-first-row,.bodyTeeth-second-row{display:flex;flex-wrap:nowrap;gap:8px;padding:8px 0}.custom-card-tooth{align-items:center;background:#fff;border:1px solid #ddd;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.04);cursor:pointer;display:flex;flex-direction:column;height:125px;justify-content:space-between;overflow:hidden;padding:5px;user-select:none;width:60px}.custom-card-tooth.selected{background:#e6f7ff;border:1px solid #ff4d4d}.card-header-tooth{font-size:14px;font-weight:700;text-align:center}.card-body-tooth{color:#333;font-size:12px;margin:4px 0;min-height:14px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.card-footer-tooth{color:#666;font-size:12px;text-align:center;width:100%}.card-footer-tooth-multi{align-items:center;display:flex;gap:6px;justify-content:center}.horizontal-line-h{height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.horizontal-line-h,.vertical-line-v{background:#e6e6e6;position:absolute}.vertical-line-v{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.css","Button.css","Switch.css","Upload.css","CardSelect.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: 2px;\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: #2995a3;\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 / 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}\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}\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.basic-input::-webkit-search-cancel-button {\r\n cursor: pointer;\r\n}\r\n\r\n.react-select__menu {\r\n z-index: 9999;\r\n}\r\n\r\n.filter-select.light {\r\n color: #333;\r\n border: 1px solid #ccc;\r\n}\r\n\r\n.filter-select.dark {\r\n color: #eee;\r\n border: 1px solid #555;\r\n}\r\n\r\n.filters-wrapper.light {\r\n color: var(--text-light);\r\n}\r\n\r\n.filters-wrapper.dark {\r\n color: var(--text-dark);\r\n}\r\n\r\n.filters-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.filters-title {\r\n display: flex;\r\n align-items: center;\r\n font-weight: bold;\r\n font-size: 20px;\r\n}\r\n\r\n.collapse-toggle,\r\n.filter-reset {\r\n background-color: var(--accent-light);\r\n border: none;\r\n / padding: 0.4rem 0.8rem; /\r\n border-radius: 2px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.filters-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n padding-left: 10px;\r\n}\r\n\r\n.filters-container>:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n.filter-input,\r\n.filter-select {\r\n padding: 0.5rem 0.75rem;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n min-width: 180px;\r\n font-size: 0.95rem;\r\n color: #000000;\r\n height: auto;\r\n line-height: 1.5;\r\n /* transition: border-color 0.2s ease, box-shadow 0.2s ease; /\r\n}\r\n\r\n/ ✅ Focus styles /\r\n.filter-input:focus,\r\n.filter-select:focus,\r\n/ .filter-button:focus, /\r\n.collapse-toggle:focus,\r\n.filter-reset:focus,\r\n.export-btn:focus,\r\n.dropdown-toggle:focus {\r\n outline: none;\r\n border-color: #999;\r\n / box-shadow: 0 0 0 2px rgba(160, 160, 160, 0.25); /\r\n}\r\n\r\n/ Multiselect and date /\r\n.filter-select[multiple] {\r\n height: 100px;\r\n}\r\n\r\n.filter-icon {\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n / padding: 0.25rem; /\r\n border-radius: 2px;\r\n transition: background-color 0.2s ease;\r\n height: 32px;\r\n width: 32px;\r\n}\r\n\r\n.filter-icon:hover {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.filter-multiselect {\r\n min-width: 200px;\r\n flex: 1;\r\n}\r\n\r\n.filter-date {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.date-clear {\r\n margin-left: 6px;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n color: #888;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.date-clear:hover {\r\n color: #000;\r\n}\r\n\r\n.filter-input-wrapper {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.input-clear {\r\n margin-left: 6px;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n color: #888;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.input-clear:hover {\r\n color: #000;\r\n}\r\n\r\n.filters-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.filters-buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n\r\n.button-group {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n\r\n.dropdown-wrapper {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.dropdown-toggle {\r\n background-color: var(--accent-light);\r\n border: none;\r\n padding: 0.4rem 0.8rem;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-menu {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background-color: var(--bg-light);\r\n border-radius: 6px;\r\n padding: 0.5rem;\r\n z-index: 1000;\r\n / box-shadow: 0 2px 6px rgba(0,0,0,0.1); /\r\n}\r\n\r\n.dropdown-item {\r\n display: block;\r\n padding: 0.4rem 0.6rem;\r\n background: none;\r\n border: none;\r\n width: 100%;\r\n text-align: left;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-item:hover {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.multi-selected-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.tag {\r\n background-color: #e6f7ff;\r\n border: 1px solid #91d5ff;\r\n padding: 2px 6px;\r\n border-radius: 2px;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.tag button {\r\n background: none;\r\n border: none;\r\n margin-left: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.basic-input-dropdown-item {\r\n cursor: pointer;\r\n padding: 6px 12px;\r\n transition: background 0.15s;\r\n}\r\n\r\n.basic-input-dropdown-item:hover {\r\n background: #e6f0fa;\r\n}",".button {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n outline: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.button:hover {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n.button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n}\r\n\r\n/ OK Button - Blue /\r\n.btn-ok {\r\n background-color: #007bff;\r\n color: white;\r\n}\r\n\r\n.btn-ok:hover:not(:disabled) {\r\n background-color: #0056b3;\r\n}\r\n\r\n/ Cancel Button - Red /\r\n.btn-cancel {\r\n background-color: #dc3545;\r\n color: white;\r\n}\r\n\r\n.btn-cancel:hover:not(:disabled) {\r\n background-color: #c82333;\r\n}\r\n\r\n/ Delete Button - Red /\r\n.btn-delete {\r\n background-color: #dc3545;\r\n color: white;\r\n}\r\n\r\n.btn-delete:hover:not(:disabled) {\r\n background-color: #c82333;\r\n}\r\n\r\n/ Custom Button - Light Grey /\r\n.btn-custom {\r\n background-color: #e7e7e7;\r\n color: #000000;\r\n}\r\n\r\n.btn-custom:hover:not(:disabled) {\r\n background-color: #b8b8b8;\r\n}\r\n\r\n/ Floating button base /\r\n.button--float {\r\n position: fixed;\r\n z-index: 9999;\r\n box-shadow: 0 6px 14px rgba(0,0,0,0.12);\r\n border-radius: 2px;\r\n}\r\n",".switch-container {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.switch {\r\n position: relative;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n\r\n.switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.slider {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #ccc;\r\n transition: 0.3s;\r\n border-radius: 34px;\r\n}\r\n\r\n.slider:before {\r\n position: absolute;\r\n content: \"\";\r\n background-color: white;\r\n transition: 0.3s;\r\n border-radius: 50%;\r\n}\r\n\r\n/ Medium size (default) /\r\n.switch-medium {\r\n width: 50px;\r\n height: 24px;\r\n}\r\n\r\n.switch-medium .slider:before {\r\n height: 18px;\r\n width: 18px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-medium input:checked + .slider:before {\r\n transform: translateX(26px);\r\n}\r\n\r\n/ Small size /\r\n.switch-small {\r\n width: 40px;\r\n height: 20px;\r\n}\r\n\r\n.switch-small .slider:before {\r\n height: 14px;\r\n width: 14px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-small input:checked + .slider:before {\r\n transform: translateX(20px);\r\n}\r\n\r\n/ Large size /\r\n.switch-large {\r\n width: 60px;\r\n height: 30px;\r\n}\r\n\r\n.switch-large .slider:before {\r\n height: 24px;\r\n width: 24px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-large input:checked + .slider:before {\r\n transform: translateX(30px);\r\n}\r\n\r\n/ Checked state /\r\n.slider.checked {\r\n background-color: #007bff;\r\n}\r\n\r\n/ Disabled state */\r\n.switch-disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.switch-label {\r\n font-size: 14px;\r\n color: #333;\r\n user-select: none;\r\n}\r\n",".trotl-upload {\r\n font-family: inherit;\r\n}\r\n.upload-dropzone {\r\n border: 2px dashed var(--trotl-border, #d0d7de);\r\n padding: 18px;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--trotl-upload-bg, #fafafa);\r\n transition: background .15s ease, border-color .15s ease;\r\n}\r\n.upload-dropzone.drag-over {\r\n background: var(--trotl-upload-drag-bg, #eef6ff);\r\n border-color: var(--trotl-primary, #1e88e5);\r\n}\r\n.upload-inner {\r\n text-align: center;\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n.upload-icon { font-size: 20px; }\r\n.upload-text { color: var(--trotl-text, #333); }\r\n.upload-browse {\r\n margin-left: 8px;\r\n background: var(--trotl-primary, #1e88e5);\r\n color: white;\r\n border: none;\r\n padding: 6px 10px;\r\n border-radius: 2px;\r\n}\r\n.upload-list { list-style: none; margin: 8px 0 0; padding: 0; }\r\n.upload-item { display:flex; justify-content:space-between; padding:6px 8px; border-radius:2px; background:transparent; }\r\n.upload-name { color: var(--trotl-text, #222); }\r\n.upload-size { color: #666; font-size: 12px; }\r\n.upload-actions { display: inline-flex; gap: 8px; align-items: center; }\r\n.upload-remove { background: none; border: none; cursor: pointer; color: #d9534f; font-size: 16px; padding: 2px; line-height: 1; }\r\n.upload-remove:hover { opacity: 0.9; }\r\n.upload-custom-text { margin-top: 8px; color: #555; font-size: 13px; }\r\n.upload-dropzone.disabled { cursor: not-allowed; opacity: 0.6; }\r\n.upload-remove[disabled] { opacity: 0.5; cursor: not-allowed; }\r\n",".fieldsInline001{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:12px}\r\n.fieldsInlineTeeth .button{height:30px;padding:6px 10px;font-size:13px}\r\n.bodyTeeth{position:relative;padding:12px;border:1px solid #eee;background:#fff;border-radius:4px;max-width:980px}\r\n.bodyTeeth-first-row,.bodyTeeth-second-row{display:flex;gap:8px;flex-wrap:nowrap;padding:8px 0}\r\n.custom-card-tooth{width:60px;height:120px;border:1px solid #ddd;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:6px;cursor:pointer;user-select:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}\r\n.custom-card-tooth.selected{border:1px solid #ff4d4d;background:#e6f7ff}\r\n.card-header-tooth{font-weight:700;font-size:14px;text-align:center}\r\n.card-body-tooth{font-size:12px;text-align:center;min-height:14px;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}\r\n.card-footer-tooth{width:100%;text-align:center;font-size:12px;color:#666}\r\n.card-footer-tooth-multi{display:flex;gap:6px;align-items:center;justify-content:center}\r\n.horizontal-line-h{position:absolute;left:0;right:0;top:50%;height:1px;background:#e6e6e6;transform:translateY(-50%)}\r\n.vertical-line-v{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e6e6e6;transform:translateX(-50%)}\r\n.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}\r\n"]}
1	+ {"version":3,"sources":["index.css","Button.css","Switch.css","Upload.css","CardSelect.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: 2px;\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: #2995a3;\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 / 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}\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}\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.basic-input::-webkit-search-cancel-button {\r\n cursor: pointer;\r\n}\r\n\r\n.react-select__menu {\r\n z-index: 9999;\r\n}\r\n\r\n.filter-select.light {\r\n color: #333;\r\n border: 1px solid #ccc;\r\n}\r\n\r\n.filter-select.dark {\r\n color: #eee;\r\n border: 1px solid #555;\r\n}\r\n\r\n.filters-wrapper.light {\r\n color: var(--text-light);\r\n}\r\n\r\n.filters-wrapper.dark {\r\n color: var(--text-dark);\r\n}\r\n\r\n.filters-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n flex-wrap: wrap;\r\n justify-content: flex-start;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.filters-title {\r\n display: flex;\r\n align-items: center;\r\n font-weight: bold;\r\n font-size: 20px;\r\n}\r\n\r\n.collapse-toggle,\r\n.filter-reset {\r\n background-color: var(--accent-light);\r\n border: none;\r\n / padding: 0.4rem 0.8rem; /\r\n border-radius: 2px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.filters-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n align-items: center;\r\n margin-bottom: 1rem;\r\n padding-left: 10px;\r\n}\r\n\r\n.filters-container>:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n.filter-input,\r\n.filter-select {\r\n padding: 0.5rem 0.75rem;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n min-width: 180px;\r\n font-size: 0.95rem;\r\n color: #000000;\r\n height: auto;\r\n line-height: 1.5;\r\n /* transition: border-color 0.2s ease, box-shadow 0.2s ease; /\r\n}\r\n\r\n/ ✅ Focus styles /\r\n.filter-input:focus,\r\n.filter-select:focus,\r\n/ .filter-button:focus, /\r\n.collapse-toggle:focus,\r\n.filter-reset:focus,\r\n.export-btn:focus,\r\n.dropdown-toggle:focus {\r\n outline: none;\r\n border-color: #999;\r\n / box-shadow: 0 0 0 2px rgba(160, 160, 160, 0.25); /\r\n}\r\n\r\n/ Multiselect and date /\r\n.filter-select[multiple] {\r\n height: 100px;\r\n}\r\n\r\n.filter-icon {\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n / padding: 0.25rem; /\r\n border-radius: 2px;\r\n transition: background-color 0.2s ease;\r\n height: 32px;\r\n width: 32px;\r\n}\r\n\r\n.filter-icon:hover {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.filter-multiselect {\r\n min-width: 200px;\r\n flex: 1;\r\n}\r\n\r\n.filter-date {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.date-clear {\r\n margin-left: 6px;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n color: #888;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.date-clear:hover {\r\n color: #000;\r\n}\r\n\r\n.filter-input-wrapper {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.input-clear {\r\n margin-left: 6px;\r\n cursor: pointer;\r\n font-size: 1rem;\r\n color: #888;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.input-clear:hover {\r\n color: #000;\r\n}\r\n\r\n.filters-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n.filters-buttons {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n}\r\n\r\n\r\n.button-group {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n\r\n.dropdown-wrapper {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.dropdown-toggle {\r\n background-color: var(--accent-light);\r\n border: none;\r\n padding: 0.4rem 0.8rem;\r\n border-radius: 6px;\r\n cursor: pointer;\r\n font-weight: bold;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-menu {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background-color: var(--bg-light);\r\n border-radius: 6px;\r\n padding: 0.5rem;\r\n z-index: 1000;\r\n / box-shadow: 0 2px 6px rgba(0,0,0,0.1); /\r\n}\r\n\r\n.dropdown-item {\r\n display: block;\r\n padding: 0.4rem 0.6rem;\r\n background: none;\r\n border: none;\r\n width: 100%;\r\n text-align: left;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.dropdown-item:hover {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.multi-selected-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.tag {\r\n background-color: #e6f7ff;\r\n border: 1px solid #91d5ff;\r\n padding: 2px 6px;\r\n border-radius: 2px;\r\n font-size: 0.85rem;\r\n}\r\n\r\n.tag button {\r\n background: none;\r\n border: none;\r\n margin-left: 4px;\r\n cursor: pointer;\r\n}\r\n\r\n.basic-input-dropdown-item {\r\n cursor: pointer;\r\n padding: 6px 12px;\r\n transition: background 0.15s;\r\n}\r\n\r\n.basic-input-dropdown-item:hover {\r\n background: #e6f0fa;\r\n}",".button {\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n border: none;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n outline: none;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.button:hover {\r\n opacity: 0.9;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.button:active {\r\n transform: translateY(0);\r\n}\r\n\r\n.button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n transform: none;\r\n}\r\n\r\n/ OK Button - Blue /\r\n.btn-ok {\r\n background-color: #007bff;\r\n color: white;\r\n}\r\n\r\n.btn-ok:hover:not(:disabled) {\r\n background-color: #0056b3;\r\n}\r\n\r\n/ Cancel Button - Red /\r\n.btn-cancel {\r\n background-color: #dc3545;\r\n color: white;\r\n}\r\n\r\n.btn-cancel:hover:not(:disabled) {\r\n background-color: #c82333;\r\n}\r\n\r\n/ Delete Button - Red /\r\n.btn-delete {\r\n background-color: #dc3545;\r\n color: white;\r\n}\r\n\r\n.btn-delete:hover:not(:disabled) {\r\n background-color: #c82333;\r\n}\r\n\r\n/ Custom Button - Light Grey /\r\n.btn-custom {\r\n background-color: #e7e7e7;\r\n color: #000000;\r\n}\r\n\r\n.btn-custom:hover:not(:disabled) {\r\n background-color: #b8b8b8;\r\n}\r\n\r\n/ Floating button base /\r\n.button--float {\r\n position: fixed;\r\n z-index: 9999;\r\n box-shadow: 0 6px 14px rgba(0,0,0,0.12);\r\n border-radius: 2px;\r\n}\r\n",".switch-container {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.switch {\r\n position: relative;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n\r\n.switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.slider {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #ccc;\r\n transition: 0.3s;\r\n border-radius: 34px;\r\n}\r\n\r\n.slider:before {\r\n position: absolute;\r\n content: \"\";\r\n background-color: white;\r\n transition: 0.3s;\r\n border-radius: 50%;\r\n}\r\n\r\n/ Medium size (default) /\r\n.switch-medium {\r\n width: 50px;\r\n height: 24px;\r\n}\r\n\r\n.switch-medium .slider:before {\r\n height: 18px;\r\n width: 18px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-medium input:checked + .slider:before {\r\n transform: translateX(26px);\r\n}\r\n\r\n/ Small size /\r\n.switch-small {\r\n width: 40px;\r\n height: 20px;\r\n}\r\n\r\n.switch-small .slider:before {\r\n height: 14px;\r\n width: 14px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-small input:checked + .slider:before {\r\n transform: translateX(20px);\r\n}\r\n\r\n/ Large size /\r\n.switch-large {\r\n width: 60px;\r\n height: 30px;\r\n}\r\n\r\n.switch-large .slider:before {\r\n height: 24px;\r\n width: 24px;\r\n left: 3px;\r\n bottom: 3px;\r\n}\r\n\r\n.switch-large input:checked + .slider:before {\r\n transform: translateX(30px);\r\n}\r\n\r\n/ Checked state /\r\n.slider.checked {\r\n background-color: #007bff;\r\n}\r\n\r\n/ Disabled state */\r\n.switch-disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.switch-label {\r\n font-size: 14px;\r\n color: #333;\r\n user-select: none;\r\n}\r\n",".trotl-upload {\r\n font-family: inherit;\r\n}\r\n.upload-dropzone {\r\n border: 2px dashed var(--trotl-border, #d0d7de);\r\n padding: 18px;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--trotl-upload-bg, #fafafa);\r\n transition: background .15s ease, border-color .15s ease;\r\n}\r\n.upload-dropzone.drag-over {\r\n background: var(--trotl-upload-drag-bg, #eef6ff);\r\n border-color: var(--trotl-primary, #1e88e5);\r\n}\r\n.upload-inner {\r\n text-align: center;\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n}\r\n.upload-icon { font-size: 20px; }\r\n.upload-text { color: var(--trotl-text, #333); }\r\n.upload-browse {\r\n margin-left: 8px;\r\n background: var(--trotl-primary, #1e88e5);\r\n color: white;\r\n border: none;\r\n padding: 6px 10px;\r\n border-radius: 2px;\r\n}\r\n.upload-list { list-style: none; margin: 8px 0 0; padding: 0; }\r\n.upload-item { display:flex; justify-content:space-between; padding:6px 8px; border-radius:2px; background:transparent; }\r\n.upload-name { color: var(--trotl-text, #222); }\r\n.upload-size { color: #666; font-size: 12px; }\r\n.upload-actions { display: inline-flex; gap: 8px; align-items: center; }\r\n.upload-remove { background: none; border: none; cursor: pointer; color: #d9534f; font-size: 16px; padding: 2px; line-height: 1; }\r\n.upload-remove:hover { opacity: 0.9; }\r\n.upload-custom-text { margin-top: 8px; color: #555; font-size: 13px; }\r\n.upload-dropzone.disabled { cursor: not-allowed; opacity: 0.6; }\r\n.upload-remove[disabled] { opacity: 0.5; cursor: not-allowed; }\r\n",".fieldsInline001{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:12px}\r\n.fieldsInlineTeeth .button{height:30px;padding:6px 10px;font-size:13px}\r\n.bodyTeeth{position:relative;padding:12px;border:1px solid #eee;background:#fff;border-radius:4px;max-width:980px}\r\n.bodyTeeth-first-row,.bodyTeeth-second-row{display:flex;gap:8px;flex-wrap:nowrap;padding:8px 0}\r\n.custom-card-tooth{width:60px;height:125px;border:1px solid #ddd;border-radius:2px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04);padding:5px;cursor:pointer;user-select:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}\r\n.custom-card-tooth.selected{border:1px solid #ff4d4d;background:#e6f7ff}\r\n.card-header-tooth{font-weight:700;font-size:14px;text-align:center}\r\n.card-body-tooth{font-size:12px;text-align:center;min-height:14px;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}\r\n.card-footer-tooth{width:100%;text-align:center;font-size:12px;color:#666}\r\n.card-footer-tooth-multi{display:flex;gap:6px;align-items:center;justify-content:center}\r\n.horizontal-line-h{position:absolute;left:0;right:0;top:50%;height:1px;background:#e6e6e6;transform:translateY(-50%)}\r\n.vertical-line-v{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e6e6e6;transform:translateX(-50%)}\r\n.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}\r\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "trotl-filter",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "description": "Reusable filter UI",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",