waveform-analysis 0.1.71 → 0.1.73

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 (122) hide show
  1. package/README.md +260 -40
  2. package/dist/assets/{workerRuntime-o5An0M-W.js → workerRuntime-5p-EI-GL.js} +1 -1
  3. package/dist/index.cjs +2 -1
  4. package/dist/index.js +3874 -2778
  5. package/dist/style.css +1 -1
  6. package/dist/types/components/WaveformChart.vue.d.ts +24 -6
  7. package/dist/types/components/annotation/WaveformAnnotationLayer.vue.d.ts +2 -0
  8. package/dist/types/components/annotation/useWaveformChartAnnotations.d.ts +0 -1
  9. package/dist/types/components/controls/WaveformToolbar.vue.d.ts +7 -0
  10. package/dist/types/components/controls/chartExportOptions.d.ts +5 -0
  11. package/dist/types/components/controls/chartSnapshot.d.ts +2 -0
  12. package/dist/types/components/controls/snapshotTitle.d.ts +2 -0
  13. package/dist/types/components/controls/toolbarRegistry.d.ts +21 -0
  14. package/dist/types/components/controls/useChartCommands.d.ts +42 -0
  15. package/dist/types/components/controls/useChartImageExport.d.ts +17 -0
  16. package/dist/types/components/controls/useControlMode.d.ts +8 -0
  17. package/dist/types/components/core/latestTaskScheduler.d.ts +1 -1
  18. package/dist/types/components/core/layout.d.ts +6 -3
  19. package/dist/types/components/core/niceScale.d.ts +34 -0
  20. package/dist/types/components/core/trackLayoutBuilder.d.ts +4 -1
  21. package/dist/types/components/core/trackPagination.d.ts +1 -1
  22. package/dist/types/components/core/types.d.ts +5 -0
  23. package/dist/types/components/core/useWaveformChartController.d.ts +24 -6
  24. package/dist/types/components/core/useWaveformChartLifecycle.d.ts +2 -2
  25. package/dist/types/components/core/useWaveformData.d.ts +2 -0
  26. package/dist/types/components/core/useWaveformLayout.d.ts +4 -1
  27. package/dist/types/components/core/useWaveformMeasurements.d.ts +2 -0
  28. package/dist/types/components/core/useWaveformRenderSampling.d.ts +1 -0
  29. package/dist/types/components/core/useWaveformViewportRestore.d.ts +5 -0
  30. package/dist/types/components/core/waveformChartTypes.d.ts +5 -0
  31. package/dist/types/components/core/waveformSamplingSession.d.ts +24 -0
  32. package/dist/types/components/core/yAxisLabelStyle.d.ts +3 -0
  33. package/dist/types/components/core/yAxisLayoutMetrics.d.ts +2 -1
  34. package/dist/types/components/core/yAxisPadding.d.ts +7 -0
  35. package/dist/types/components/core/yAxisTitleLayout.d.ts +2 -0
  36. package/dist/types/components/interaction/useExtremaTickViewport.d.ts +5 -0
  37. package/dist/types/components/interaction/useWaveformViewport.d.ts +1 -0
  38. package/dist/types/components/rendering/WaveformLegend.vue.d.ts +2 -2
  39. package/dist/types/components/rendering/WaveformTrack.vue.d.ts +2 -3
  40. package/dist/types/components/rendering/WaveformTrackAxes.vue.d.ts +1 -1
  41. package/dist/types/components/rendering/WaveformTrackBackdrop.vue.d.ts +1 -0
  42. package/dist/types/components/rendering/compactFrame.d.ts +5 -0
  43. package/dist/types/components/rendering/yAxisTickVisibility.d.ts +11 -0
  44. package/dist/types/core/lineBoundary.d.ts +4 -0
  45. package/dist/types/core/rendering.d.ts +4 -0
  46. package/dist/types/core/renderingStrategies.d.ts +2 -0
  47. package/dist/types/core/workerSampling/outputBoundaries.d.ts +4 -0
  48. package/dist/types/data/simulatedWaveforms.d.ts +1 -1
  49. package/dist/types/data/sx2Channel.d.ts +10 -0
  50. package/dist/types/demo/DemoYAxisPaddingControls.vue.d.ts +11 -0
  51. package/dist/types/demo/types.d.ts +7 -0
  52. package/dist/types/index.d.ts +2 -1
  53. package/dist/types/types/chart.d.ts +32 -8
  54. package/dist/types/types/controls.d.ts +69 -0
  55. package/dist/types/types/index.d.ts +2 -1
  56. package/dist/types/utils/formatters.d.ts +1 -0
  57. package/package.json +7 -6
  58. package/src/App.vue +61 -14
  59. package/src/components/WaveformChart.css +10 -1
  60. package/src/components/WaveformChart.vue +6 -0
  61. package/src/components/WaveformChartView.vue +27 -26
  62. package/src/components/annotation/WaveformAnnotationLayer.vue +6 -1
  63. package/src/components/annotation/useWaveformChartAnnotations.ts +7 -18
  64. package/src/components/controls/WaveformToolbar.vue +247 -0
  65. package/src/components/controls/chartExportOptions.ts +32 -0
  66. package/src/components/controls/chartSnapshot.ts +132 -0
  67. package/src/components/controls/snapshotTitle.ts +73 -0
  68. package/src/components/controls/toolbarRegistry.ts +92 -0
  69. package/src/components/controls/useChartCommands.ts +294 -0
  70. package/src/components/controls/useChartImageExport.ts +155 -0
  71. package/src/components/controls/useControlMode.ts +30 -0
  72. package/src/components/core/latestTaskScheduler.ts +14 -2
  73. package/src/components/core/layout.ts +49 -36
  74. package/src/components/core/niceScale.ts +151 -0
  75. package/src/components/core/trackLayoutBuilder.ts +41 -17
  76. package/src/components/core/trackPagination.ts +3 -3
  77. package/src/components/core/types.ts +5 -0
  78. package/src/components/core/useWaveformChartController.ts +94 -3
  79. package/src/components/core/useWaveformChartLifecycle.ts +11 -111
  80. package/src/components/core/useWaveformData.ts +4 -0
  81. package/src/components/core/useWaveformLayout.ts +25 -5
  82. package/src/components/core/useWaveformMeasurements.ts +63 -0
  83. package/src/components/core/useWaveformRenderSampling.ts +80 -59
  84. package/src/components/core/useWaveformViewportRestore.ts +105 -0
  85. package/src/components/core/useWaveformYAxisLayout.ts +3 -2
  86. package/src/components/core/waveformChartTypes.ts +5 -0
  87. package/src/components/core/waveformSamplingSession.ts +49 -0
  88. package/src/components/core/workerSamplingClient.ts +38 -6
  89. package/src/components/core/yAxisLabelStyle.ts +10 -0
  90. package/src/components/core/yAxisLayoutMetrics.ts +11 -9
  91. package/src/components/core/yAxisPadding.ts +60 -0
  92. package/src/components/core/yAxisTitleLayout.ts +11 -12
  93. package/src/components/interaction/useExtremaTickViewport.ts +43 -0
  94. package/src/components/interaction/useWaveformViewport.ts +11 -2
  95. package/src/components/rendering/WaveformTrack.css +1 -2
  96. package/src/components/rendering/WaveformTrack.vue +5 -12
  97. package/src/components/rendering/WaveformTrackAxes.vue +66 -19
  98. package/src/components/rendering/WaveformTrackBackdrop.vue +8 -3
  99. package/src/components/rendering/compactFrame.ts +31 -0
  100. package/src/components/rendering/yAxisTickVisibility.ts +156 -0
  101. package/src/core/lineBoundary.ts +24 -0
  102. package/src/core/rendering.ts +48 -25
  103. package/src/core/renderingStrategies.ts +19 -13
  104. package/src/core/waveformPointSource.ts +23 -1
  105. package/src/core/workerSampling/outputBoundaries.ts +32 -0
  106. package/src/core/workerSampling/repository.ts +26 -18
  107. package/src/core/workerSampling/repositoryDataset.ts +33 -1
  108. package/src/core/workerSampling/workerRuntime.ts +13 -3
  109. package/src/data/simulatedWaveforms.ts +67 -2
  110. package/src/data/sx2Channel.ts +315 -0
  111. package/src/demo/DemoChartHost.vue +5 -1
  112. package/src/demo/DemoGridFrameControls.vue +2 -0
  113. package/src/demo/DemoViewControls.vue +5 -2
  114. package/src/demo/DemoYAxisPaddingControls.vue +53 -0
  115. package/src/demo/embedBridge.ts +85 -0
  116. package/src/demo/types.ts +7 -0
  117. package/src/index.ts +19 -0
  118. package/src/types/chart.ts +34 -8
  119. package/src/types/controls.ts +80 -0
  120. package/src/types/index.ts +18 -0
  121. package/src/utils/formatters.ts +2 -1
  122. package/src/views/WasmSamplingDemo.vue +8 -1
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .waveform-annotation-layer[data-v-7254383e]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-7254383e]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-7254383e]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-7254383e]{pointer-events:auto}.waveform-annotation__text[data-v-7254383e]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-88c44eda]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:11px/1.35 Times New Roman,serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-88c44eda]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-88c44eda]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-88c44eda]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-88c44eda]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-88c44eda]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-88c44eda]{font-weight:600}.waveform-tooltip__value[data-v-88c44eda]{color:#555}.waveform-tooltip__series small[data-v-88c44eda]{color:#667085}.waveform-track__line[data-v-628502df]{fill:none;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-628502df]{fill:none}.waveform-track__point[data-v-628502df],.waveform-track__error-bar[data-v-628502df]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#fff;opacity:.9;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:600}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px;font-weight:700}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px;font-weight:700}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px;font-weight:700}.waveform-legend[data-v-24214c74]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-24214c74]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-24214c74]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-24214c74]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-24214c74]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-24214c74]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-24214c74]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:11px/1.35 Times New Roman,serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-24214c74]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-24214c74]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-24214c74]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-24214c74]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-24214c74]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-24214c74]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-24214c74]{text-decoration:line-through}.waveform-legend__swatch[data-v-24214c74]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-24214c74]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-54a5a37d]{pointer-events:none}.waveform-track__crosshair line[data-v-54a5a37d]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{width:10px!important;height:10px!important}.small-alpha-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-alpha-slider{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{border-radius:15px;width:100%;height:100%;position:relative}.bee-alpha-slider__bar-pointer{width:14px;height:14px;position:absolute}.bee-alpha-slider__bar-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-alpha-slider__bar-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-compact{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.bee-compact__row{width:100%;margin:0;position:relative}.bee-compact__row>*{vertical-align:middle;display:inline-block}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.bee-compact__color_cube.transparent:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.bee-compact__color_cube.advance{background:url(data:image/png;base64,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)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{cursor:pointer;width:25px;height:25px;position:relative;overflow:hidden}.bee-compact__color-cube--wrap:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record{align-items:center;margin-top:20px;display:flex}.bee-colorPicker__record .text{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.bee-colorPicker__record .color-list{width:auto;margin:0;display:flex;position:relative}.bee-colorPicker__record .color-list .color-item{cursor:pointer;vertical-align:middle;width:25px;height:25px;margin-right:1px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{width:10px!important;height:10px!important}.small-hue-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-hue-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%;border-radius:15px;width:100%;height:100%;position:relative}.bee-hue-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-hue-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-hue-colorPicker__inner-handle.vertical{margin-top:0;transform:translate(-1px,-7px)}.small-light-slider{height:10px!important}.small-light-slider .small-bar{width:10px!important;height:10px!important}.small-light-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-light-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{border-radius:15px;width:100%;height:100%;position:relative}.bee-light-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-light-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-light-colorPicker__inner-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-saturation{width:100%;height:125px;margin-bottom:15px;position:relative}.bee-saturation__chrome{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;inset:0}.bee-saturation__black{background:linear-gradient(#0000,#000)}.bee-saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.inputs-controls{margin-bottom:5px;font-size:16px;display:flex}.inputs-controls .formatBtn{text-align:center;cursor:pointer;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;margin-right:5px;padding:1px;font-weight:700;display:inline-flex;position:relative}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{flex-grow:1;display:flex}.inputs-controls .format-group input{text-align:center;appearance:none;-moz-appearance:textfield;border-width:0 0 1px;outline:none;flex:1;min-width:0;margin:0 3px;padding:5px}.inputs-controls .format-group input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.inputs-controls .format-group input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.bee-fk-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:249px;padding-bottom:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{z-index:999;text-align:left;margin-bottom:12px}.bee-fk-colorPicker__header .back{border:1px solid #000;border-width:0 1px 1px 0;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.bee-fk-colorPicker__display{text-align:left;width:100%;margin:0;position:relative}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.bee-fk-colorPicker__display input{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.bee-fk-colorPicker__display .action .copy-btn{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.bee-ele-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:300px;padding:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{height:180px;margin-left:10px}.bee-chrome-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:250px;padding-bottom:20px;position:relative;box-shadow:0 0 10px #00000026}.bee-chrome-colorPicker-body{background-color:#fff;padding:0 12px}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{border-radius:15px;width:100%;height:100%;position:relative}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{width:14px;height:14px;position:absolute}.vc-alpha-slider__bar-handle[data-v-18925ba6]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{margin-top:0;transform:translateY(-7px)}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{width:10px!important;height:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-compact[data-v-b969fd48]{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.vc-compact__row[data-v-b969fd48]{width:100%;height:27px;margin:0;position:relative}.vc-compact__row>[data-v-b969fd48]{vertical-align:middle;display:inline-block}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,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)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{cursor:pointer;width:27px;height:27px;position:relative;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-saturation[data-v-7f0cdcdf]{width:100%;height:125px;margin-bottom:15px;position:relative}.vc-saturation__chrome[data-v-7f0cdcdf]{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.vc-saturation__hidden[data-v-7f0cdcdf]{overflow:hidden}.vc-saturation__white[data-v-7f0cdcdf],.vc-saturation__black[data-v-7f0cdcdf]{position:absolute;inset:0}.vc-saturation__black[data-v-7f0cdcdf]{background:linear-gradient(#0000,#000)}.vc-saturation__white[data-v-7f0cdcdf]{background:linear-gradient(90deg,#fff,#fff0)}.vc-saturation__cursor[data-v-7f0cdcdf]{position:absolute}.vc-saturation__cursor div[data-v-7f0cdcdf]{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider[data-v-e1a08576]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{background:-moz-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-ms-linear-gradient(left,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-webkit-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:15px;width:100%;height:100%;position:relative}.vc-hue-slider__bar-pointer[data-v-e1a08576]{width:14px;height:14px;position:absolute}.vc-hue-slider__bar-handle[data-v-e1a08576]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{margin-top:0;transform:translateY(-7px)}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{width:10px!important;height:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{border-radius:15px;width:100%;height:100%;position:relative}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{width:14px;height:14px;position:absolute}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{margin-top:0;transform:translateY(-7px)}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{width:10px!important;height:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{align-items:center;margin-top:15px;display:flex}.vc-colorPicker__record .text[data-v-0f657238]{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.vc-colorPicker__record .color-list[data-v-0f657238]{gap:2px;width:100%;margin:0;display:flex;position:relative}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{cursor:pointer;vertical-align:middle;border-radius:2px;flex:1;max-width:26px;height:26px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-7334ac20]{align-items:center;gap:8px;height:28px;display:flex}.vc-display .vc-current-color[data-v-7334ac20]{cursor:pointer;vertical-align:middle;border-radius:2px;width:50px;height:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-display .vc-current-color.vc-transparent[data-v-7334ac20]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-display .vc-current-color .color-cube[data-v-7334ac20]{text-align:center;width:100%;height:100%}.vc-display .vc-color-input[data-v-7334ac20]{box-sizing:border-box;flex:1 0;height:100%;position:relative}.vc-display .vc-color-input input[data-v-7334ac20]{cursor:pointer;text-align:center;box-sizing:border-box;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;height:100%;padding:0;font-size:14px}.vc-display .vc-rgb-input[data-v-7334ac20]{color:#666;text-align:center;flex:1;font-size:12px}.vc-display .vc-rgb-input input[data-v-7334ac20]{cursor:pointer;text-align:center;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;margin-bottom:2px;padding:4px 0;font-size:14px}.vc-display .vc-alpha-input[data-v-7334ac20]{background-color:#c8c8c840;border:none;border-radius:2px;justify-content:center;align-items:center;width:48px;height:100%;padding:0 2px;font-size:14px;display:flex}.vc-display .vc-alpha-input>input[data-v-7334ac20]{text-align:center;width:100%;height:100%;font-size:inherit;background-color:#0000;padding:0}.vc-display .vc-alpha-input__inner[data-v-7334ac20]{color:#000;box-sizing:border-box;cursor:pointer;border:none;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;line-height:20px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]{cursor:pointer;border-radius:4px;width:24px;padding:2px;font-size:12px;line-height:12px}.vc-display .vc-input-toggle[data-v-7334ac20]:hover{background-color:#efefef}.vc-display .vc-input-toggle[data-v-7334ac20]:before{content:"";border-bottom:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:auto auto 2px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]:after{content:"";border-top:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:2px auto auto;display:block}.vc-display .copy-text[data-v-7334ac20]{text-align:center;font-size:12px;line-height:28px;display:inline-block;transform:scale(.8)}.vc-fk-colorPicker[data-v-48e3c224]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-fk-colorPicker__inner[data-v-48e3c224]{position:relative}.vc-fk-colorPicker__header[data-v-48e3c224]{z-index:999;text-align:left}.vc-fk-colorPicker__header .back[data-v-48e3c224]{border:2px solid #96969699;border-width:0 2px 2px 0;margin-bottom:12px;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-fk-colorPicker__display[data-v-48e3c224]{text-align:left;width:100%;margin:0;position:relative}.vc-fk-colorPicker__display .transparent[data-v-48e3c224]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-fk-colorPicker__display .current-color[data-v-48e3c224]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-fk-colorPicker__display .current-color .color-cube[data-v-48e3c224]{width:100%;height:100%}.vc-fk-colorPicker__display .hexColor-prefix[data-v-48e3c224]{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.vc-fk-colorPicker__display input[data-v-48e3c224]{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.vc-fk-colorPicker__display .hexColor-input[data-v-48e3c224]{width:64px}.vc-fk-colorPicker__display .action[data-v-48e3c224]{float:right;vertical-align:middle}.vc-fk-colorPicker__display .action .clear-btn[data-v-48e3c224]{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.vc-fk-colorPicker__display .action .copy-btn[data-v-48e3c224]{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.vc-chrome-colorPicker[data-v-2611d66c]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-chrome-colorPicker-body[data-v-2611d66c]{position:relative}.vc-chrome-colorPicker-body .chrome-controls[data-v-2611d66c]{display:flex}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-2611d66c]{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-2611d66c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-2611d66c]{width:100%;height:100%}.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-2611d66c]{flex:1;margin-left:10px}.bee-angle{transform:rotate(90deg)}.bee-angle>*{vertical-align:middle;display:inline-block}.bee-angle.zero-right{transform:rotate(180deg)}.bee-angle.zero-bottom{transform:rotate(270deg)}.bee-angle__round{cursor:pointer;vertical-align:middle;border:1px solid #666;border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.bee-angle__round:before{content:"";background-color:#666;width:50%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vc-gradient-picker[data-v-c4d6d6ea]{position:relative}.vc-gradient-picker__header[data-v-c4d6d6ea]{z-index:999;text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__header .back[data-v-c4d6d6ea]{border:2px solid #969696a6;border-width:0 2px 2px 0;margin-left:2px;margin-right:8px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-gradient-picker .vc-gradient__types[data-v-c4d6d6ea]{justify-content:space-between;width:100%;display:flex}.vc-gradient-picker .vc-gradient__types .vc-gradient-wrap__types[data-v-c4d6d6ea]{background-color:#c8c8c840;border-radius:4px;align-items:center;display:flex;overflow:hidden}.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-c4d6d6ea]{color:#666;cursor:pointer;padding:4px 8px;font-size:12px}.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-c4d6d6ea]{color:#000;background-color:#c8c8c8cc}.vc-gradient-picker__body[data-v-c4d6d6ea]{align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__body .vc-color-range[data-v-c4d6d6ea]{flex:1}.vc-gradient-picker__body .vc-color-range__container[data-v-c4d6d6ea]{border-radius:5px;height:16px;position:relative}.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-c4d6d6ea]{border-radius:4px;height:100%;box-shadow:inset 0 0 0 1px #0000000f}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-c4d6d6ea]{width:100%;height:100%;position:absolute;top:0;left:0}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-c4d6d6ea]{cursor:pointer;box-sizing:content-box;border:2px solid #fff;border-radius:2px;width:14px;height:16px;position:absolute;top:-2px;overflow:hidden;transform:translate(-9px);box-shadow:0 0 2px 1px #00000059}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-c4d6d6ea]{height:100%;display:inline-block}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-c4d6d6ea]{z-index:1;position:relative;box-shadow:0 0 2px 2px #2253f4,0 0 1px 1px #2253f480}.vc-gradient-picker .vc-degree-input[data-v-c4d6d6ea]{z-index:2;border-radius:4px;font-size:12px;display:flex;position:relative}.vc-gradient-picker .vc-degree-input:hover .vc-degree-input__panel[data-v-c4d6d6ea]{display:block}.vc-gradient-picker .vc-degree-input__control[data-v-c4d6d6ea]{color:#666;background-color:#c8c8c840;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 6px 0 0;display:flex}.vc-gradient-picker .vc-degree-input__control input[data-v-c4d6d6ea]{text-align:center;color:#666;max-width:28px;font-size:inherit;background-color:#0000;border:none;outline:none;overflow:visible}.vc-gradient-picker .vc-degree-input__panel[data-v-c4d6d6ea]{z-index:10;display:none;position:absolute;top:20px;left:0}.vc-gradient-picker .vc-degree-input__panel .vc-degree-input__disk[data-v-c4d6d6ea]{background-color:#f1f1f1;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative;transform:translate(0);box-shadow:0 0 2px #00000029,0 1px 8px #0000000f,0 4px 12px #00000014}.vc-gradient-picker .vc-picker-degree-input[data-v-c4d6d6ea]{margin-left:8px}.vc-colorpicker[data-v-0492277d]{box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:10000;border-radius:3px;width:276px;position:relative;box-shadow:0 0 10px #00000026}.vc-colorpicker [data-v-0492277d]{outline:none;line-height:1}.vc-colorpicker--container[data-v-0492277d]{padding:16px}.vc-colorpicker--tabs[data-v-0492277d]{background:#f6f7f9;border-radius:6px;margin-bottom:12px;padding:2px;position:relative}.vc-colorpicker--tabs__inner[data-v-0492277d]{box-sizing:border-box;background:#f6f7f9;border-bottom:none;justify-content:space-between;padding:0;display:flex;position:relative}.vc-colorpicker--tabs__btn[data-v-0492277d]{z-index:2;color:#636c78;cursor:pointer;border-radius:4px;flex:1;font-size:14px}.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d]{color:#33383e;font-weight:600}.vc-colorpicker--tabs__btn button[data-v-0492277d]{background-color:initial;color:#636c78;cursor:pointer;appearance:none;width:100%;font-size:14px;line-height:20px;font-weight:inherit;border:0;border-radius:0;outline:0;padding:6px 0}.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d]{white-space:nowrap;position:relative}.vc-colorpicker--tabs__bg[data-v-0492277d]{z-index:1;background:#fff;border-radius:4px;transition:left .2s ease-in-out;position:absolute;top:0;bottom:0;box-shadow:0 1px 4px #0000001f}.vc-colorpicker.black[data-v-0492277d]{color:#fff;background-color:#000}.vc-colorpicker.white[data-v-0492277d]{color:#333;background-color:#fff}.vc-color-wrap[data-v-354ca836]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-color-wrap.transparent[data-v-354ca836]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-color-wrap.round[data-v-354ca836]{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.vc-color-wrap .current-color[data-v-354ca836]{width:100%;height:100%}.vc-color-extra[data-v-354ca836]{margin-top:10px}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1.2px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}.waveform-chart--edge-compact .waveform-chart__x-label{font-size:18px;font-weight:600}.waveform-chart__label{font-weight:700}
1
+ .waveform-annotation-layer[data-v-18b3ad3a]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-18b3ad3a]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-18b3ad3a]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-18b3ad3a]{pointer-events:auto}.waveform-annotation__text[data-v-18b3ad3a]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-toolbar[data-v-253fa741]{z-index:10;background:#fffffff5;flex-wrap:wrap;align-items:center;gap:0;max-width:calc(100% - 4px);display:flex;position:absolute;top:2px;right:2px}.waveform-toolbar--collapsed[data-v-253fa741]>:not(.waveform-toolbar__toggle):not(.waveform-toolbar__feedback){display:none}.waveform-toolbar--top-left[data-v-253fa741]{left:2px;right:auto}.waveform-toolbar--hover[data-v-253fa741]{opacity:0;pointer-events:none}.waveform-chart:hover .waveform-toolbar--hover[data-v-253fa741],.waveform-toolbar[data-v-253fa741]:focus-within{opacity:1;pointer-events:auto}.waveform-toolbar[data-v-253fa741]:has(.waveform-toolbar__menu){opacity:1;pointer-events:auto}.waveform-toolbar[data-v-253fa741]:has(.waveform-toolbar__feedback){opacity:1;pointer-events:auto}.waveform-toolbar__group[data-v-253fa741]{padding-left:8px;display:flex}button[data-v-253fa741]{box-sizing:border-box;color:#344054;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:3px 4px;font-size:12px;line-height:normal;display:inline-flex}button[data-v-253fa741]:hover,button[aria-pressed=true][data-v-253fa741]{color:#0960bd;background:#e6f4ff}button[data-v-253fa741]:disabled{opacity:.35;cursor:default}button[data-v-253fa741]:focus-visible,select[data-v-253fa741]:focus-visible{outline-offset:1px;outline:2px solid #0960bd}svg[data-v-253fa741]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}select[data-v-253fa741]{box-sizing:border-box;background:#fff;border:1px solid #d0d5dd;border-radius:4px;min-width:0;max-width:120px;height:22px;padding:0 2px;font-size:12px}.waveform-toolbar__scope[data-v-253fa741]{color:#667085;font-size:12px}.waveform-toolbar__menu[data-v-253fa741]{background:#fff;border:1px solid #d0d5dd;border-radius:4px;padding:6px;display:flex;position:absolute;top:100%;right:0}.waveform-toolbar__feedback[data-v-253fa741]{flex-basis:100%;max-width:300px;font-size:12px}@media (hover:none){.waveform-toolbar--hover[data-v-253fa741]{opacity:1;pointer-events:auto}}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-88c44eda]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:11px/1.35 Times New Roman,serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-88c44eda]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-88c44eda]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-88c44eda]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-88c44eda]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-88c44eda]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-88c44eda]{font-weight:600}.waveform-tooltip__value[data-v-88c44eda]{color:#555}.waveform-tooltip__series small[data-v-88c44eda]{color:#667085}.waveform-track__line[data-v-628502df]{fill:none;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-628502df]{fill:none}.waveform-track__point[data-v-628502df],.waveform-track__error-bar[data-v-628502df]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#0000;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:600}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px;font-weight:700}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px;font-weight:700}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px;font-weight:700}.waveform-legend[data-v-24214c74]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-24214c74]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-24214c74]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-24214c74]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-24214c74]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-24214c74]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-24214c74]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:11px/1.35 Times New Roman,serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-24214c74]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-24214c74]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-24214c74]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-24214c74]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-24214c74]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-24214c74]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-24214c74]{text-decoration:line-through}.waveform-legend__swatch[data-v-24214c74]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-24214c74]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-54a5a37d]{pointer-events:none}.waveform-track__crosshair line[data-v-54a5a37d]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{width:10px!important;height:10px!important}.small-alpha-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-alpha-slider{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{border-radius:15px;width:100%;height:100%;position:relative}.bee-alpha-slider__bar-pointer{width:14px;height:14px;position:absolute}.bee-alpha-slider__bar-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-alpha-slider__bar-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-compact{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.bee-compact__row{width:100%;margin:0;position:relative}.bee-compact__row>*{vertical-align:middle;display:inline-block}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.bee-compact__color_cube.transparent:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.bee-compact__color_cube.advance{background:url(data:image/png;base64,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)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{cursor:pointer;width:25px;height:25px;position:relative;overflow:hidden}.bee-compact__color-cube--wrap:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record{align-items:center;margin-top:20px;display:flex}.bee-colorPicker__record .text{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.bee-colorPicker__record .color-list{width:auto;margin:0;display:flex;position:relative}.bee-colorPicker__record .color-list .color-item{cursor:pointer;vertical-align:middle;width:25px;height:25px;margin-right:1px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{width:10px!important;height:10px!important}.small-hue-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-hue-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%;border-radius:15px;width:100%;height:100%;position:relative}.bee-hue-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-hue-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-hue-colorPicker__inner-handle.vertical{margin-top:0;transform:translate(-1px,-7px)}.small-light-slider{height:10px!important}.small-light-slider .small-bar{width:10px!important;height:10px!important}.small-light-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-light-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{border-radius:15px;width:100%;height:100%;position:relative}.bee-light-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-light-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-light-colorPicker__inner-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-saturation{width:100%;height:125px;margin-bottom:15px;position:relative}.bee-saturation__chrome{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;inset:0}.bee-saturation__black{background:linear-gradient(#0000,#000)}.bee-saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.inputs-controls{margin-bottom:5px;font-size:16px;display:flex}.inputs-controls .formatBtn{text-align:center;cursor:pointer;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;margin-right:5px;padding:1px;font-weight:700;display:inline-flex;position:relative}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{flex-grow:1;display:flex}.inputs-controls .format-group input{text-align:center;appearance:none;-moz-appearance:textfield;border-width:0 0 1px;outline:none;flex:1;min-width:0;margin:0 3px;padding:5px}.inputs-controls .format-group input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.inputs-controls .format-group input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.bee-fk-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:249px;padding-bottom:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{z-index:999;text-align:left;margin-bottom:12px}.bee-fk-colorPicker__header .back{border:1px solid #000;border-width:0 1px 1px 0;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.bee-fk-colorPicker__display{text-align:left;width:100%;margin:0;position:relative}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.bee-fk-colorPicker__display input{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.bee-fk-colorPicker__display .action .copy-btn{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.bee-ele-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:300px;padding:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{height:180px;margin-left:10px}.bee-chrome-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:250px;padding-bottom:20px;position:relative;box-shadow:0 0 10px #00000026}.bee-chrome-colorPicker-body{background-color:#fff;padding:0 12px}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{border-radius:15px;width:100%;height:100%;position:relative}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{width:14px;height:14px;position:absolute}.vc-alpha-slider__bar-handle[data-v-18925ba6]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{margin-top:0;transform:translateY(-7px)}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{width:10px!important;height:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-compact[data-v-b969fd48]{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.vc-compact__row[data-v-b969fd48]{width:100%;height:27px;margin:0;position:relative}.vc-compact__row>[data-v-b969fd48]{vertical-align:middle;display:inline-block}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,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)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{cursor:pointer;width:27px;height:27px;position:relative;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-saturation[data-v-7f0cdcdf]{width:100%;height:125px;margin-bottom:15px;position:relative}.vc-saturation__chrome[data-v-7f0cdcdf]{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.vc-saturation__hidden[data-v-7f0cdcdf]{overflow:hidden}.vc-saturation__white[data-v-7f0cdcdf],.vc-saturation__black[data-v-7f0cdcdf]{position:absolute;inset:0}.vc-saturation__black[data-v-7f0cdcdf]{background:linear-gradient(#0000,#000)}.vc-saturation__white[data-v-7f0cdcdf]{background:linear-gradient(90deg,#fff,#fff0)}.vc-saturation__cursor[data-v-7f0cdcdf]{position:absolute}.vc-saturation__cursor div[data-v-7f0cdcdf]{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider[data-v-e1a08576]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{background:-moz-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-ms-linear-gradient(left,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-webkit-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:15px;width:100%;height:100%;position:relative}.vc-hue-slider__bar-pointer[data-v-e1a08576]{width:14px;height:14px;position:absolute}.vc-hue-slider__bar-handle[data-v-e1a08576]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{margin-top:0;transform:translateY(-7px)}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{width:10px!important;height:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{border-radius:15px;width:100%;height:100%;position:relative}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{width:14px;height:14px;position:absolute}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{margin-top:0;transform:translateY(-7px)}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{width:10px!important;height:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{align-items:center;margin-top:15px;display:flex}.vc-colorPicker__record .text[data-v-0f657238]{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.vc-colorPicker__record .color-list[data-v-0f657238]{gap:2px;width:100%;margin:0;display:flex;position:relative}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{cursor:pointer;vertical-align:middle;border-radius:2px;flex:1;max-width:26px;height:26px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-7334ac20]{align-items:center;gap:8px;height:28px;display:flex}.vc-display .vc-current-color[data-v-7334ac20]{cursor:pointer;vertical-align:middle;border-radius:2px;width:50px;height:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-display .vc-current-color.vc-transparent[data-v-7334ac20]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-display .vc-current-color .color-cube[data-v-7334ac20]{text-align:center;width:100%;height:100%}.vc-display .vc-color-input[data-v-7334ac20]{box-sizing:border-box;flex:1 0;height:100%;position:relative}.vc-display .vc-color-input input[data-v-7334ac20]{cursor:pointer;text-align:center;box-sizing:border-box;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;height:100%;padding:0;font-size:14px}.vc-display .vc-rgb-input[data-v-7334ac20]{color:#666;text-align:center;flex:1;font-size:12px}.vc-display .vc-rgb-input input[data-v-7334ac20]{cursor:pointer;text-align:center;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;margin-bottom:2px;padding:4px 0;font-size:14px}.vc-display .vc-alpha-input[data-v-7334ac20]{background-color:#c8c8c840;border:none;border-radius:2px;justify-content:center;align-items:center;width:48px;height:100%;padding:0 2px;font-size:14px;display:flex}.vc-display .vc-alpha-input>input[data-v-7334ac20]{text-align:center;width:100%;height:100%;font-size:inherit;background-color:#0000;padding:0}.vc-display .vc-alpha-input__inner[data-v-7334ac20]{color:#000;box-sizing:border-box;cursor:pointer;border:none;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;line-height:20px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]{cursor:pointer;border-radius:4px;width:24px;padding:2px;font-size:12px;line-height:12px}.vc-display .vc-input-toggle[data-v-7334ac20]:hover{background-color:#efefef}.vc-display .vc-input-toggle[data-v-7334ac20]:before{content:"";border-bottom:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:auto auto 2px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]:after{content:"";border-top:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:2px auto auto;display:block}.vc-display .copy-text[data-v-7334ac20]{text-align:center;font-size:12px;line-height:28px;display:inline-block;transform:scale(.8)}.vc-fk-colorPicker[data-v-48e3c224]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-fk-colorPicker__inner[data-v-48e3c224]{position:relative}.vc-fk-colorPicker__header[data-v-48e3c224]{z-index:999;text-align:left}.vc-fk-colorPicker__header .back[data-v-48e3c224]{border:2px solid #96969699;border-width:0 2px 2px 0;margin-bottom:12px;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-fk-colorPicker__display[data-v-48e3c224]{text-align:left;width:100%;margin:0;position:relative}.vc-fk-colorPicker__display .transparent[data-v-48e3c224]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-fk-colorPicker__display .current-color[data-v-48e3c224]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-fk-colorPicker__display .current-color .color-cube[data-v-48e3c224]{width:100%;height:100%}.vc-fk-colorPicker__display .hexColor-prefix[data-v-48e3c224]{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.vc-fk-colorPicker__display input[data-v-48e3c224]{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.vc-fk-colorPicker__display .hexColor-input[data-v-48e3c224]{width:64px}.vc-fk-colorPicker__display .action[data-v-48e3c224]{float:right;vertical-align:middle}.vc-fk-colorPicker__display .action .clear-btn[data-v-48e3c224]{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.vc-fk-colorPicker__display .action .copy-btn[data-v-48e3c224]{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.vc-chrome-colorPicker[data-v-2611d66c]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-chrome-colorPicker-body[data-v-2611d66c]{position:relative}.vc-chrome-colorPicker-body .chrome-controls[data-v-2611d66c]{display:flex}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-2611d66c]{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-2611d66c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-2611d66c]{width:100%;height:100%}.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-2611d66c]{flex:1;margin-left:10px}.bee-angle{transform:rotate(90deg)}.bee-angle>*{vertical-align:middle;display:inline-block}.bee-angle.zero-right{transform:rotate(180deg)}.bee-angle.zero-bottom{transform:rotate(270deg)}.bee-angle__round{cursor:pointer;vertical-align:middle;border:1px solid #666;border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.bee-angle__round:before{content:"";background-color:#666;width:50%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vc-gradient-picker[data-v-c4d6d6ea]{position:relative}.vc-gradient-picker__header[data-v-c4d6d6ea]{z-index:999;text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__header .back[data-v-c4d6d6ea]{border:2px solid #969696a6;border-width:0 2px 2px 0;margin-left:2px;margin-right:8px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-gradient-picker .vc-gradient__types[data-v-c4d6d6ea]{justify-content:space-between;width:100%;display:flex}.vc-gradient-picker .vc-gradient__types .vc-gradient-wrap__types[data-v-c4d6d6ea]{background-color:#c8c8c840;border-radius:4px;align-items:center;display:flex;overflow:hidden}.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-c4d6d6ea]{color:#666;cursor:pointer;padding:4px 8px;font-size:12px}.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-c4d6d6ea]{color:#000;background-color:#c8c8c8cc}.vc-gradient-picker__body[data-v-c4d6d6ea]{align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__body .vc-color-range[data-v-c4d6d6ea]{flex:1}.vc-gradient-picker__body .vc-color-range__container[data-v-c4d6d6ea]{border-radius:5px;height:16px;position:relative}.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-c4d6d6ea]{border-radius:4px;height:100%;box-shadow:inset 0 0 0 1px #0000000f}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-c4d6d6ea]{width:100%;height:100%;position:absolute;top:0;left:0}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-c4d6d6ea]{cursor:pointer;box-sizing:content-box;border:2px solid #fff;border-radius:2px;width:14px;height:16px;position:absolute;top:-2px;overflow:hidden;transform:translate(-9px);box-shadow:0 0 2px 1px #00000059}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-c4d6d6ea]{height:100%;display:inline-block}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-c4d6d6ea]{z-index:1;position:relative;box-shadow:0 0 2px 2px #2253f4,0 0 1px 1px #2253f480}.vc-gradient-picker .vc-degree-input[data-v-c4d6d6ea]{z-index:2;border-radius:4px;font-size:12px;display:flex;position:relative}.vc-gradient-picker .vc-degree-input:hover .vc-degree-input__panel[data-v-c4d6d6ea]{display:block}.vc-gradient-picker .vc-degree-input__control[data-v-c4d6d6ea]{color:#666;background-color:#c8c8c840;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 6px 0 0;display:flex}.vc-gradient-picker .vc-degree-input__control input[data-v-c4d6d6ea]{text-align:center;color:#666;max-width:28px;font-size:inherit;background-color:#0000;border:none;outline:none;overflow:visible}.vc-gradient-picker .vc-degree-input__panel[data-v-c4d6d6ea]{z-index:10;display:none;position:absolute;top:20px;left:0}.vc-gradient-picker .vc-degree-input__panel .vc-degree-input__disk[data-v-c4d6d6ea]{background-color:#f1f1f1;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative;transform:translate(0);box-shadow:0 0 2px #00000029,0 1px 8px #0000000f,0 4px 12px #00000014}.vc-gradient-picker .vc-picker-degree-input[data-v-c4d6d6ea]{margin-left:8px}.vc-colorpicker[data-v-0492277d]{box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:10000;border-radius:3px;width:276px;position:relative;box-shadow:0 0 10px #00000026}.vc-colorpicker [data-v-0492277d]{outline:none;line-height:1}.vc-colorpicker--container[data-v-0492277d]{padding:16px}.vc-colorpicker--tabs[data-v-0492277d]{background:#f6f7f9;border-radius:6px;margin-bottom:12px;padding:2px;position:relative}.vc-colorpicker--tabs__inner[data-v-0492277d]{box-sizing:border-box;background:#f6f7f9;border-bottom:none;justify-content:space-between;padding:0;display:flex;position:relative}.vc-colorpicker--tabs__btn[data-v-0492277d]{z-index:2;color:#636c78;cursor:pointer;border-radius:4px;flex:1;font-size:14px}.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d]{color:#33383e;font-weight:600}.vc-colorpicker--tabs__btn button[data-v-0492277d]{background-color:initial;color:#636c78;cursor:pointer;appearance:none;width:100%;font-size:14px;line-height:20px;font-weight:inherit;border:0;border-radius:0;outline:0;padding:6px 0}.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d]{white-space:nowrap;position:relative}.vc-colorpicker--tabs__bg[data-v-0492277d]{z-index:1;background:#fff;border-radius:4px;transition:left .2s ease-in-out;position:absolute;top:0;bottom:0;box-shadow:0 1px 4px #0000001f}.vc-colorpicker.black[data-v-0492277d]{color:#fff;background-color:#000}.vc-colorpicker.white[data-v-0492277d]{color:#333;background-color:#fff}.vc-color-wrap[data-v-354ca836]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-color-wrap.transparent[data-v-354ca836]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-color-wrap.round[data-v-354ca836]{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.vc-color-wrap .current-color[data-v-354ca836]{width:100%;height:100%}.vc-color-extra[data-v-354ca836]{margin-top:10px}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1.2px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}.waveform-chart--interaction-pan:not(.waveform-chart--presentation) .waveform-chart__overlay{cursor:grab}.waveform-chart--interaction-pan.waveform-chart--panning .waveform-chart__overlay{cursor:grabbing}.waveform-chart--interaction-none .waveform-chart__overlay{cursor:default}.waveform-chart--edge-compact .waveform-chart__x-label{font-weight:600}.waveform-chart__label{font-weight:700}
2
2
  /*$vite$:1*/
package/dist/types/components/WaveformChart.vue.d.ts CHANGED
@@ -1,8 +1,23 @@
1
1
  import type { WaveformChartProps } from './core/waveformChartTypes';
2
2
  declare const __VLS_export: import("vue").DefineComponent<WaveformChartProps, {
3
- resetViewport: (trackIndex?: number) => void;
4
- setViewportDomain: (domain: [number, number], trackIndex?: number) => void;
3
+ exportImage: (options?: import("..").WaveformImageExportOptions) => Promise<Blob>;
4
+ zoomIn: (target?: import("..").WaveformControlTarget) => import("..").WaveformControlResult;
5
+ zoomOut: (target?: import("..").WaveformControlTarget) => import("..").WaveformControlResult;
6
+ fitToData: (target?: import("..").WaveformControlTarget) => import("..").WaveformControlResult;
7
+ setInteractionMode: (value: import("..").WaveformInteractionMode) => import("..").WaveformControlResult;
8
+ getControlState: () => import("..").WaveformControlState;
9
+ resetViewport: {
10
+ (index?: number): void;
11
+ (target: import("..").WaveformControlTarget): import("..").WaveformControlResult;
12
+ };
13
+ setViewportDomain: {
14
+ (domain: [number, number], index?: number): void;
15
+ (domain: [number, number], target: import("..").WaveformControlTarget): import("..").WaveformControlResult;
16
+ };
5
17
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
18
+ "update:interactionMode": (mode: import("..").WaveformInteractionMode) => any;
19
+ "interaction-mode-change": (mode: import("..").WaveformInteractionMode) => any;
20
+ "control-state-change": (state: import("..").WaveformControlState) => any;
6
21
  "point-hover": (point: import("..").WaveformPoint | null) => any;
7
22
  "zoom-intent": (payload: import("..").WaveformZoomIntentPayload) => any;
8
23
  "zoom-change": (domain: [number, number]) => any;
@@ -28,6 +43,9 @@ declare const __VLS_export: import("vue").DefineComponent<WaveformChartProps, {
28
43
  }) => any;
29
44
  "sampling-error": (error: import("..").WaveformSamplingError) => any;
30
45
  }, string, import("vue").PublicProps, Readonly<WaveformChartProps> & Readonly<{
46
+ "onUpdate:interactionMode"?: ((mode: import("..").WaveformInteractionMode) => any) | undefined;
47
+ "onInteraction-mode-change"?: ((mode: import("..").WaveformInteractionMode) => any) | undefined;
48
+ "onControl-state-change"?: ((state: import("..").WaveformControlState) => any) | undefined;
31
49
  "onPoint-hover"?: ((point: import("..").WaveformPoint | null) => any) | undefined;
32
50
  "onZoom-intent"?: ((payload: import("..").WaveformZoomIntentPayload) => any) | undefined;
33
51
  "onZoom-change"?: ((domain: [number, number]) => any) | undefined;
@@ -53,12 +71,8 @@ declare const __VLS_export: import("vue").DefineComponent<WaveformChartProps, {
53
71
  }) => any) | undefined;
