waveform-analysis 0.1.72 → 0.1.74

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 (39) hide show
  1. package/README.md +34 -13
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.js +2635 -2547
  4. package/dist/style.css +1 -1
  5. package/dist/types/components/annotation/useWaveformChartAnnotations.d.ts +0 -1
  6. package/dist/types/components/core/layout.d.ts +4 -2
  7. package/dist/types/components/core/types.d.ts +2 -0
  8. package/dist/types/components/core/useWaveformChartController.d.ts +0 -1
  9. package/dist/types/components/core/useWaveformData.d.ts +1 -0
  10. package/dist/types/components/core/yAxisPadding.d.ts +1 -1
  11. package/dist/types/components/core/yAxisTitleLayout.d.ts +1 -1
  12. package/dist/types/components/interaction/useExtremaTickViewport.d.ts +5 -0
  13. package/dist/types/components/rendering/WaveformTrackAxes.vue.d.ts +1 -0
  14. package/dist/types/data/sx2Channel.d.ts +10 -0
  15. package/dist/types/demo/types.d.ts +2 -0
  16. package/dist/types/types/chart.d.ts +4 -0
  17. package/package.json +1 -1
  18. package/src/App.vue +6 -0
  19. package/src/components/WaveformChartView.vue +0 -3
  20. package/src/components/annotation/useWaveformChartAnnotations.ts +7 -23
  21. package/src/components/controls/WaveformToolbar.vue +19 -20
  22. package/src/components/core/layout.ts +52 -26
  23. package/src/components/core/trackLayoutBuilder.ts +16 -6
  24. package/src/components/core/types.ts +2 -0
  25. package/src/components/core/useWaveformData.ts +2 -0
  26. package/src/components/core/useWaveformLayout.ts +10 -0
  27. package/src/components/core/yAxisLayoutMetrics.ts +24 -15
  28. package/src/components/core/yAxisPadding.ts +28 -8
  29. package/src/components/core/yAxisTitleLayout.ts +9 -48
  30. package/src/components/interaction/useExtremaTickViewport.ts +43 -0
  31. package/src/components/rendering/WaveformTrack.vue +1 -0
  32. package/src/components/rendering/WaveformTrackAxes.vue +18 -0
  33. package/src/components/rendering/yAxisTickVisibility.ts +77 -16
  34. package/src/data/simulatedWaveforms.ts +10 -0
  35. package/src/data/sx2Channel.ts +315 -0
  36. package/src/demo/DemoYAxisPaddingControls.vue +15 -0
  37. package/src/demo/types.ts +2 -0
  38. package/src/index.ts +1 -0
  39. package/src/types/chart.ts +4 -0
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
- .waveform-annotation-layer[data-v-18b3ad3a]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-18b3ad3a]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-18b3ad3a]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-18b3ad3a]{pointer-events:auto}.waveform-annotation__text[data-v-18b3ad3a]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-toolbar[data-v-1f2d9d54]{z-index:10;background:#fffffff5;border:1px solid #d0d5dd;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:4px;display:flex;position:absolute;top:4px;right:6px;box-shadow:0 2px 8px #0001}.waveform-toolbar--collapsed[data-v-1f2d9d54]>:not(.waveform-toolbar__toggle):not(.waveform-toolbar__feedback){display:none}.waveform-toolbar--top-left[data-v-1f2d9d54]{left:6px;right:auto}.waveform-toolbar--hover[data-v-1f2d9d54]{opacity:0;pointer-events:none}.waveform-chart:hover .waveform-toolbar--hover[data-v-1f2d9d54],.waveform-toolbar[data-v-1f2d9d54]:focus-within{opacity:1;pointer-events:auto}.waveform-toolbar[data-v-1f2d9d54]:has(.waveform-toolbar__menu){opacity:1;pointer-events:auto}.waveform-toolbar[data-v-1f2d9d54]:has(.waveform-toolbar__feedback){opacity:1;pointer-events:auto}.waveform-toolbar__group[data-v-1f2d9d54]{gap:2px;display:flex}.waveform-toolbar__group+.waveform-toolbar__group[data-v-1f2d9d54]{border-left:1px solid #d0d5dd;padding-left:4px}button[data-v-1f2d9d54]{color:#344054;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:30px;min-height:30px;display:inline-flex}button[data-v-1f2d9d54]:hover,button[aria-pressed=true][data-v-1f2d9d54]{color:#0960bd;background:#e6f4ff}button[data-v-1f2d9d54]:disabled{opacity:.35;cursor:default}button[data-v-1f2d9d54]:focus-visible,select[data-v-1f2d9d54]:focus-visible{outline-offset:1px;outline:2px solid #0960bd}svg[data-v-1f2d9d54]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}select[data-v-1f2d9d54]{background:#fff;border:1px solid #d0d5dd;border-radius:4px;min-width:0;max-width:120px;height:30px}.waveform-toolbar__scope[data-v-1f2d9d54]{color:#667085;font-size:12px}.waveform-toolbar__menu[data-v-1f2d9d54]{background:#fff;border:1px solid #d0d5dd;border-radius:4px;padding:6px;display:flex;position:absolute;top:100%;right:0}.waveform-toolbar__feedback[data-v-1f2d9d54]{flex-basis:100%;max-width:300px;font-size:12px}@media (hover:none){.waveform-toolbar--hover[data-v-1f2d9d54]{opacity:1;pointer-events:auto}}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-88c44eda]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:11px/1.35 Times New Roman,serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-88c44eda]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-88c44eda]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-88c44eda]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-88c44eda]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-88c44eda]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-88c44eda]{font-weight:600}.waveform-tooltip__value[data-v-88c44eda]{color:#555}.waveform-tooltip__series small[data-v-88c44eda]{color:#667085}.waveform-track__line[data-v-628502df]{fill:none;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-628502df]{fill:none}.waveform-track__point[data-v-628502df],.waveform-track__error-bar[data-v-628502df]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#0000;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:600}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px;font-weight:700}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px;font-weight:700}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px;font-weight:700}.waveform-legend[data-v-24214c74]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-24214c74]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-24214c74]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-24214c74]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-24214c74]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-24214c74]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-24214c74]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:11px/1.35 Times New Roman,serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-24214c74]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-24214c74]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-24214c74]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-24214c74]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-24214c74]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-24214c74]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-24214c74]{text-decoration:line-through}.waveform-legend__swatch[data-v-24214c74]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-24214c74]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-54a5a37d]{pointer-events:none}.waveform-track__crosshair line[data-v-54a5a37d]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{width:10px!important;height:10px!important}.small-alpha-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-alpha-slider{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{border-radius:15px;width:100%;height:100%;position:relative}.bee-alpha-slider__bar-pointer{width:14px;height:14px;position:absolute}.bee-alpha-slider__bar-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-alpha-slider__bar-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-compact{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.bee-compact__row{width:100%;margin:0;position:relative}.bee-compact__row>*{vertical-align:middle;display:inline-block}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.bee-compact__color_cube.transparent:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.bee-compact__color_cube.advance{background:url(data:image/png;base64,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)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{cursor:pointer;width:25px;height:25px;position:relative;overflow:hidden}.bee-compact__color-cube--wrap:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record{align-items:center;margin-top:20px;display:flex}.bee-colorPicker__record .text{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.bee-colorPicker__record .color-list{width:auto;margin:0;display:flex;position:relative}.bee-colorPicker__record .color-list .color-item{cursor:pointer;vertical-align:middle;width:25px;height:25px;margin-right:1px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{width:10px!important;height:10px!important}.small-hue-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-hue-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%;border-radius:15px;width:100%;height:100%;position:relative}.bee-hue-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-hue-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-hue-colorPicker__inner-handle.vertical{margin-top:0;transform:translate(-1px,-7px)}.small-light-slider{height:10px!important}.small-light-slider .small-bar{width:10px!important;height:10px!important}.small-light-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-light-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{border-radius:15px;width:100%;height:100%;position:relative}.bee-light-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-light-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-light-colorPicker__inner-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-saturation{width:100%;height:125px;margin-bottom:15px;position:relative}.bee-saturation__chrome{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;inset:0}.bee-saturation__black{background:linear-gradient(#0000,#000)}.bee-saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.inputs-controls{margin-bottom:5px;font-size:16px;display:flex}.inputs-controls .formatBtn{text-align:center;cursor:pointer;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;margin-right:5px;padding:1px;font-weight:700;display:inline-flex;position:relative}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{flex-grow:1;display:flex}.inputs-controls .format-group input{text-align:center;appearance:none;-moz-appearance:textfield;border-width:0 0 1px;outline:none;flex:1;min-width:0;margin:0 3px;padding:5px}.inputs-controls .format-group input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.inputs-controls .format-group input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.bee-fk-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:249px;padding-bottom:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{z-index:999;text-align:left;margin-bottom:12px}.bee-fk-colorPicker__header .back{border:1px solid #000;border-width:0 1px 1px 0;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.bee-fk-colorPicker__display{text-align:left;width:100%;margin:0;position:relative}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.bee-fk-colorPicker__display input{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.bee-fk-colorPicker__display .action .copy-btn{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.bee-ele-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:300px;padding:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{height:180px;margin-left:10px}.bee-chrome-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:250px;padding-bottom:20px;position:relative;box-shadow:0 0 10px #00000026}.bee-chrome-colorPicker-body{background-color:#fff;padding:0 12px}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{border-radius:15px;width:100%;height:100%;position:relative}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{width:14px;height:14px;position:absolute}.vc-alpha-slider__bar-handle[data-v-18925ba6]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{margin-top:0;transform:translateY(-7px)}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{width:10px!important;height:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-compact[data-v-b969fd48]{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.vc-compact__row[data-v-b969fd48]{width:100%;height:27px;margin:0;position:relative}.vc-compact__row>[data-v-b969fd48]{vertical-align:middle;display:inline-block}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,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)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{cursor:pointer;width:27px;height:27px;position:relative;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-saturation[data-v-7f0cdcdf]{width:100%;height:125px;margin-bottom:15px;position:relative}.vc-saturation__chrome[data-v-7f0cdcdf]{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.vc-saturation__hidden[data-v-7f0cdcdf]{overflow:hidden}.vc-saturation__white[data-v-7f0cdcdf],.vc-saturation__black[data-v-7f0cdcdf]{position:absolute;inset:0}.vc-saturation__black[data-v-7f0cdcdf]{background:linear-gradient(#0000,#000)}.vc-saturation__white[data-v-7f0cdcdf]{background:linear-gradient(90deg,#fff,#fff0)}.vc-saturation__cursor[data-v-7f0cdcdf]{position:absolute}.vc-saturation__cursor div[data-v-7f0cdcdf]{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider[data-v-e1a08576]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{background:-moz-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-ms-linear-gradient(left,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-webkit-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:15px;width:100%;height:100%;position:relative}.vc-hue-slider__bar-pointer[data-v-e1a08576]{width:14px;height:14px;position:absolute}.vc-hue-slider__bar-handle[data-v-e1a08576]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{margin-top:0;transform:translateY(-7px)}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{width:10px!important;height:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{border-radius:15px;width:100%;height:100%;position:relative}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{width:14px;height:14px;position:absolute}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{margin-top:0;transform:translateY(-7px)}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{width:10px!important;height:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{align-items:center;margin-top:15px;display:flex}.vc-colorPicker__record .text[data-v-0f657238]{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.vc-colorPicker__record .color-list[data-v-0f657238]{gap:2px;width:100%;margin:0;display:flex;position:relative}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{cursor:pointer;vertical-align:middle;border-radius:2px;flex:1;max-width:26px;height:26px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-7334ac20]{align-items:center;gap:8px;height:28px;display:flex}.vc-display .vc-current-color[data-v-7334ac20]{cursor:pointer;vertical-align:middle;border-radius:2px;width:50px;height:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-display .vc-current-color.vc-transparent[data-v-7334ac20]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-display .vc-current-color .color-cube[data-v-7334ac20]{text-align:center;width:100%;height:100%}.vc-display .vc-color-input[data-v-7334ac20]{box-sizing:border-box;flex:1 0;height:100%;position:relative}.vc-display .vc-color-input input[data-v-7334ac20]{cursor:pointer;text-align:center;box-sizing:border-box;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;height:100%;padding:0;font-size:14px}.vc-display .vc-rgb-input[data-v-7334ac20]{color:#666;text-align:center;flex:1;font-size:12px}.vc-display .vc-rgb-input input[data-v-7334ac20]{cursor:pointer;text-align:center;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;margin-bottom:2px;padding:4px 0;font-size:14px}.vc-display .vc-alpha-input[data-v-7334ac20]{background-color:#c8c8c840;border:none;border-radius:2px;justify-content:center;align-items:center;width:48px;height:100%;padding:0 2px;font-size:14px;display:flex}.vc-display .vc-alpha-input>input[data-v-7334ac20]{text-align:center;width:100%;height:100%;font-size:inherit;background-color:#0000;padding:0}.vc-display .vc-alpha-input__inner[data-v-7334ac20]{color:#000;box-sizing:border-box;cursor:pointer;border:none;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;line-height:20px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]{cursor:pointer;border-radius:4px;width:24px;padding:2px;font-size:12px;line-height:12px}.vc-display .vc-input-toggle[data-v-7334ac20]:hover{background-color:#efefef}.vc-display .vc-input-toggle[data-v-7334ac20]:before{content:"";border-bottom:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:auto auto 2px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]:after{content:"";border-top:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:2px auto auto;display:block}.vc-display .copy-text[data-v-7334ac20]{text-align:center;font-size:12px;line-height:28px;display:inline-block;transform:scale(.8)}.vc-fk-colorPicker[data-v-48e3c224]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-fk-colorPicker__inner[data-v-48e3c224]{position:relative}.vc-fk-colorPicker__header[data-v-48e3c224]{z-index:999;text-align:left}.vc-fk-colorPicker__header .back[data-v-48e3c224]{border:2px solid #96969699;border-width:0 2px 2px 0;margin-bottom:12px;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-fk-colorPicker__display[data-v-48e3c224]{text-align:left;width:100%;margin:0;position:relative}.vc-fk-colorPicker__display .transparent[data-v-48e3c224]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-fk-colorPicker__display .current-color[data-v-48e3c224]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-fk-colorPicker__display .current-color .color-cube[data-v-48e3c224]{width:100%;height:100%}.vc-fk-colorPicker__display .hexColor-prefix[data-v-48e3c224]{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.vc-fk-colorPicker__display input[data-v-48e3c224]{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.vc-fk-colorPicker__display .hexColor-input[data-v-48e3c224]{width:64px}.vc-fk-colorPicker__display .action[data-v-48e3c224]{float:right;vertical-align:middle}.vc-fk-colorPicker__display .action .clear-btn[data-v-48e3c224]{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.vc-fk-colorPicker__display .action .copy-btn[data-v-48e3c224]{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.vc-chrome-colorPicker[data-v-2611d66c]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-chrome-colorPicker-body[data-v-2611d66c]{position:relative}.vc-chrome-colorPicker-body .chrome-controls[data-v-2611d66c]{display:flex}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-2611d66c]{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-2611d66c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-2611d66c]{width:100%;height:100%}.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-2611d66c]{flex:1;margin-left:10px}.bee-angle{transform:rotate(90deg)}.bee-angle>*{vertical-align:middle;display:inline-block}.bee-angle.zero-right{transform:rotate(180deg)}.bee-angle.zero-bottom{transform:rotate(270deg)}.bee-angle__round{cursor:pointer;vertical-align:middle;border:1px solid #666;border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.bee-angle__round:before{content:"";background-color:#666;width:50%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vc-gradient-picker[data-v-c4d6d6ea]{position:relative}.vc-gradient-picker__header[data-v-c4d6d6ea]{z-index:999;text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__header .back[data-v-c4d6d6ea]{border:2px solid #969696a6;border-width:0 2px 2px 0;margin-left:2px;margin-right:8px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-gradient-picker .vc-gradient__types[data-v-c4d6d6ea]{justify-content:space-between;width:100%;display:flex}.vc-gradient-picker .vc-gradient__types .vc-gradient-wrap__types[data-v-c4d6d6ea]{background-color:#c8c8c840;border-radius:4px;align-items:center;display:flex;overflow:hidden}.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-c4d6d6ea]{color:#666;cursor:pointer;padding:4px 8px;font-size:12px}.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-c4d6d6ea]{color:#000;background-color:#c8c8c8cc}.vc-gradient-picker__body[data-v-c4d6d6ea]{align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__body .vc-color-range[data-v-c4d6d6ea]{flex:1}.vc-gradient-picker__body .vc-color-range__container[data-v-c4d6d6ea]{border-radius:5px;height:16px;position:relative}.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-c4d6d6ea]{border-radius:4px;height:100%;box-shadow:inset 0 0 0 1px #0000000f}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-c4d6d6ea]{width:100%;height:100%;position:absolute;top:0;left:0}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-c4d6d6ea]{cursor:pointer;box-sizing:content-box;border:2px solid #fff;border-radius:2px;width:14px;height:16px;position:absolute;top:-2px;overflow:hidden;transform:translate(-9px);box-shadow:0 0 2px 1px #00000059}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-c4d6d6ea]{height:100%;display:inline-block}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-c4d6d6ea]{z-index:1;position:relative;box-shadow:0 0 2px 2px #2253f4,0 0 1px 1px #2253f480}.vc-gradient-picker .vc-degree-input[data-v-c4d6d6ea]{z-index:2;border-radius:4px;font-size:12px;display:flex;position:relative}.vc-gradient-picker .vc-degree-input:hover .vc-degree-input__panel[data-v-c4d6d6ea]{display:block}.vc-gradient-picker .vc-degree-input__control[data-v-c4d6d6ea]{color:#666;background-color:#c8c8c840;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 6px 0 0;display:flex}.vc-gradient-picker .vc-degree-input__control input[data-v-c4d6d6ea]{text-align:center;color:#666;max-width:28px;font-size:inherit;background-color:#0000;border:none;outline:none;overflow:visible}.vc-gradient-picker .vc-degree-input__panel[data-v-c4d6d6ea]{z-index:10;display:none;position:absolute;top:20px;left:0}.vc-gradient-picker .vc-degree-input__panel .vc-degree-input__disk[data-v-c4d6d6ea]{background-color:#f1f1f1;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative;transform:translate(0);box-shadow:0 0 2px #00000029,0 1px 8px #0000000f,0 4px 12px #00000014}.vc-gradient-picker .vc-picker-degree-input[data-v-c4d6d6ea]{margin-left:8px}.vc-colorpicker[data-v-0492277d]{box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:10000;border-radius:3px;width:276px;position:relative;box-shadow:0 0 10px #00000026}.vc-colorpicker [data-v-0492277d]{outline:none;line-height:1}.vc-colorpicker--container[data-v-0492277d]{padding:16px}.vc-colorpicker--tabs[data-v-0492277d]{background:#f6f7f9;border-radius:6px;margin-bottom:12px;padding:2px;position:relative}.vc-colorpicker--tabs__inner[data-v-0492277d]{box-sizing:border-box;background:#f6f7f9;border-bottom:none;justify-content:space-between;padding:0;display:flex;position:relative}.vc-colorpicker--tabs__btn[data-v-0492277d]{z-index:2;color:#636c78;cursor:pointer;border-radius:4px;flex:1;font-size:14px}.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d]{color:#33383e;font-weight:600}.vc-colorpicker--tabs__btn button[data-v-0492277d]{background-color:initial;color:#636c78;cursor:pointer;appearance:none;width:100%;font-size:14px;line-height:20px;font-weight:inherit;border:0;border-radius:0;outline:0;padding:6px 0}.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d]{white-space:nowrap;position:relative}.vc-colorpicker--tabs__bg[data-v-0492277d]{z-index:1;background:#fff;border-radius:4px;transition:left .2s ease-in-out;position:absolute;top:0;bottom:0;box-shadow:0 1px 4px #0000001f}.vc-colorpicker.black[data-v-0492277d]{color:#fff;background-color:#000}.vc-colorpicker.white[data-v-0492277d]{color:#333;background-color:#fff}.vc-color-wrap[data-v-354ca836]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-color-wrap.transparent[data-v-354ca836]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-color-wrap.round[data-v-354ca836]{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.vc-color-wrap .current-color[data-v-354ca836]{width:100%;height:100%}.vc-color-extra[data-v-354ca836]{margin-top:10px}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1.2px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}.waveform-chart--interaction-pan:not(.waveform-chart--presentation) .waveform-chart__overlay{cursor:grab}.waveform-chart--interaction-pan.waveform-chart--panning .waveform-chart__overlay{cursor:grabbing}.waveform-chart--interaction-none .waveform-chart__overlay{cursor:default}.waveform-chart--edge-compact .waveform-chart__x-label{font-weight:600}.waveform-chart__label{font-weight:700}
1
+ .waveform-annotation-layer[data-v-18b3ad3a]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-18b3ad3a]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-18b3ad3a]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-18b3ad3a]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-18b3ad3a]{pointer-events:auto}.waveform-annotation__text[data-v-18b3ad3a]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-toolbar[data-v-253fa741]{z-index:10;background:#fffffff5;flex-wrap:wrap;align-items:center;gap:0;max-width:calc(100% - 4px);display:flex;position:absolute;top:2px;right:2px}.waveform-toolbar--collapsed[data-v-253fa741]>:not(.waveform-toolbar__toggle):not(.waveform-toolbar__feedback){display:none}.waveform-toolbar--top-left[data-v-253fa741]{left:2px;right:auto}.waveform-toolbar--hover[data-v-253fa741]{opacity:0;pointer-events:none}.waveform-chart:hover .waveform-toolbar--hover[data-v-253fa741],.waveform-toolbar[data-v-253fa741]:focus-within{opacity:1;pointer-events:auto}.waveform-toolbar[data-v-253fa741]:has(.waveform-toolbar__menu){opacity:1;pointer-events:auto}.waveform-toolbar[data-v-253fa741]:has(.waveform-toolbar__feedback){opacity:1;pointer-events:auto}.waveform-toolbar__group[data-v-253fa741]{padding-left:8px;display:flex}button[data-v-253fa741]{box-sizing:border-box;color:#344054;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:3px 4px;font-size:12px;line-height:normal;display:inline-flex}button[data-v-253fa741]:hover,button[aria-pressed=true][data-v-253fa741]{color:#0960bd;background:#e6f4ff}button[data-v-253fa741]:disabled{opacity:.35;cursor:default}button[data-v-253fa741]:focus-visible,select[data-v-253fa741]:focus-visible{outline-offset:1px;outline:2px solid #0960bd}svg[data-v-253fa741]{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}select[data-v-253fa741]{box-sizing:border-box;background:#fff;border:1px solid #d0d5dd;border-radius:4px;min-width:0;max-width:120px;height:22px;padding:0 2px;font-size:12px}.waveform-toolbar__scope[data-v-253fa741]{color:#667085;font-size:12px}.waveform-toolbar__menu[data-v-253fa741]{background:#fff;border:1px solid #d0d5dd;border-radius:4px;padding:6px;display:flex;position:absolute;top:100%;right:0}.waveform-toolbar__feedback[data-v-253fa741]{flex-basis:100%;max-width:300px;font-size:12px}@media (hover:none){.waveform-toolbar--hover[data-v-253fa741]{opacity:1;pointer-events:auto}}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-88c44eda]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:11px/1.35 Times New Roman,serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-88c44eda]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-88c44eda]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-88c44eda]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-88c44eda]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-88c44eda]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-88c44eda]{font-weight:600}.waveform-tooltip__value[data-v-88c44eda]{color:#555}.waveform-tooltip__series small[data-v-88c44eda]{color:#667085}.waveform-track__line[data-v-628502df]{fill:none;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-628502df]{fill:none}.waveform-track__point[data-v-628502df],.waveform-track__error-bar[data-v-628502df]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#0000;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:600}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px;font-weight:700}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px;font-weight:700}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px;font-weight:700}.waveform-legend[data-v-24214c74]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-24214c74]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-24214c74]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-24214c74]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-24214c74]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-24214c74]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-24214c74]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-24214c74]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-24214c74]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:11px/1.35 Times New Roman,serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-24214c74]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-24214c74]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-24214c74]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-24214c74]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-24214c74]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-24214c74]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-24214c74]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-24214c74]{text-decoration:line-through}.waveform-legend__swatch[data-v-24214c74]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-24214c74]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-54a5a37d]{pointer-events:none}.waveform-track__crosshair line[data-v-54a5a37d]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{width:10px!important;height:10px!important}.small-alpha-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-alpha-slider{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{border-radius:15px;width:100%;height:100%;position:relative}.bee-alpha-slider__bar-pointer{width:14px;height:14px;position:absolute}.bee-alpha-slider__bar-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-alpha-slider__bar-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-compact{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.bee-compact__row{width:100%;margin:0;position:relative}.bee-compact__row>*{vertical-align:middle;display:inline-block}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.bee-compact__color_cube.transparent:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.bee-compact__color_cube.advance{background:url(data:image/png;base64,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)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{cursor:pointer;width:25px;height:25px;position:relative;overflow:hidden}.bee-compact__color-cube--wrap:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record{align-items:center;margin-top:20px;display:flex}.bee-colorPicker__record .text{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.bee-colorPicker__record .color-list{width:auto;margin:0;display:flex;position:relative}.bee-colorPicker__record .color-list .color-item{cursor:pointer;vertical-align:middle;width:25px;height:25px;margin-right:1px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{width:10px!important;height:10px!important}.small-hue-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-hue-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%;border-radius:15px;width:100%;height:100%;position:relative}.bee-hue-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-hue-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-hue-colorPicker__inner-handle.vertical{margin-top:0;transform:translate(-1px,-7px)}.small-light-slider{height:10px!important}.small-light-slider .small-bar{width:10px!important;height:10px!important}.small-light-slider .small-bar div{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.bee-light-colorPicker{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{border-radius:15px;width:100%;height:100%;position:relative}.bee-light-colorPicker__inner-pointer{width:14px;height:14px;position:absolute}.bee-light-colorPicker__inner-handle{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.bee-light-colorPicker__inner-handle.vertical{margin-top:0;transform:translateY(-7px)}.bee-saturation{width:100%;height:125px;margin-bottom:15px;position:relative}.bee-saturation__chrome{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;inset:0}.bee-saturation__black{background:linear-gradient(#0000,#000)}.bee-saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.inputs-controls{margin-bottom:5px;font-size:16px;display:flex}.inputs-controls .formatBtn{text-align:center;cursor:pointer;background-color:#0000;border:0;outline:none;justify-content:center;align-items:center;margin-right:5px;padding:1px;font-weight:700;display:inline-flex;position:relative}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{flex-grow:1;display:flex}.inputs-controls .format-group input{text-align:center;appearance:none;-moz-appearance:textfield;border-width:0 0 1px;outline:none;flex:1;min-width:0;margin:0 3px;padding:5px}.inputs-controls .format-group input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}.inputs-controls .format-group input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none!important}.bee-fk-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:249px;padding-bottom:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{z-index:999;text-align:left;margin-bottom:12px}.bee-fk-colorPicker__header .back{border:1px solid #000;border-width:0 1px 1px 0;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.bee-fk-colorPicker__display{text-align:left;width:100%;margin:0;position:relative}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.bee-fk-colorPicker__display input{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.bee-fk-colorPicker__display .action .copy-btn{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.bee-ele-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:300px;padding:10px;position:relative;box-shadow:0 0 10px #00000026}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{height:180px;margin-left:10px}.bee-chrome-colorPicker{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:3px;width:250px;padding-bottom:20px;position:relative;box-shadow:0 0 10px #00000026}.bee-chrome-colorPicker-body{background-color:#fff;padding:0 12px}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{border-radius:15px;width:100%;height:100%;position:relative}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{width:14px;height:14px;position:absolute}.vc-alpha-slider__bar-handle[data-v-18925ba6]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{margin-top:0;transform:translateY(-7px)}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{width:10px!important;height:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-compact[data-v-b969fd48]{width:auto;margin-bottom:15px;display:inline-block;box-shadow:3px 0 5px #00000014}.vc-compact__row[data-v-b969fd48]{width:100%;height:27px;margin:0;position:relative}.vc-compact__row>[data-v-b969fd48]{vertical-align:middle;display:inline-block}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";background:#fff;width:100%;height:100%;position:absolute;top:0;left:0}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";transform-origin:0 0;background:red;width:35px;height:1px;position:absolute;top:100%;left:0;transform:rotate(-45deg)}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,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)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{cursor:pointer;width:27px;height:27px;position:relative;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-saturation[data-v-7f0cdcdf]{width:100%;height:125px;margin-bottom:15px;position:relative}.vc-saturation__chrome[data-v-7f0cdcdf]{border-color:#0000;border-top-left-radius:5px;border-top-right-radius:5px}.vc-saturation__hidden[data-v-7f0cdcdf]{overflow:hidden}.vc-saturation__white[data-v-7f0cdcdf],.vc-saturation__black[data-v-7f0cdcdf]{position:absolute;inset:0}.vc-saturation__black[data-v-7f0cdcdf]{background:linear-gradient(#0000,#000)}.vc-saturation__white[data-v-7f0cdcdf]{background:linear-gradient(90deg,#fff,#fff0)}.vc-saturation__cursor[data-v-7f0cdcdf]{position:absolute}.vc-saturation__cursor div[data-v-7f0cdcdf]{cursor:pointer;border:1px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider[data-v-e1a08576]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{background:-moz-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-ms-linear-gradient(left,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);background:-webkit-linear-gradient(270deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:15px;width:100%;height:100%;position:relative}.vc-hue-slider__bar-pointer[data-v-e1a08576]{width:14px;height:14px;position:absolute}.vc-hue-slider__bar-handle[data-v-e1a08576]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{margin-top:0;transform:translateY(-7px)}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{width:10px!important;height:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{border-radius:15px;width:100%;height:14px;margin-bottom:15px;position:relative;box-shadow:2px 0 8px #00000014}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{border-radius:15px;width:100%;height:100%;position:relative}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{width:14px;height:14px;position:absolute}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{cursor:pointer;background-color:#f8f8f8;border-radius:6px;width:14px;height:14px;margin-top:2px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{margin-top:0;transform:translateY(-7px)}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{width:10px!important;height:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{transform:translate(-6px,-2px);border-radius:5px!important;width:12px!important;height:12px!important;margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{align-items:center;margin-top:15px;display:flex}.vc-colorPicker__record .text[data-v-0f657238]{text-align:right;color:#666;width:48px;margin-right:10px;font-size:12px}.vc-colorPicker__record .color-list[data-v-0f657238]{gap:2px;width:100%;margin:0;display:flex;position:relative}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{cursor:pointer;vertical-align:middle;border-radius:2px;flex:1;max-width:26px;height:26px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{z-index:299;transition:transform .2s;transform:scale(1.2)}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-7334ac20]{align-items:center;gap:8px;height:28px;display:flex}.vc-display .vc-current-color[data-v-7334ac20]{cursor:pointer;vertical-align:middle;border-radius:2px;width:50px;height:100%;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-display .vc-current-color.vc-transparent[data-v-7334ac20]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-display .vc-current-color .color-cube[data-v-7334ac20]{text-align:center;width:100%;height:100%}.vc-display .vc-color-input[data-v-7334ac20]{box-sizing:border-box;flex:1 0;height:100%;position:relative}.vc-display .vc-color-input input[data-v-7334ac20]{cursor:pointer;text-align:center;box-sizing:border-box;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;height:100%;padding:0;font-size:14px}.vc-display .vc-rgb-input[data-v-7334ac20]{color:#666;text-align:center;flex:1;font-size:12px}.vc-display .vc-rgb-input input[data-v-7334ac20]{cursor:pointer;text-align:center;color:#666;background-color:#c8c8c840;border:0;border-radius:2px;outline:none;width:100%;margin-bottom:2px;padding:4px 0;font-size:14px}.vc-display .vc-alpha-input[data-v-7334ac20]{background-color:#c8c8c840;border:none;border-radius:2px;justify-content:center;align-items:center;width:48px;height:100%;padding:0 2px;font-size:14px;display:flex}.vc-display .vc-alpha-input>input[data-v-7334ac20]{text-align:center;width:100%;height:100%;font-size:inherit;background-color:#0000;padding:0}.vc-display .vc-alpha-input__inner[data-v-7334ac20]{color:#000;box-sizing:border-box;cursor:pointer;border:none;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;line-height:20px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]{cursor:pointer;border-radius:4px;width:24px;padding:2px;font-size:12px;line-height:12px}.vc-display .vc-input-toggle[data-v-7334ac20]:hover{background-color:#efefef}.vc-display .vc-input-toggle[data-v-7334ac20]:before{content:"";border-bottom:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:auto auto 2px;display:block}.vc-display .vc-input-toggle[data-v-7334ac20]:after{content:"";border-top:4px solid #888;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin:2px auto auto;display:block}.vc-display .copy-text[data-v-7334ac20]{text-align:center;font-size:12px;line-height:28px;display:inline-block;transform:scale(.8)}.vc-fk-colorPicker[data-v-48e3c224]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-fk-colorPicker__inner[data-v-48e3c224]{position:relative}.vc-fk-colorPicker__header[data-v-48e3c224]{z-index:999;text-align:left}.vc-fk-colorPicker__header .back[data-v-48e3c224]{border:2px solid #96969699;border-width:0 2px 2px 0;margin-bottom:12px;margin-left:2px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-fk-colorPicker__display[data-v-48e3c224]{text-align:left;width:100%;margin:0;position:relative}.vc-fk-colorPicker__display .transparent[data-v-48e3c224]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-fk-colorPicker__display .current-color[data-v-48e3c224]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-fk-colorPicker__display .current-color .color-cube[data-v-48e3c224]{width:100%;height:100%}.vc-fk-colorPicker__display .hexColor-prefix[data-v-48e3c224]{vertical-align:middle;padding:0 4px;font-size:14px;display:inline-block;position:relative}.vc-fk-colorPicker__display input[data-v-48e3c224]{text-align:center;vertical-align:middle;border-top:0;border-bottom:1px solid #e3e2e8;border-left:none;border-right:0;outline:0;width:25px;padding-bottom:3px;display:inline-block}.vc-fk-colorPicker__display .hexColor-input[data-v-48e3c224]{width:64px}.vc-fk-colorPicker__display .action[data-v-48e3c224]{float:right;vertical-align:middle}.vc-fk-colorPicker__display .action .clear-btn[data-v-48e3c224]{color:#409eff;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;padding-left:0;padding-right:0;display:inline-block}.vc-fk-colorPicker__display .action .copy-btn[data-v-48e3c224]{color:#13ce66cc;vertical-align:middle;cursor:pointer;background:0 0;border-color:#0000;margin-left:10px;padding-left:0;padding-right:0;display:inline-block}.vc-chrome-colorPicker[data-v-2611d66c]{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:initial;border-radius:3px;position:relative}.vc-chrome-colorPicker-body[data-v-2611d66c]{position:relative}.vc-chrome-colorPicker-body .chrome-controls[data-v-2611d66c]{display:flex}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-2611d66c]{z-index:1;border-radius:50%;width:36px;height:36px;position:relative;overflow:hidden}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-2611d66c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-2611d66c]{width:100%;height:100%}.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-2611d66c]{flex:1;margin-left:10px}.bee-angle{transform:rotate(90deg)}.bee-angle>*{vertical-align:middle;display:inline-block}.bee-angle.zero-right{transform:rotate(180deg)}.bee-angle.zero-bottom{transform:rotate(270deg)}.bee-angle__round{cursor:pointer;vertical-align:middle;border:1px solid #666;border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.bee-angle__round:before{content:"";background-color:#666;width:50%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.vc-gradient-picker[data-v-c4d6d6ea]{position:relative}.vc-gradient-picker__header[data-v-c4d6d6ea]{z-index:999;text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__header .back[data-v-c4d6d6ea]{border:2px solid #969696a6;border-width:0 2px 2px 0;margin-left:2px;margin-right:8px;padding:4px;display:inline-block;transform:rotate(135deg)}.vc-gradient-picker .vc-gradient__types[data-v-c4d6d6ea]{justify-content:space-between;width:100%;display:flex}.vc-gradient-picker .vc-gradient__types .vc-gradient-wrap__types[data-v-c4d6d6ea]{background-color:#c8c8c840;border-radius:4px;align-items:center;display:flex;overflow:hidden}.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-c4d6d6ea]{color:#666;cursor:pointer;padding:4px 8px;font-size:12px}.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-c4d6d6ea]{color:#000;background-color:#c8c8c8cc}.vc-gradient-picker__body[data-v-c4d6d6ea]{align-items:center;margin-bottom:12px;display:flex}.vc-gradient-picker__body .vc-color-range[data-v-c4d6d6ea]{flex:1}.vc-gradient-picker__body .vc-color-range__container[data-v-c4d6d6ea]{border-radius:5px;height:16px;position:relative}.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-c4d6d6ea]{border-radius:4px;height:100%;box-shadow:inset 0 0 0 1px #0000000f}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-c4d6d6ea]{width:100%;height:100%;position:absolute;top:0;left:0}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-c4d6d6ea]{cursor:pointer;box-sizing:content-box;border:2px solid #fff;border-radius:2px;width:14px;height:16px;position:absolute;top:-2px;overflow:hidden;transform:translate(-9px);box-shadow:0 0 2px 1px #00000059}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-c4d6d6ea]{height:100%;display:inline-block}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-c4d6d6ea]{z-index:1;position:relative;box-shadow:0 0 2px 2px #2253f4,0 0 1px 1px #2253f480}.vc-gradient-picker .vc-degree-input[data-v-c4d6d6ea]{z-index:2;border-radius:4px;font-size:12px;display:flex;position:relative}.vc-gradient-picker .vc-degree-input:hover .vc-degree-input__panel[data-v-c4d6d6ea]{display:block}.vc-gradient-picker .vc-degree-input__control[data-v-c4d6d6ea]{color:#666;background-color:#c8c8c840;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:0 6px 0 0;display:flex}.vc-gradient-picker .vc-degree-input__control input[data-v-c4d6d6ea]{text-align:center;color:#666;max-width:28px;font-size:inherit;background-color:#0000;border:none;outline:none;overflow:visible}.vc-gradient-picker .vc-degree-input__panel[data-v-c4d6d6ea]{z-index:10;display:none;position:absolute;top:20px;left:0}.vc-gradient-picker .vc-degree-input__panel .vc-degree-input__disk[data-v-c4d6d6ea]{background-color:#f1f1f1;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:relative;transform:translate(0);box-shadow:0 0 2px #00000029,0 1px 8px #0000000f,0 4px 12px #00000014}.vc-gradient-picker .vc-picker-degree-input[data-v-c4d6d6ea]{margin-left:8px}.vc-colorpicker[data-v-0492277d]{box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:10000;border-radius:3px;width:276px;position:relative;box-shadow:0 0 10px #00000026}.vc-colorpicker [data-v-0492277d]{outline:none;line-height:1}.vc-colorpicker--container[data-v-0492277d]{padding:16px}.vc-colorpicker--tabs[data-v-0492277d]{background:#f6f7f9;border-radius:6px;margin-bottom:12px;padding:2px;position:relative}.vc-colorpicker--tabs__inner[data-v-0492277d]{box-sizing:border-box;background:#f6f7f9;border-bottom:none;justify-content:space-between;padding:0;display:flex;position:relative}.vc-colorpicker--tabs__btn[data-v-0492277d]{z-index:2;color:#636c78;cursor:pointer;border-radius:4px;flex:1;font-size:14px}.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d]{color:#33383e;font-weight:600}.vc-colorpicker--tabs__btn button[data-v-0492277d]{background-color:initial;color:#636c78;cursor:pointer;appearance:none;width:100%;font-size:14px;line-height:20px;font-weight:inherit;border:0;border-radius:0;outline:0;padding:6px 0}.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d]{white-space:nowrap;position:relative}.vc-colorpicker--tabs__bg[data-v-0492277d]{z-index:1;background:#fff;border-radius:4px;transition:left .2s ease-in-out;position:absolute;top:0;bottom:0;box-shadow:0 1px 4px #0000001f}.vc-colorpicker.black[data-v-0492277d]{color:#fff;background-color:#000}.vc-colorpicker.white[data-v-0492277d]{color:#333;background-color:#fff}.vc-color-wrap[data-v-354ca836]{cursor:pointer;vertical-align:middle;width:50px;height:24px;margin-right:10px;display:inline-block;position:relative;overflow:hidden;box-shadow:3px 0 5px #00000014}.vc-color-wrap.transparent[data-v-354ca836]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-color-wrap.round[data-v-354ca836]{border:1px solid #d8d8d8;border-radius:50%;width:22px;height:22px}.vc-color-wrap .current-color[data-v-354ca836]{width:100%;height:100%}.vc-color-extra[data-v-354ca836]{margin-top:10px}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1.2px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}.waveform-chart--interaction-pan:not(.waveform-chart--presentation) .waveform-chart__overlay{cursor:grab}.waveform-chart--interaction-pan.waveform-chart--panning .waveform-chart__overlay{cursor:grabbing}.waveform-chart--interaction-none .waveform-chart__overlay{cursor:default}.waveform-chart--edge-compact .waveform-chart__x-label{font-weight:600}.waveform-chart__label{font-weight:700}
2
2
  /*$vite$:1*/
package/dist/types/components/annotation/useWaveformChartAnnotations.d.ts CHANGED
@@ -35,7 +35,6 @@ export declare function useWaveformChartAnnotations(context: AnnotationContext):
35
35
  resolveTrackAtPointer: (pointerX: number, pointerY: number, trackIndex?: number) => TrackLayout | undefined;
36
36
  handleAnnotationClick: (event: MouseEvent, trackIndex?: number) => void;
37
37
  handleNativeContextMenu: (event: MouseEvent) => void;
38
- handleAnnotationContextMenu: (event: MouseEvent, trackIndex?: number) => void;
39
38
  handleExistingAnnotationContextMenu: (annotationId: string, event: MouseEvent) => void;
40
39
  handleAnnotationMove: (annotationId: string, offsetX: number, offsetY: number) => void;
41
40
  editContextAnnotation: () => void;
package/dist/types/components/core/layout.d.ts CHANGED
@@ -10,7 +10,7 @@ export interface ResolvedYAxisTicks {
10
10
  }
11
11
  export declare function resolveYAxisTicks(domain: [number, number], tickCount?: number, nice?: boolean): ResolvedYAxisTicks;
12
12
  export declare function formatYAxisTickLabel(value: number, domain: [number, number], tickValues: readonly number[], unit?: string, side?: 'left' | 'right'): string;
13
- /** Scientific multipliers retain their rendered position but do not reserve horizontal space. */
13
+ /** Name spacing excludes scientific multipliers; outer clearance measures the full label. */
14
14
  export declare function formatYAxisTickLayoutLabel(value: number, domain: [number, number], tickValues: readonly number[], unit?: string): string;
15
15
  export interface YAxisSeriesGroup {
16
16
  index: number;
@@ -19,6 +19,7 @@ export interface YAxisSeriesGroup {
19
19
  domain: [number, number];
20
20
  fixed: boolean;
21
21
  maximumTick?: number;
22
+ minimumTick?: number;
22
23
  }
23
24
  export interface YAxisSlot {
24
25
  side: 'left' | 'right';
@@ -30,8 +31,9 @@ export interface YAxisSlot {
30
31
  export declare function buildYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode): YAxisSeriesGroup[];
31
32
  export declare function resolveYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>): YAxisSeriesGroup[];
32
33
  export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number): YAxisSeriesGroup[];
33
- export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number, maximumTick?: number): {
34
+ export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number, maximumTick?: number, minimumTick?: number): {
34
35
  tickTextWidth: number;
36
+ titleTextWidth: number;
35
37
  };
