@matdata/yasgui-chart-plugin 0.0.0-stage → 0.1.0

package/dist/yasgui-chart-plugin.min.css

@@ -0,0 +1 @@
+:root{--chart-background:var(--yasgui-bg-primary,#fff);--chart-surface:var(--yasgui-bg-secondary,#f5f5f5);--chart-text:var(--yasgui-text-primary,#222);--chart-text-muted:var(--yasgui-text-secondary,#666);--chart-border:var(--yasgui-border-color,#d0d0d0);--chart-control-hover:var(--yasgui-bg-tertiary,#eee);--chart-primary:var(--yasgui-accent-color,#1976d2);--chart-primary-hover:var(--yasgui-accent-color-hover,#1565c0);--chart-uri-color:var(--yasgui-link-color,var(--yasgui-accent-color,#1976d2))}[data-theme=dark]{--chart-background:var(--yasgui-bg-primary,#1e1e1e);--chart-surface:var(--yasgui-bg-secondary,#2a2a2a);--chart-text:var(--yasgui-text-primary,#e0e0e0);--chart-text-muted:var(--yasgui-text-secondary,#aaa);--chart-border:var(--yasgui-border-color,#444);--chart-control-hover:var(--yasgui-bg-tertiary,#21262d);--chart-primary:var(--yasgui-accent-color,#6aa6e8);--chart-primary-hover:var(--yasgui-accent-color-hover,#8bbbef);--chart-uri-color:var(--yasgui-link-color,var(--yasgui-accent-color,#6aa6e8))}.yasgui-chart-plugin{background:var(--chart-background);color:var(--chart-text);color-scheme:light;display:flex;flex-direction:column;width:100%}.chart-canvas-empty,.yasgui-chart-plugin-empty{color:var(--chart-text-muted);padding:40px;text-align:center}[data-theme=dark] .yasgui-chart-plugin{color-scheme:dark}.chart-toolbar{align-items:center;border-bottom:1px solid var(--chart-border);display:flex;flex-wrap:wrap;font-size:13px;gap:8px 14px;padding:6px 8px}.chart-toolbar-field{align-items:center;display:inline-flex;gap:6px}.chart-toolbar-label{color:var(--chart-text-muted)}.chart-toolbar-button,.chart-toolbar-select{background:var(--chart-background);border:1px solid var(--chart-border);border-radius:4px;color:var(--chart-text);cursor:pointer;font:inherit;min-height:26px;padding:2px 8px}.chart-toolbar-select:disabled{cursor:default;opacity:.5}.chart-toolbar-button:hover,.chart-toolbar-select:hover:not(:disabled){background:var(--chart-control-hover)}.chart-toolbar-spacer{flex:1}.chart-values-picker{position:relative}.chart-values-picker summary{align-items:center;display:inline-flex;list-style:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-values-picker summary::-webkit-details-marker{display:none}.chart-values-picker summary:after{color:var(--chart-text-muted);content:"▾";margin-left:6px}.chart-values-list{background:var(--chart-background);border:1px solid var(--chart-border);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.2);left:0;max-height:260px;min-width:180px;overflow:auto;padding:4px 0;position:absolute;top:calc(100% + 2px);z-index:20}.chart-values-item{align-items:center;cursor:pointer;display:flex;gap:4px;padding:4px 10px;white-space:nowrap}.chart-values-item:hover{background:var(--chart-control-hover)}.chart-note{color:var(--chart-text-muted);font-size:12px;padding:4px 8px}.chart-canvas{min-height:320px;width:100%}.chart-tooltip-iri{font-family:monospace;font-size:11px;margin-top:4px;opacity:.75;word-break:break-all}.chart-tooltip-hint{font-size:11px;font-style:italic;margin-top:4px;opacity:.7}.chart-modal-backdrop{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chart-modal{background:var(--chart-background);border:1px solid var(--chart-border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:800px;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.chart-modal-header{align-items:center;border-bottom:1px solid var(--chart-border);display:flex;justify-content:space-between;padding:6px 20px}.chart-modal-title{color:var(--chart-text);font-size:18px;font-weight:600;margin:0}.chart-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--chart-text-muted);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:32px}.chart-modal-close:hover{background:var(--chart-control-hover);color:var(--chart-text)}.chart-modal-content{color:var(--chart-text);flex:1;font-family:monospace;font-size:14px;line-height:1.6;overflow-y:auto;padding:6px 20px;white-space:pre-wrap;word-break:break-word}.chart-modal-footer{border-top:1px solid var(--chart-border);display:flex;gap:12px;justify-content:flex-end;padding:6px 20px}.chart-modal-button{background:var(--chart-primary);border:1px solid var(--chart-primary);border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;padding:6px 16px;transition:background .2s}.chart-modal-button:hover{background:var(--chart-primary-hover);border-color:var(--chart-primary-hover)}.chart-modal-button-secondary{background:var(--chart-background);border-color:var(--chart-border);color:var(--chart-text)}.chart-modal-button-secondary:hover{background:var(--chart-control-hover)}.chart-describe-modal{max-width:900px;min-width:500px;width:80vw}.chart-describe-modal-header{gap:12px}.chart-describe-modal-header .chart-modal-title{flex:1;font-family:inherit;font-size:16px;min-width:0}.chart-describe-modal-nav{display:flex;flex-shrink:0;gap:4px}.chart-describe-modal-nav-button{background:var(--chart-background);border:1px solid var(--chart-border);border-radius:4px;color:var(--chart-text);cursor:pointer;font-size:12px;line-height:1;padding:5px 7px}.chart-describe-modal-nav-button:hover:not(:disabled){background:var(--chart-control-hover)}.chart-describe-modal-nav-button:disabled{cursor:default;opacity:.35}.chart-describe-modal-content{font-family:inherit;min-height:200px;padding:0;white-space:normal}.chart-describe-modal-footer{align-items:center;justify-content:space-between}.chart-describe-modal-hint{color:var(--chart-text-muted);font-size:12px}.chart-describe-modal-footer-buttons{display:flex;flex-shrink:0;gap:12px}.chart-describe-modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:20px}.chart-describe-modal-spinner{animation:chart-describe-modal-spin 1s linear infinite;border:3px solid var(--chart-border);border-radius:50%;border-top-color:var(--chart-primary);height:32px;width:32px}@keyframes chart-describe-modal-spin{to{transform:rotate(1turn)}}.chart-describe-modal-error{color:#d32f2f;padding:20px}.chart-describe-modal-results{display:flex;flex-direction:column;height:100%}.chart-describe-modal-tabs{border-bottom:1px solid var(--chart-border);display:flex;gap:4px;padding:8px 16px 0}.chart-describe-modal-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--chart-text-muted);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 12px}.chart-describe-modal-tab:hover{color:var(--chart-text)}.chart-describe-modal-tab.active{border-bottom-color:var(--chart-primary);color:var(--chart-primary);font-weight:600}.chart-describe-modal-tab-content{flex:1;overflow:auto;padding:12px 16px}.chart-describe-modal-empty{color:var(--chart-text-muted);font-style:italic;margin:0;padding:20px 0}.chart-describe-modal-table-wrapper{overflow:auto}.chart-describe-modal-table{border-collapse:collapse;font-size:13px;width:100%}.chart-describe-modal-table td,.chart-describe-modal-table th{border:1px solid var(--chart-border);padding:8px 10px;text-align:left;vertical-align:top}.chart-describe-modal-table th{background:var(--chart-surface);color:var(--chart-text);font-weight:600;position:sticky;top:0;z-index:1}.chart-describe-modal-table td{color:var(--chart-text);font-family:monospace;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-describe-modal-raw{background:var(--chart-surface);border:1px solid var(--chart-border);border-radius:4px;padding:12px}.chart-describe-modal-raw pre{color:var(--chart-text);font-family:monospace;font-size:13px;margin:0;max-height:50vh;overflow:auto;white-space:pre-wrap;word-break:break-word}.chart-uri-link{color:var(--chart-uri-color);text-decoration:none}.chart-uri-link:hover{text-decoration:underline}