waveform-analysis 0.1.64 → 0.1.66

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 (55) hide show
  1. package/README.md +33 -4
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.js +724 -621
  4. package/dist/style.css +1 -1
  5. package/dist/types/components/WaveformChart.vue.d.ts +3 -2
  6. package/dist/types/components/core/constants.d.ts +3 -1
  7. package/dist/types/components/core/trackLayoutBuilder.d.ts +2 -0
  8. package/dist/types/components/core/types.d.ts +2 -1
  9. package/dist/types/components/core/useWaveformChartController.d.ts +3 -0
  10. package/dist/types/components/core/useWaveformPresentation.d.ts +2 -0
  11. package/dist/types/components/core/waveformChartTypes.d.ts +3 -1
  12. package/dist/types/components/core/yAxisConstants.d.ts +1 -1
  13. package/dist/types/components/core/yAxisTitleLayout.d.ts +4 -0
  14. package/dist/types/components/interaction/integerZoom.d.ts +12 -0
  15. package/dist/types/components/interaction/viewportDomain.d.ts +1 -0
  16. package/dist/types/components/interaction/zoomConstraints.d.ts +2 -1
  17. package/dist/types/components/rendering/WaveformTrack.vue.d.ts +2 -6
  18. package/dist/types/components/rendering/WaveformTrackBackdrop.vue.d.ts +0 -4
  19. package/dist/types/components/rendering/WaveformZeroLines.vue.d.ts +12 -0
  20. package/dist/types/demo/types.d.ts +3 -0
  21. package/dist/types/index.d.ts +1 -0
  22. package/dist/types/types/chart.d.ts +8 -0
  23. package/package.json +1 -1
  24. package/src/App.vue +8 -2
  25. package/src/components/WaveformChart.css +4 -0
  26. package/src/components/WaveformChart.vue +2 -1
  27. package/src/components/core/constants.ts +5 -3
  28. package/src/components/core/layout.ts +1 -1
  29. package/src/components/core/trackLayoutBuilder.ts +30 -19
  30. package/src/components/core/types.ts +2 -0
  31. package/src/components/core/useWaveformChartLifecycle.ts +1 -1
  32. package/src/components/core/useWaveformLayout.ts +34 -17
  33. package/src/components/core/useWaveformPresentation.ts +11 -1
  34. package/src/components/core/waveformChartTypes.ts +3 -0
  35. package/src/components/core/yAxisConstants.ts +1 -1
  36. package/src/components/core/yAxisTitleLayout.ts +78 -0
  37. package/src/components/interaction/integerZoom.ts +64 -0
  38. package/src/components/interaction/useWaveformViewport.ts +8 -12
  39. package/src/components/interaction/useWaveformZoom.ts +6 -4
  40. package/src/components/interaction/viewportDomain.ts +12 -0
  41. package/src/components/interaction/zoomConstraints.ts +7 -5
  42. package/src/components/rendering/WaveformLegend.vue +1 -1
  43. package/src/components/rendering/WaveformSeriesLayer.vue +1 -1
  44. package/src/components/rendering/WaveformTrack.css +5 -2
  45. package/src/components/rendering/WaveformTrack.vue +18 -5
  46. package/src/components/rendering/WaveformTrackAxes.vue +9 -3
  47. package/src/components/rendering/WaveformTrackBackdrop.vue +2 -34
  48. package/src/components/rendering/WaveformZeroLines.vue +53 -0
  49. package/src/demo/DemoChartHost.vue +1 -0
  50. package/src/demo/DemoGridFrameControls.vue +12 -0
  51. package/src/demo/DemoViewControls.vue +4 -0
  52. package/src/demo/types.ts +3 -0
  53. package/src/index.ts +1 -0
  54. package/src/styles.css +3 -3
  55. package/src/types/chart.ts +8 -0
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-0d0d1d3c]{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:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-0d0d1d3c]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-0d0d1d3c]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-0d0d1d3c]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-0d0d1d3c]{font-weight:600}.waveform-tooltip__value[data-v-0d0d1d3c]{color:#555}.waveform-tooltip__series small[data-v-0d0d1d3c]{color:#667085}.waveform-track__line[data-v-6ea098ba]{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-6ea098ba]{fill:none}.waveform-track__point[data-v-6ea098ba],.waveform-track__error-bar[data-v-6ea098ba]{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:500}.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}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px}.waveform-legend[data-v-3b9e78d8]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-3b9e78d8]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-3b9e78d8]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-3b9e78d8]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-3b9e78d8]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-3b9e78d8]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-3b9e78d8]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-3b9e78d8]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-3b9e78d8]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-3b9e78d8]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-3b9e78d8]{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:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-3b9e78d8]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-3b9e78d8]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-3b9e78d8]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-3b9e78d8]{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-3b9e78d8]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-3b9e78d8]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-3b9e78d8]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-3b9e78d8]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-3b9e78d8]{text-decoration:line-through}.waveform-legend__swatch[data-v-3b9e78d8]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-3b9e78d8]{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}
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-0d0d1d3c]{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:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-0d0d1d3c]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-0d0d1d3c]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-0d0d1d3c]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-0d0d1d3c]{font-weight:600}.waveform-tooltip__value[data-v-0d0d1d3c]{color:#555}.waveform-tooltip__series small[data-v-0d0d1d3c]{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:14px;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-3af7ebae]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-3af7ebae]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-3af7ebae]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-3af7ebae]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-3af7ebae]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-3af7ebae]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-3af7ebae]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-3af7ebae]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-3af7ebae]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-3af7ebae]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-3af7ebae]{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:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-3af7ebae]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-3af7ebae]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-3af7ebae]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-3af7ebae]{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-3af7ebae]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-3af7ebae]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-3af7ebae]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-3af7ebae]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-3af7ebae]{text-decoration:line-through}.waveform-legend__swatch[data-v-3af7ebae]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-3af7ebae]{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__label{font-weight:700}
2
2
  /*$vite$:1*/
package/dist/types/components/WaveformChart.vue.d.ts CHANGED
@@ -53,18 +53,19 @@ declare const __VLS_export: import("vue").DefineComponent<WaveformChartProps, {
53
53
  }>, {
54
54
  legend: import("..").WaveformLegendOptions;
55
55
  annotations: import("..").WaveformAnnotation[];
56
+ grid: import("..").WaveformGridOptions;
56
57
  displayMode: import("..").WaveformDisplayMode;
57
58
  overlayMode: import("..").WaveformOverlayMode;
59
+ xDomainStrategy: import("..").WaveformXDomainStrategy;
58
60
  yLabel: string;
59
61
  lineColor: string;
60
62
  showTooltip: boolean;
61
63
  zoomable: boolean;
64
+ integerZoom: boolean;
62
65
  pannable: boolean;
63
66
  minVisiblePoints: number;
64
- xDomainStrategy: import("..").WaveformXDomainStrategy;
65
67
  timeUnit: "s" | "ms";
66
68
  annotationsVisible: boolean;
67
- grid: import("..").WaveformGridOptions;
68
69
  rendering: import("..").WaveformRenderingOptions;
69
70
  plotMargin: import("..").WaveformPlotMargin;
70
71
  defaultHiddenSeriesIds: string[];
package/dist/types/components/core/constants.d.ts CHANGED
@@ -41,7 +41,7 @@ export declare const Y_AXIS_LABEL_GAP = 0;
41
41
  /**
42
42
  * Y轴标签带宽度（像素）
43
43
  */
44
- export declare const Y_AXIS_LABEL_BAND_WIDTH = 12;
44
+ export declare const Y_AXIS_LABEL_BAND_WIDTH = 20;
45
45
  /**
46
46
  * Y轴指数标签间距（像素）
47
47
  */
@@ -121,6 +121,8 @@ export declare const ZERO_LINE_DEFAULTS: {
121
121
  WIDTH: number;
122
122
  /** 虚线样式 */
123
123
  DASH: string;
124
+ OPACITY: number;
125
+ BOUNDARY_THRESHOLD: number;
124
126
  };
125
127
  /**
126
128
  * 图例默认配置
package/dist/types/components/core/trackLayoutBuilder.d.ts CHANGED
@@ -17,6 +17,7 @@ export interface BuildTrackLayoutsOptions {
17
17
  initialXDomain?: [number, number];
18
18
  initialXDomains?: Record<string, [number, number]>;
19
19
  xDomainStrategy?: WaveformXDomainStrategy;
20
+ integerZoom?: boolean;
20
21
  fixedYDomain?: [number, number];
21
22
  fixedYDomains?: Record<string, [number, number]>;
22
23
  yDomains?: Record<string, [number, number]>;
@@ -29,6 +30,7 @@ export interface BuildTrackLayoutsOptions {
29
30
  linePointOverrides?: Readonly<Record<string, WaveformPoint[]>>;
30
31
  hideSecondaryLabels: boolean;
31
32
  yAxisLabelX: number;
33
+ yLabel?: string;
32
34
  yAxisSlots?: readonly YAxisSlot[];
33
35
  showCompactEmptyTracks: boolean;
34
36
  }
package/dist/types/components/core/types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { ScaleLinear } from 'd3';
2
- import type { ResolvedWaveformErrorBarOptions, WaveformLineType, WaveformLineStyle, WaveformPoint, WaveformPointType } from '../../types';
2
+ import type { ResolvedWaveformErrorBarOptions, WaveformLineType, WaveformLineStyle, WaveformPoint, WaveformPointType, WaveformXAxisLabelFormatter } from '../../types';
3
3
  import type { WaveformPointSource } from '../../core/waveformPointSource';
4
4
  import type { NormalizedWaveformGridLineOptions } from './grid';
5
5
  /**
@@ -104,6 +104,7 @@ export interface TrackLayout {
104
104
  yMinorTicks: number[];
105
105
  yAxisTickValues: number[];
106
106
  xAxisTickValues: number[];
107
+ xAxisLabelFormatter?: WaveformXAxisLabelFormatter;
107
108
  endpointLabels: {
108
109
  start: string;
109
110
  end: string;
package/dist/types/components/core/useWaveformChartController.d.ts CHANGED
@@ -298,6 +298,8 @@ export declare function useWaveformChartController(props: ResolvedWaveformChartP
298
298
  color: string;
299
299
  width: number;
300
300
  dash: string;
301
+ opacity: number;
302
+ boundaryThreshold: number;
301
303
  };
302
304
  legendBackgroundColor: string;
303
305
  legendInteractive: boolean;
@@ -332,6 +334,7 @@ export declare function useWaveformChartController(props: ResolvedWaveformChartP
332
334
  lineColor: string;
333
335
  showTooltip: boolean;
334
336
  zoomable: boolean;
337
+ integerZoom: boolean;
335
338
  pannable: boolean;
336
339
  minZoomSpan?: number | undefined;
337
340
  minVisiblePoints: number;
package/dist/types/components/core/useWaveformPresentation.d.ts CHANGED
@@ -26,6 +26,8 @@ export declare function useWaveformPresentation(context: PresentationContext): {
26
26
  color: string;
27
27
  width: number;
28
28
  dash: string;
29
+ opacity: number;
30
+ boundaryThreshold: number;
29
31
  }>;
30
32
  legendBackgroundColor: import("vue").ComputedRef<string>;
31
33
  legendInteractive: import("vue").ComputedRef<boolean>;
package/dist/types/components/core/waveformChartTypes.d.ts CHANGED
@@ -11,6 +11,8 @@ export interface WaveformChartProps {
11
11
  lineColor?: string;
12
12
  showTooltip?: boolean;
13
13
  zoomable?: boolean;
14
+ /** Snap viewport endpoints outwards to integer X-axis display units. */
15
+ integerZoom?: boolean;
14
16
  pannable?: boolean;
15
17
  minZoomSpan?: number;
16
18
  minVisiblePoints?: number;
@@ -40,7 +42,7 @@ export interface WaveformChartProps {
40
42
  presentationMode?: boolean;
41
43
  zeroLine?: WaveformZeroLineOptions;
42
44
  }
43
- type DefaultedProp = 'displayMode' | 'overlayMode' | 'yLabel' | 'lineColor' | 'showTooltip' | 'zoomable' | 'pannable' | 'minVisiblePoints' | 'xDomainStrategy' | 'timeUnit' | 'annotations' | 'annotationsVisible' | 'grid' | 'rendering' | 'plotMargin' | 'legend' | 'defaultHiddenSeriesIds' | 'cleanView' | 'presentationMode' | 'zeroLine';
45
+ type DefaultedProp = 'displayMode' | 'overlayMode' | 'yLabel' | 'lineColor' | 'showTooltip' | 'zoomable' | 'integerZoom' | 'pannable' | 'minVisiblePoints' | 'xDomainStrategy' | 'timeUnit' | 'annotations' | 'annotationsVisible' | 'grid' | 'rendering' | 'plotMargin' | 'legend' | 'defaultHiddenSeriesIds' | 'cleanView' | 'presentationMode' | 'zeroLine';
44
46
  export type ResolvedWaveformChartProps = Readonly<WaveformChartProps & Required<Pick<WaveformChartProps, DefaultedProp>>>;
45
47
  export interface WaveformChartEmit {
46
48
  (event: 'point-hover', point: WaveformPoint | null): void;
package/dist/types/components/core/yAxisConstants.d.ts CHANGED
@@ -2,6 +2,6 @@ export declare const Y_AXIS_CHARACTER_WIDTH = 7;
2
2
  export declare const Y_AXIS_TICK_PADDING = 7;
3
3
  export declare const Y_AXIS_OUTER_PADDING = 4;
4
4
  export declare const Y_AXIS_LABEL_GAP = 0;
5
- export declare const Y_AXIS_LABEL_BAND_WIDTH = 12;
5
+ export declare const Y_AXIS_LABEL_BAND_WIDTH = 20;
6
6
  export declare const Y_AXIS_RIGHT_LABEL_OFFSET = 10;
7
7
  export declare function resolveYAxisSides(axisCount: number): Array<'left' | 'right'>;
package/dist/types/components/core/yAxisTitleLayout.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { TrackLayout } from './types';
2
+ type TitleTrack = Pick<TrackLayout, 'height' | 'column' | 'yAxes'>;
3
+ export declare function alignLeftYAxisTitles(layouts: TitleTrack[], yLabel?: string): void;
4
+ export {};
package/dist/types/components/interaction/integerZoom.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ export interface IntegerZoomOptions {
2
+ integerZoom?: boolean;
3
+ timeUnit?: 's' | 'ms';
4
+ }
5
+ export declare function integerZoomTicks(domain: [number, number], count: number, options: IntegerZoomOptions): number[];
6
+ export declare function formatIntegerZoomLabel(value: number): string;
7
+ /** Align outwards in display units; all returned coordinates remain in seconds. */
8
+ export declare function alignIntegerZoomDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
9
+ /** Recover aligned endpoints after a D3 transform, tolerating floating-point round-off. */
10
+ export declare function normalizeIntegerZoomDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
11
+ /** Translation snaps to the nearest unit so panning preserves the visible span. */
12
+ export declare function alignIntegerPanDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
package/dist/types/components/interaction/viewportDomain.d.ts CHANGED
@@ -17,5 +17,6 @@ interface ViewportDomainContext {
17
17
  editorSeriesOptions: Ref<AnnotationSeriesCandidate[]>;
18
18
  configureZoom: () => void;
19
19
  }
20
+ export declare function clampViewportDomain(domain: [number, number], boundary: [number, number]): [number, number];
20
21
  export declare function createViewportDomainSetter(context: ViewportDomainContext): (domain: [number, number], trackIndex?: number) => void;
21
22
  export {};
package/dist/types/components/interaction/zoomConstraints.d.ts CHANGED
@@ -1,12 +1,13 @@
1
1
  import { type ZoomTransform } from 'd3';
2
2
  import type { WaveformPoint } from '../../types';
3
3
  import { type WaveformPointSource } from '../../core/waveformPointSource';
4
+ import { type IntegerZoomOptions } from './integerZoom';
4
5
  interface PointSeriesSource {
5
6
  points: WaveformPoint[];
6
7
  source?: WaveformPointSource;
7
8
  }
8
9
  export type ZoomSeriesGroup = readonly PointSeriesSource[];
9
- interface ZoomConstraintOptions {
10
+ interface ZoomConstraintOptions extends IntegerZoomOptions {
10
11
  minZoomSpan?: number;
11
12
  minVisiblePoints?: number;
12
13
  maxZoomScale?: number | null;
package/dist/types/components/rendering/WaveformTrack.vue.d.ts CHANGED
@@ -15,9 +15,7 @@ interface Props {
15
15
  timeUnit: 's' | 'ms';
16
16
  yLabel?: string;
17
17
  cleanView?: boolean;
18
- zeroLine?: Required<Pick<WaveformZeroLineOptions, 'color' | 'width' | 'dash'>> & {
19
- visible: boolean;
20
- };
18
+ zeroLine?: Required<WaveformZeroLineOptions>;
21
19
  }
22
20
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
23
21
  contextmenu: (mouseEvent: MouseEvent) => any;
@@ -38,9 +36,7 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
38
36
  }>, {
39
37
  interactive: boolean;
40
38
  cleanView: boolean;
41
- zeroLine: Required<Pick<WaveformZeroLineOptions, "color" | "width" | "dash">> & {
42
- visible: boolean;
43
- };
39
+ zeroLine: Required<WaveformZeroLineOptions>;
44
40
  interactionMode: WaveformInteractionMode;
45
41
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
46
42
  declare const _default: typeof __VLS_export;
package/dist/types/components/rendering/WaveformTrackBackdrop.vue.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import type { WaveformZeroLineOptions } from '../../types';
2
1
  import type { TrackLayout } from '../core/types';
3
2
  interface Props {
4
3
  track: TrackLayout;
@@ -9,9 +8,6 @@ interface Props {
9
8
  frameStyle: {
10
9
  backgroundColor: string;
11
10
  };
12
- zeroLine: Required<Pick<WaveformZeroLineOptions, 'color' | 'width' | 'dash'>> & {
13
- visible: boolean;
14
- };
15
11
  }
16
12
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
13
  declare const _default: typeof __VLS_export;
package/dist/types/components/rendering/WaveformZeroLines.vue.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ import type { WaveformZeroLineOptions } from '../../types';
2
+ import type { TrackLayout } from '../core/types';
3
+ type __VLS_Props = {
4
+ track: TrackLayout;
5
+ clipPathId: string;
6
+ innerWidth: number;
7
+ cleanView: boolean;
8
+ zeroLine: Required<WaveformZeroLineOptions>;
9
+ };
10
+ 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>;
11
+ declare const _default: typeof __VLS_export;
12
+ export default _default;
package/dist/types/demo/types.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface DemoControlPanelModel {
9
9
  displayMode: WaveformDisplayMode;
10
10
  overlayMode: WaveformOverlayMode;
11
11
  showTooltip: boolean;
12
+ integerZoom: boolean;
12
13
  plotMarginTop: number;
13
14
  plotMarginBottom: number;
14
15
  cleanView: boolean;
@@ -20,6 +21,7 @@ export interface DemoControlPanelModel {
20
21
  zeroLineVisible: boolean;
21
22
  zeroLineColor: string;
22
23
  zeroLineWidth: number;
24
+ zeroLineOpacity: number;
23
25
  zeroLineDash: string;
24
26
  zeroLineDashOptions: Array<SelectOption<string>>;
25
27
  rowCount: number;
@@ -82,6 +84,7 @@ export interface DemoChartModel {
82
84
  cleanView: boolean;
83
85
  presentationMode: boolean;
84
86
  showTooltip: boolean;
87
+ integerZoom: boolean;
85
88
  plotMargin: WaveformPlotMargin;
86
89
  zeroLine: WaveformZeroLineOptions;
87
90
  frameWatermarkVisible: boolean;
package/dist/types/index.d.ts CHANGED
@@ -3,6 +3,7 @@
3
3
  * @packageDocumentation
4
4
  */
5
5
  export { default as WaveformChart } from './components/WaveformChart.vue';
6
+ export type { WaveformChartProps } from './components/core/waveformChartTypes';
6
7
  export type { WaveformPoint, WaveformDisplayMode, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './types';
7
8
  export type { WaveformGridOptions, WaveformGridLineOptions, WaveformGridTrackLines, } from './components/core/grid';
8
9
  export { normalizeWaveformData, normalizeWaveformSeries } from './core';
package/dist/types/types/chart.d.ts CHANGED
@@ -225,8 +225,16 @@ export interface WaveformAxesOptions {
225
225
  }
226
226
  /** Styling and visibility options for the horizontal zero-value reference line. */
227
227
  export interface WaveformZeroLineOptions {
228
+ /** Defaults to true. Set false to hide the reference line. */
228
229
  visible?: boolean;
230
+ /** Defaults to red (#ff0000). */
229
231
  color?: string;
232
+ /** Positive stroke width in pixels. Defaults to 1. */
230
233
  width?: number;
234
+ /** SVG stroke-dasharray. Defaults to '6 4'; use '' for a solid line. */
231
235
  dash?: string;
236
+ /** Stroke opacity from 0 to 1. Defaults to 0.5; multiplies the color's alpha. */
237
+ opacity?: number;
238
+ /** Hide within this fraction of a Y-axis tick interval from either boundary. Defaults to 0.02. */
239
+ boundaryThreshold?: number;
232
240
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "waveform-analysis",
3
- "version": "0.1.64",
3
+ "version": "0.1.66",
4
4
  "main": "./dist/index.cjs",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/types/index.d.ts",
package/src/App.vue CHANGED
@@ -48,11 +48,13 @@ const annotationsVisible = ref(true)
48
48
  const cleanView = ref(false)
49
49
  const presentationMode = ref(false)
50
50
  const showTooltip = ref(true)
51
+ const integerZoom = ref(true)
51
52
  const plotMarginTop = ref(18)
52
53
  const plotMarginBottom = ref(52)
53
- const zeroLineVisible = ref(false)
54
- const zeroLineColor = ref('#98a2b3')
54
+ const zeroLineVisible = ref(true)
55
+ const zeroLineColor = ref('#ff0000')
55
56
  const zeroLineWidth = ref(1)
57
+ const zeroLineOpacity = ref(0.5)
56
58
  const zeroLineDash = ref('6 4')
57
59
  const interactionMode = ref<WaveformInteractionMode>('zoom')
58
60
  const legendPosition = ref<WaveformLegendPosition>('top-right')
@@ -127,6 +129,7 @@ const zeroLine = computed<WaveformZeroLineOptions>(() => ({
127
129
  visible: zeroLineVisible.value,
128
130
  color: zeroLineColor.value,
129
131
  width: zeroLineWidth.value,
132
+ opacity: zeroLineOpacity.value,
130
133
  dash: zeroLineDash.value,
131
134
  }))
132
135
  const plotMargin = computed<WaveformPlotMargin>(() => ({
@@ -298,6 +301,7 @@ const controlPanelModel = reactive({
298
301
  displayMode,
299
302
  overlayMode,
300
303
  showTooltip,
304
+ integerZoom,
301
305
  plotMarginTop,
302
306
  plotMarginBottom,
303
307
  cleanView,
@@ -309,6 +313,7 @@ const controlPanelModel = reactive({
309
313
  zeroLineVisible,
310
314
  zeroLineColor,
311
315
  zeroLineWidth,
316
+ zeroLineOpacity,
312
317
  zeroLineDash,
313
318
  zeroLineDashOptions,
314
319
  rowCount,
@@ -365,6 +370,7 @@ const chartModel = reactive({
365
370
  cleanView,
366
371
  presentationMode,
367
372
  showTooltip,
373
+ integerZoom,
368
374
  plotMargin,
369
375
  zeroLine,
370
376
  frameWatermarkVisible,
package/src/components/WaveformChart.css CHANGED
@@ -116,3 +116,7 @@
116
116
  fill: #595959;
117
117
  font-size: 12px;
118
118
  }
119
+
120
+ .waveform-chart__label {
121
+ font-weight: 700;
122
+ }
package/src/components/WaveformChart.vue CHANGED
@@ -14,6 +14,7 @@ const props = withDefaults(defineProps<WaveformChartProps>(), {
14
14
  lineColor: '#0960bd',
15
15
  showTooltip: true,
16
16
  zoomable: true,
17
+ integerZoom: false,
17
18
  pannable: false,
18
19
  minVisiblePoints: 0,
19
20
  xDomainStrategy: () => ({ type: 'integer-ms' }),
@@ -29,7 +30,7 @@ const props = withDefaults(defineProps<WaveformChartProps>(), {
29
30
  defaultHiddenSeriesIds: () => [],
30
31
  cleanView: false,
31
32
  presentationMode: false,
32
- zeroLine: () => ({ visible: false }),
33
+ zeroLine: () => ({ visible: true }),
33
34
  })
34
35
  const emit = defineEmits<WaveformChartEmit>()
35
36
  const controller = useWaveformChartController(props as ResolvedWaveformChartProps, emit)
package/src/components/core/constants.ts CHANGED
@@ -5,7 +5,7 @@
5
5
  // ==================== 布局常量 ====================
6
6
 
7
7
  /** 图表边距 */
8
- export const margin = { top: 18, right: 24, bottom: 52, left: 80 }
8
+ export const margin = { top: 18, right: 24, bottom: 52, left: 48 }
9
9
 
10
10
  /** Distance from the drawing SVG bottom edge to the X-axis title baseline. */
11
11
  export const X_AXIS_TITLE_BOTTOM_OFFSET = 12
@@ -49,7 +49,7 @@ export const Y_AXIS_LABEL_GAP = 0
49
49
  /**
50
50
  * Y轴标签带宽度（像素）
51
51
  */
52
- export const Y_AXIS_LABEL_BAND_WIDTH = 12
52
+ export const Y_AXIS_LABEL_BAND_WIDTH = 20
53
53
 
54
54
  /**
55
55
  * Y轴指数标签间距（像素）
@@ -177,11 +177,13 @@ export const ERROR_BAR_DEFAULTS = {
177
177
  */
178
178
  export const ZERO_LINE_DEFAULTS = {
179
179
  /** 颜色 */
180
- COLOR: '#98a2b3',
180
+ COLOR: '#ff0000',
181
181
  /** 线宽（像素） */
182
182
  WIDTH: 1,
183
183
  /** 虚线样式 */
184
184
  DASH: '6 4',
185
+ OPACITY: 0.5,
186
+ BOUNDARY_THRESHOLD: 0.02,
185
187
  }
186
188
 
187
189
  /**