36
38
  export declare function measureYAxisGroupClearance(group: YAxisSeriesGroup, tickCount?: number, nice?: boolean): number;
37
39
  export declare function measureTrackYAxisClearance(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean): {
package/dist/types/components/core/types.d.ts CHANGED
@@ -20,6 +20,7 @@ export interface DisplaySeries {
20
20
  source?: WaveformPointSource;
21
21
  xDomain: [number, number];
22
22
  rawYMaximum?: number;
23
+ rawYMinimum?: number;
23
24
  yDomain: [number, number];
24
25
  hasErrorPoints: boolean;
25
26
  }
@@ -43,6 +44,7 @@ export interface TrackSeriesPath {
43
44
  }
44
45
  export interface WaveformYAxisLayout {
45
46
  maximumTick?: number;
47
+ minimumTick?: number;
46
48
  index: number;
47
49
  side: 'left' | 'right';
48
50
  x: number;
package/dist/types/components/core/useWaveformChartController.d.ts CHANGED
@@ -254,7 +254,6 @@ export declare function useWaveformChartController(inputProps: ResolvedWaveformC
254
254
  resolveTrackAtPointer: (pointerX: number, pointerY: number, trackIndex?: number) => import("./types").TrackLayout | undefined;
255
255
  handleAnnotationClick: (event: MouseEvent, trackIndex?: number) => void;
256
256
  handleNativeContextMenu: (event: MouseEvent) => void;
257
- handleAnnotationContextMenu: (event: MouseEvent, trackIndex?: number) => void;
258
257
  handleExistingAnnotationContextMenu: (annotationId: string, event: MouseEvent) => void;
259
258
  handleAnnotationMove: (annotationId: string, offsetX: number, offsetY: number) => void;
260
259
  editContextAnnotation: () => void;
package/dist/types/components/core/useWaveformData.d.ts CHANGED
@@ -14,6 +14,7 @@ export interface PreparedWaveformSeries {
14
14
  source: WaveformPointSource;
15
15
  xDomain: [number, number];
16
16
  rawYMaximum?: number;
17
+ rawYMinimum?: number;
17
18
  yDomain: [number, number];
18
19
  hasErrorPoints: boolean;
19
20
  }
package/dist/types/components/core/yAxisPadding.d.ts CHANGED
@@ -3,5 +3,5 @@ import type { YAxisSeriesGroup } from './layout';
3
3
  export type YAxisPaddingOptions = WaveformAxesOptions['y'];
4
4
  export declare function paddingRatio(enabled?: boolean, ratio?: number): number;
5
5
  export declare function applyYAxisPadding(group: YAxisSeriesGroup, viewport: [number, number] | undefined, options: YAxisPaddingOptions | number): YAxisSeriesGroup;
6
- export declare function withMaximumTick(values: number[], maximum?: number): number[];
6
+ export declare function withMaximumTick(values: number[], maximum?: number, minimum?: number): number[];
7
7
  export declare function sameTick(a: number, b: number): boolean;
package/dist/types/components/core/yAxisTitleLayout.d.ts CHANGED
@@ -7,5 +7,5 @@ interface TitleLayoutOptions {
7
7
  measureTextWidth?: (text: string) => number;
8
8
  }
9
9
  type TitleTrack = Pick<TrackLayout, 'height' | 'column' | 'yAxes'>;
10
- export declare function alignLeftYAxisTitles(layouts: TitleTrack[], yLabel?: string, options?: TitleLayoutOptions): void;
10
+ export declare function alignLeftYAxisTitles(layouts: TitleTrack[], _yLabel?: string, options?: TitleLayoutOptions): void;
11
11
  export {};
package/dist/types/components/interaction/useExtremaTickViewport.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { type ComputedRef, type ShallowRef } from 'vue';
2
+ import type { ZoomTransform } from 'd3';
3
+ import type { TrackLayout } from '../core/types';
4
+ /** Keep X coordinates stable when toggling extrema changes the reserved Y-label width. */
5
+ export declare function useExtremaTickViewport(visible: () => number, innerWidth: ComputedRef<number>, tracks: ComputedRef<TrackLayout[]>, sharedTransform: ShallowRef<ZoomTransform>, independentTransforms: ShallowRef<ZoomTransform[]>): void;
package/dist/types/components/rendering/WaveformTrackAxes.vue.d.ts CHANGED
@@ -10,6 +10,7 @@ interface Props {
10
10
  showUnits?: boolean;
11
11
  showLabelUnits?: boolean;
12
12
  hideYAxisTitles?: boolean;
13
+ hideOverlappingMaximumLabel?: boolean;
13
14
  }
14
15
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
15
16
  showUnits: boolean;
package/dist/types/data/sx2Channel.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const sx2Channel: {
2
+ chnl: string;
3
+ chnl_id: number;
4
+ dat_unit: string;
5
+ dev: number;
6
+ shot: number;
7
+ time_unit: string;
8
+ data: number[];
9
+ time: number[];
10
+ };
package/dist/types/demo/types.d.ts CHANGED
@@ -35,6 +35,8 @@ export interface DemoControlPanelModel {
35
35
  yAxisLineVisible: boolean;
36
36
  upperPaddingEnabled: boolean;
37
37
  lowerPaddingEnabled: boolean;
38
+ maximumTickVisible: boolean;
39
+ minimumTickVisible: boolean;
38
40
  upperPaddingPercent: number;
39
41
  lowerPaddingPercent: number;
40
42
  xAxisLabelFormatterEnabled: boolean;
package/dist/types/types/chart.d.ts CHANGED
@@ -250,6 +250,10 @@ export interface WaveformAxesOptions {
250
250
  splitNumber?: number;
251
251
  /** Expands Y-axis domains to equal, human-friendly intervals. Defaults to true. */
252
252
  nice?: boolean;
253
+ /** Shows the full data maximum's extra tick and label. Defaults to true. */
254
+ maximumTickVisible?: boolean;
255
+ /** Shows the full data minimum's extra tick and label. Defaults to true. */
256
+ minimumTickVisible?: boolean;
253
257
  /** Fraction of the automatic Y span added above its maximum. Defaults to 0. */
254
258
  upperPaddingRatio?: number;
255
259
  /** Fraction of the automatic Y span added below its minimum. Defaults to 0. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "waveform-analysis",
3
- "version": "0.1.72",
3
+ "version": "0.1.74",
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
@@ -56,6 +56,8 @@ const xAxisLineVisible = ref(false)
56
56
  const yAxisLineVisible = ref(false)
57
57
  const upperPaddingEnabled = ref(true)
58
58
  const lowerPaddingEnabled = ref(true)
59
+ const maximumTickVisible = ref(true)
60
+ const minimumTickVisible = ref(true)
59
61
  const upperPaddingPercent = ref(10)
60
62
  const lowerPaddingPercent = ref(10)
61
63
  const { controlModel: xAxisLabelControlModel, xAxisLabelFormatter } = useDemoXAxisLabelControls()
@@ -144,6 +146,8 @@ const axes = computed<WaveformAxesOptions>(() => ({
144
146
  lineVisible: yAxisLineVisible.value,
145
147
  upperPaddingEnabled: upperPaddingEnabled.value,
146
148
  lowerPaddingEnabled: lowerPaddingEnabled.value,
149
+ maximumTickVisible: maximumTickVisible.value,
150
+ minimumTickVisible: minimumTickVisible.value,
147
151
  upperPaddingRatio: upperPaddingPercent.value / 100,
148
152
  lowerPaddingRatio: lowerPaddingPercent.value / 100,
149
153
  },
@@ -365,6 +369,8 @@ const controlPanelModel = reactive({
365
369
  yAxisLineVisible,
366
370
  upperPaddingEnabled,
367
371
  lowerPaddingEnabled,
372
+ maximumTickVisible,
373
+ minimumTickVisible,
368
374
  upperPaddingPercent,
369
375
  lowerPaddingPercent,
370
376
  ...xAxisLabelControlModel,
package/src/components/WaveformChartView.vue CHANGED
@@ -62,7 +62,6 @@ const {
62
62
  cancelViewportDrag,
63
63
  handlePointerLeave,
64
64
  handleAnnotationClick,
65
- handleAnnotationContextMenu,
66
65
  resolveFrameNumber,
67
66
  frameStyle,
68
67
  axes,
@@ -230,7 +229,6 @@ function handleChartPointerLeave() {
230
229
  @pointercancel="cancelViewportDrag"
231
230
  @pointerleave="handlePointerLeave"
232
231
  @click="handleAnnotationClick"
233
- @contextmenu="handleAnnotationContextMenu"
234
232
  />
235
233
 
236
234
  <!-- 轨道渲染 -->
@@ -270,7 +268,6 @@ function handleChartPointerLeave() {
270
268
  @pointer-cancel="cancelViewportDrag"
271
269
  @pointer-leave="handlePointerLeave"
272
270
  @click="handleAnnotationClick($event, track.index)"
273
- @contextmenu="handleAnnotationContextMenu($event, track.index)"
274
271
  />
275
272
 
276
273
  <WaveformHoverLayer
package/src/components/annotation/useWaveformChartAnnotations.ts CHANGED
@@ -257,17 +257,21 @@ export function useWaveformChartAnnotations(context: AnnotationContext) {
257
257
  if (
258
258
  isPresentationMode.value ||
259
259
  !props.annotationsVisible ||
260
+ event.button !== 0 ||
260
261
  activeInteractionMode.value !== 'annotation'
261
262
  ) {
262
263
  return
263
264
  }
264
265
  const candidateContext = resolveAnnotationCandidates(event, trackIndex)
265
- if (!candidateContext) return
266
+ if (!candidateContext || !candidateContext.candidates.length) return
266
267
  const nearby = nearbyCandidates(candidateContext.candidates)
267
- if (!nearby.length) return
268
268
  event.preventDefault()
269
269
  event.stopPropagation()
270
- beginCreate(nearby[0], candidateContext.editorAnchor, candidateContext.candidates)
270
+ beginCreate(
271
+ nearby[0] ?? candidateContext.candidates[0],
272
+ candidateContext.editorAnchor,
273
+ candidateContext.candidates,
274
+ )
271
275
  }
272
276
 
273
277
  function handleNativeContextMenu(event: MouseEvent) {
@@ -281,25 +285,6 @@ export function useWaveformChartAnnotations(context: AnnotationContext) {
281
285
  event.preventDefault()
282
286
  }
283
287
 
284
- function handleAnnotationContextMenu(event: MouseEvent, trackIndex?: number) {
285
- if (
286
- isPresentationMode.value ||
287
- !props.annotationsVisible ||
288
- activeInteractionMode.value === 'none'
289
- )
290
- return
291
- event.preventDefault()
292
- event.stopPropagation()
293
- const candidateContext = resolveAnnotationCandidates(event, trackIndex)
294
- if (!candidateContext || !candidateContext.candidates.length) return
295
- const nearby = nearbyCandidates(candidateContext.candidates)
296
- beginCreate(
297
- nearby[0] ?? candidateContext.candidates[0],
298
- candidateContext.editorAnchor,
299
- candidateContext.candidates,
300
- )
301
- }
302
-
303
288
  function handleExistingAnnotationContextMenu(annotationId: string, event: MouseEvent) {
304
289
  if (isPresentationMode.value || !props.annotationsVisible || !container.value) return
305
290
  editorSeriesOptions.value = []
@@ -392,7 +377,6 @@ export function useWaveformChartAnnotations(context: AnnotationContext) {
392
377
  resolveTrackAtPointer,
393
378
  handleAnnotationClick,
394
379
  handleNativeContextMenu,
395
- handleAnnotationContextMenu,
396
380
  handleExistingAnnotationContextMenu,
397
381
  handleAnnotationMove,
398
382
  editContextAnnotation,
package/src/components/controls/WaveformToolbar.vue CHANGED
@@ -70,7 +70,7 @@ function escape() {
70
70
  `waveform-toolbar--${config.position}`,
71
71
  { 'waveform-toolbar--collapsed': compact && !expanded },
72
72
  ]"
73
- :style="{ top: `${controller.titleAreaHeight + 4}px` }"
73
+ :style="{ top: `${controller.titleAreaHeight + 2}px` }"
74
74
  role="toolbar"
75
75
  aria-label="波形工具栏"
76
76
  @pointerdown.stop
@@ -138,24 +138,20 @@ function escape() {
138
138
  .waveform-toolbar {
139
139
  position: absolute;
140
140
  z-index: 10;
141
- top: 4px;
142
- right: 6px;
141
+ top: 2px;
142
+ right: 2px;
143
143
  display: flex;
144
144
  flex-wrap: wrap;
145
145
  align-items: center;
146
- gap: 4px;
147
- max-width: calc(100% - 12px);
148
- padding: 4px;
146
+ gap: 0;
147
+ max-width: calc(100% - 4px);
149
148
  background: rgb(255 255 255 / 96%);
150
- border: 1px solid #d0d5dd;
151
- border-radius: 6px;
152
- box-shadow: 0 2px 8px #0001;
153
149
  }
154
150
  .waveform-toolbar--collapsed > :not(.waveform-toolbar__toggle):not(.waveform-toolbar__feedback) {
155
151
  display: none;
156
152
  }
157
153
  .waveform-toolbar--top-left {
158
- left: 6px;
154
+ left: 2px;
159
155
  right: auto;
160
156
  }
161
157
  .waveform-toolbar--hover {
@@ -171,18 +167,18 @@ function escape() {
171
167
  }
172
168
  .waveform-toolbar__group {
173
169
  display: flex;
174
- gap: 2px;
175
- }
176
- .waveform-toolbar__group + .waveform-toolbar__group {
177
- border-left: 1px solid #d0d5dd;
178
- padding-left: 4px;
170
+ padding-left: 8px;
179
171
  }
180
172
  button {
181
173
  display: inline-flex;
182
174
  align-items: center;
183
175
  justify-content: center;
184
- min-width: 30px;
185
- min-height: 30px;
176
+ box-sizing: border-box;
177
+ min-width: 24px;
178
+ height: 22px;
179
+ padding: 3px 4px;
180
+ font-size: 12px;
181
+ line-height: normal;
186
182
  border: 0;
187
183
  border-radius: 4px;
188
184
  background: transparent;
@@ -204,8 +200,8 @@ select:focus-visible {
204
200
  outline-offset: 1px;
205
201
  }
206
202
  svg {
207
- width: 18px;
208
- height: 18px;
203
+ width: 16px;
204
+ height: 16px;
209
205
  fill: none;
210
206
  stroke: currentColor;
211
207
  stroke-width: 1.6;
@@ -215,7 +211,10 @@ svg {
215
211
  select {
216
212
  min-width: 0;
217
213
  max-width: 120px;
218
- height: 30px;
214
+ box-sizing: border-box;
215
+ height: 22px;
216
+ padding: 0 2px;
217
+ font-size: 12px;
219
218
  border: 1px solid #d0d5dd;
220
219
  border-radius: 4px;
221
220
  background: white;