54
72
  "onSampling-error"?: ((error: import("..").WaveformSamplingError) => any) | undefined;
55
73
  }>, {
56
- legend: import("..").WaveformLegendOptions;
57
- annotations: import("..").WaveformAnnotation[];
58
- grid: import("..").WaveformGridOptions;
59
74
  displayMode: import("..").WaveformDisplayMode;
60
75
  overlayMode: import("..").WaveformOverlayMode;
61
- xDomainStrategy: import("..").WaveformXDomainStrategy;
62
76
  unitDisplayMode: import("..").WaveformUnitDisplayMode;
63
77
  layoutPreset: import("..").WaveformLayoutPreset;
64
78
  yLabel: string;
@@ -68,10 +82,14 @@ declare const __VLS_export: import("vue").DefineComponent<WaveformChartProps, {
68
82
  integerZoom: boolean;
69
83
  pannable: boolean;
70
84
  minVisiblePoints: number;
85
+ xDomainStrategy: import("..").WaveformXDomainStrategy;
71
86
  timeUnit: "s" | "ms";
87
+ annotations: import("..").WaveformAnnotation[];
72
88
  annotationsVisible: boolean;
89
+ grid: import("..").WaveformGridOptions;
73
90
  rendering: import("..").WaveformRenderingOptions;
74
91
  plotMargin: import("..").WaveformPlotMargin;
92
+ legend: import("..").WaveformLegendOptions;
75
93
  defaultHiddenSeriesIds: string[];
76
94
  cleanView: boolean;
77
95
  presentationMode: boolean;
package/dist/types/components/annotation/WaveformAnnotationLayer.vue.d.ts CHANGED
@@ -3,6 +3,8 @@ interface Props {
3
3
  annotations: RenderedAnnotation[];
4
4
  visible: boolean;
5
5
  interactive?: boolean;
6
+ cancelKey?: string;
7
+ dataVersion?: unknown;
6
8
  }
7
9
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
8
10
  contextmenu: (annotationId: string, mouseEvent: MouseEvent) => any;
package/dist/types/components/annotation/useWaveformChartAnnotations.d.ts CHANGED
@@ -35,7 +35,6 @@ export declare function useWaveformChartAnnotations(context: AnnotationContext):
35
35
  resolveTrackAtPointer: (pointerX: number, pointerY: number, trackIndex?: number) => TrackLayout | undefined;
36
36
  handleAnnotationClick: (event: MouseEvent, trackIndex?: number) => void;
37
37
  handleNativeContextMenu: (event: MouseEvent) => void;
38
- handleAnnotationContextMenu: (event: MouseEvent, trackIndex?: number) => void;
39
38
  handleExistingAnnotationContextMenu: (annotationId: string, event: MouseEvent) => void;
40
39
  handleAnnotationMove: (annotationId: string, offsetX: number, offsetY: number) => void;
41
40
  editContextAnnotation: () => void;
package/dist/types/components/controls/WaveformToolbar.vue.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import type { WaveformChartController } from '../core/useWaveformChartController';
2
+ type __VLS_Props = {
3
+ controller: WaveformChartController;
4
+ };
5
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
+ declare const _default: typeof __VLS_export;
7
+ export default _default;
package/dist/types/components/controls/chartExportOptions.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { ResolvedWaveformChartProps } from '../core/waveformChartTypes';
2
+ /** Presentation changes invalidate an in-flight image snapshot, without serializing input data. */
3
+ export declare function chartExportOptions(props: ResolvedWaveformChartProps): {
4
+ [k: string]: string | number | boolean | [number, number] | Record<string, [number, number]> | import("..").WaveformRenderingOptions | import("..").WaveformPlotMargin | import("..").WaveformTitleOptions | import("..").WaveformLegendOptions | import("..").WaveformFrameStyle | import("..").WaveformAxesOptions | import("..").WaveformZeroLineOptions | import("..").WaveformGridOptions | Record<string, string | number> | import("..").WaveformAnnotation[] | undefined;
5
+ };
package/dist/types/components/controls/chartSnapshot.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare function copySvgStyles(source: Element, clone: Element): void;
2
+ export declare function createChartSnapshot(container: HTMLElement, source: SVGSVGElement, width: number, height: number, titleHeight: number, background?: string): string;
package/dist/types/components/controls/snapshotTitle.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ /** Recreate the HTML title in SVG, retaining wrapping, rotation and fitted scale. */
2
+ export declare function snapshotTitle(container: HTMLElement, titleHeight: number, width: number): SVGGElement | undefined;
package/dist/types/components/controls/toolbarRegistry.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import type { WaveformControlState, WaveformToolbarItem, WaveformToolbarOptions } from '../../types/controls';
2
+ import type { useChartCommands } from './useChartCommands';
3
+ type Commands = Pick<ReturnType<typeof useChartCommands>, 'execute' | 'setInteractionMode'>;
4
+ interface ButtonDefinition {
5
+ id: WaveformToolbarItem;
6
+ label: string;
7
+ icon: string;
8
+ group: 'mode' | 'viewport' | 'export';
9
+ active: (state: WaveformControlState) => boolean;
10
+ enabled: (state: WaveformControlState, trackId?: string) => boolean;
11
+ run: (commands: Commands, trackId?: string) => void;
12
+ }
13
+ export declare const defaultToolbarItems: WaveformToolbarItem[];
14
+ export declare const toolbarRegistry: Record<WaveformToolbarItem, ButtonDefinition>;
15
+ export declare function resolveToolbar(options?: boolean | WaveformToolbarOptions): {
16
+ visible: boolean;
17
+ display: "hover" | "always";
18
+ position: "top-left" | "top-right";
19
+ groups: ButtonDefinition[][];
20
+ };
21
+ export {};
package/dist/types/components/controls/useChartCommands.d.ts ADDED
@@ -0,0 +1,42 @@
1
+ import { type Ref, type ShallowRef } from 'vue';
2
+ import type { ZoomTransform } from 'd3';
3
+ import type { WaveformControlAction, WaveformControlResult, WaveformControlState, WaveformControlTarget } from '../../types/controls';
4
+ import type { useWaveformLayout } from '../core/useWaveformLayout';
5
+ import type { ResolvedWaveformChartProps, WaveformChartEmit } from '../core/waveformChartTypes';
6
+ import type { useControlMode } from './useControlMode';
7
+ type Domain = [number, number];
8
+ interface Context {
9
+ props: ResolvedWaveformChartProps;
10
+ emit: WaveformChartEmit;
11
+ layout: ReturnType<typeof useWaveformLayout>;
12
+ mode: ReturnType<typeof useControlMode>;
13
+ boundaries: ShallowRef<Record<string, Domain>>;
14
+ independentTransforms: ShallowRef<ZoomTransform[]>;
15
+ sharedTransform: ShallowRef<ZoomTransform>;
16
+ independentYDomains: Ref<Record<number, Domain>>;
17
+ sharedYDomains: Ref<Record<string, Domain>>;
18
+ cancel: () => void;
19
+ configure: () => void;
20
+ legacyReset: (index?: number) => void;
21
+ legacySet: (domain: Domain, index?: number) => void;
22
+ }
23
+ export declare function useChartCommands(c: Context): {
24
+ controlState: import("vue").ComputedRef<WaveformControlState>;
25
+ getControlState: () => WaveformControlState;
26
+ execute: (action: WaveformControlAction, target?: WaveformControlTarget, domain?: Domain, source?: "toolbar" | "api") => WaveformControlResult;
27
+ clearBoundaries: (index?: number) => void;
28
+ restoreInitialBoundaries: () => void;
29
+ resetViewport: {
30
+ (index?: number): void;
31
+ (target: WaveformControlTarget): WaveformControlResult;
32
+ };
33
+ setViewportDomain: {
34
+ (domain: Domain, index?: number): void;
35
+ (domain: Domain, target: WaveformControlTarget): WaveformControlResult;
36
+ };
37
+ zoomIn: (target?: WaveformControlTarget) => WaveformControlResult;
38
+ zoomOut: (target?: WaveformControlTarget) => WaveformControlResult;
39
+ fitToData: (target?: WaveformControlTarget) => WaveformControlResult;
40
+ setInteractionMode: (value: import("..").WaveformInteractionMode) => WaveformControlResult;
41
+ };
42
+ export {};
package/dist/types/components/controls/useChartImageExport.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import type { WaveformImageExportError, WaveformImageExportErrorCode, WaveformImageExportOptions } from '../../types/controls';
2
+ export declare function imageExportError(code: WaveformImageExportErrorCode): WaveformImageExportError;
3
+ interface Context {
4
+ container: () => HTMLElement | undefined;
5
+ svg: () => SVGSVGElement | undefined;
6
+ size: () => {
7
+ width: number;
8
+ height: number;
9
+ titleHeight: number;
10
+ };
11
+ version: () => unknown;
12
+ ready: () => boolean;
13
+ }
14
+ export declare function useChartImageExport(c: Context): {
15
+ exportImage: (options?: WaveformImageExportOptions) => Promise<Blob>;
16
+ };
17
+ export {};
package/dist/types/components/controls/useControlMode.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import type { WaveformControlResult } from '../../types/controls';
2
+ import type { WaveformInteractionMode } from '../../types';
3
+ import type { ResolvedWaveformChartProps, WaveformChartEmit } from '../core/waveformChartTypes';
4
+ export declare function useControlMode(props: ResolvedWaveformChartProps, emit: WaveformChartEmit): {
5
+ mode: import("vue").ComputedRef<WaveformInteractionMode>;
6
+ canSetMode: (value: WaveformInteractionMode) => boolean;
7
+ setInteractionMode: (value: WaveformInteractionMode) => WaveformControlResult;
8
+ };
package/dist/types/components/core/latestTaskScheduler.d.ts CHANGED
@@ -9,7 +9,7 @@ interface ScheduledTask {
9
9
  run: (generation: number) => Promise<void>;
10
10
  }
11
11
  /** Runs at most one task at a time and retains only the newest pending task. */
12
- export declare function createLatestTaskScheduler(): {
12
+ export declare function createLatestTaskScheduler(onError?: (error: unknown, generation: number) => void): {
13
13
  schedule(run: ScheduledTask["run"]): number;
14
14
  isCurrent(candidate: number): boolean;
15
15
  cancelPending(): void;
package/dist/types/components/core/layout.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { WaveformOverlayMode } from '../../types';
2
2
  import type { DisplaySeries, DisplayTrack, TrackLayout } from './types';
3
3
  import { type WaveformYDomain } from './yDomain';
4
+ import { type YAxisPaddingOptions } from './yAxisPadding';
4
5
  export { MAX_MULTI_Y_AXIS_COUNT } from './constants';
5
6
  export declare function resolveYAxisTickCount(_plotHeight: number, splitNumber?: number): number;
6
7
  export interface ResolvedYAxisTicks {
@@ -17,6 +18,8 @@ export interface YAxisSeriesGroup {
17
18
  seriesList: DisplaySeries[];
18
19
  domain: [number, number];
19
20
  fixed: boolean;
21
+ maximumTick?: number;
22
+ minimumTick?: number;
20
23
  }
21
24
  export interface YAxisSlot {
22
25
  side: 'left' | 'right';
@@ -27,8 +30,8 @@ export interface YAxisSlot {
27
30
  }
28
31
  export declare function buildYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode): YAxisSeriesGroup[];
29
32
  export declare function resolveYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>): YAxisSeriesGroup[];
30
- export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>, upperPaddingRatio?: number): YAxisSeriesGroup[];
31
- export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number): {
33
+ export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number): YAxisSeriesGroup[];
34
+ export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number, maximumTick?: number, minimumTick?: number): {
32
35
  tickTextWidth: number;
33
36
  };
34
37
  export declare function measureYAxisGroupClearance(group: YAxisSeriesGroup, tickCount?: number, nice?: boolean): number;
@@ -40,7 +43,7 @@ export declare function measureTrackYAxisClearance(track: DisplayTrack, overlayM
40
43
  * Reserves stable Y-axis positions for every visible track on the current page.
41
44
  * Slots are ordered from the plot edge outward for each side.
42
45
  */
43
- export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean, includeWithoutLastTick?: boolean, viewportYDomains?: Record<string, [number, number]>, upperPaddingRatio?: number, showUnits?: boolean, measureTextWidth?: (text: string) => number): {
46
+ export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean, includeWithoutLastTick?: boolean, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number, showUnits?: boolean, measureTextWidth?: (text: string) => number): {
44
47
  slots: YAxisSlot[];
45
48
  clearance: {
46
49
  left: number;
package/dist/types/components/core/niceScale.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ /**
2
+ * ECharts-compatible Nice Number algorithm for axis tick calculation
3
+ * Based on "Nice Numbers for Graph Labels" from Graphics Gems
4
+ *
5
+ * References:
6
+ * - https://github.com/cenfun/nice-ticks
7
+ * - https://github.com/qianfan-Zhao/nice_number
8
+ * - https://stackoverflow.com/questions/8506881/nice-label-algorithm-for-charts-with-minimum-ticks
9
+ */
10
+ export interface NiceScaleResult {
11
+ /** 扩展后的最小值 */
12
+ niceMin: number;
13
+ /** 扩展后的最大值 */
14
+ niceMax: number;
15
+ /** 刻度间隔 */
16
+ tickSpacing: number;
17
+ /** 刻度值数组 */
18
+ ticks: number[];
19
+ }
20
+ /**
21
+ * 计算 ECharts 风格的优雅刻度
22
+ * @param min - 数据最小值
23
+ * @param max - 数据最大值
24
+ * @param maxTicks - 期望的最大刻度数（类似 ECharts 的 splitNumber，默认 5）
25
+ * @returns 刻度计算结果
26
+ */
27
+ export declare function calculateNiceScale(min: number, max: number, maxTicks?: number): NiceScaleResult;
28
+ /**
29
+ * ECharts 兼容的刻度计算（与 resolveYAxisTicks 接口兼容）
30
+ */
31
+ export declare function resolveYAxisTicksECharts(domain: [number, number], tickCount?: number): {
32
+ domain: [number, number];
33
+ values: number[];
34
+ };
package/dist/types/components/core/trackLayoutBuilder.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { type YAxisPaddingOptions } from './yAxisPadding';
1
2
  import { type ZoomTransform } from 'd3';
2
3
  import { type ResolvedWaveformRenderingOptions } from '../../core/rendering';
3
4
  import type { WaveformDisplayMode, WaveformOverlayMode, WaveformPoint, WaveformXDomainStrategy, WaveformXAxisLabelFormatter } from '../../types';
@@ -14,6 +15,7 @@ export interface BuildTrackLayoutsOptions {
14
15
  overlayMode: WaveformOverlayMode;
15
16
  independentTransforms: ZoomTransform[];
16
17
  sharedZoomDomain: [number, number];
18
+ effectiveXDomains?: Record<string, [number, number]>;
17
19
  initialXDomain?: [number, number];
18
20
  initialXDomains?: Record<string, [number, number]>;
19
21
  xDomainStrategy?: WaveformXDomainStrategy;
@@ -25,6 +27,7 @@ export interface BuildTrackLayoutsOptions {
25
27
  xAxisLabelFormatter?: WaveformXAxisLabelFormatter;
26
28
  yAxisSplitNumber?: number;
27
29
  yAxisNice?: boolean;
30
+ yAxisPadding?: YAxisPaddingOptions;
28
31
  yAxisUpperPaddingRatio?: number;
29
32
  rendering: ResolvedWaveformRenderingOptions;
30
33
  /** Latest sampling result for SVG lines only; source series remain complete for interaction. */
@@ -33,7 +36,7 @@ export interface BuildTrackLayoutsOptions {
33
36
  yAxisLabelX: number;
34
37
  yLabel?: string;
35
38
  yAxisSlots?: readonly YAxisSlot[];
36
- showCompactEmptyTracks: boolean;
39
+ showEmptyTracks: boolean;
37
40
  useNonEmptyBottomTracks?: boolean;
38
41
  compactYAxisLayout?: boolean;
39
42
  showAxisUnits?: boolean;
package/dist/types/components/core/trackPagination.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { DisplayTrack } from './types';
2
2
  export declare const resolvePageableTracks: (tracks: DisplayTrack[], hideEmptyTracks?: boolean) => DisplayTrack[];
3
3
  export declare const resolveTrackFrameNumber: (frameNumber: string | number | undefined, frameNumbers: Record<string, string | number> | undefined, trackCount: number, trackIndex: number, trackId: string) => string | number | undefined;
4
- export declare const createFrameNumberResolver: (getFrameNumber: () => string | number | undefined, getFrameNumbers: () => Record<string, string | number> | undefined, getTracks: () => DisplayTrack[]) => (trackId: string) => string | number | undefined;
4
+ export declare const createFrameNumberResolver: (getFrameNumber: () => string | number | undefined, getFrameNumbers: () => Record<string, string | number> | undefined, getTracks: () => DisplayTrack[]) => (trackId: string, slotIndex?: number) => string | number | undefined;
package/dist/types/components/core/types.d.ts CHANGED
@@ -19,6 +19,8 @@ export interface DisplaySeries {
19
19
  points: WaveformPoint[];
20
20
  source?: WaveformPointSource;
21
21
  xDomain: [number, number];
22
+ rawYMaximum?: number;
23
+ rawYMinimum?: number;
22
24
  yDomain: [number, number];
23
25
  hasErrorPoints: boolean;
24
26
  }
@@ -29,6 +31,7 @@ export interface DisplayTrack {
29
31
  /** Series currently participating in layout, rendering, and interaction. */
30
32
  visibleSeries: DisplaySeries[];
31
33
  xDomain: [number, number];
34
+ rawYMaximum?: number;
32
35
  yDomain: [number, number];
33
36
  }
34
37
  export interface TrackSeriesPath {
@@ -40,6 +43,8 @@ export interface TrackSeriesPath {
40
43
  yAxisIndex: number;
41
44
  }
42
45
  export interface WaveformYAxisLayout {
46
+ maximumTick?: number;
47
+ minimumTick?: number;
43
48
  index: number;
44
49
  side: 'left' | 'right';
45
50
  x: number;