npm - waveform-analysis - Versions diffs - 0.1.59 → 0.1.61 - Mend

waveform-analysis 0.1.59 → 0.1.61

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 (17) hide show

package/dist/index.cjs +1 -1
package/dist/index.js +1083 -1068
package/dist/style.css +1 -1
package/dist/types/components/core/layout.d.ts +9 -2
package/dist/types/components/core/yAxisLayoutMetrics.d.ts +10 -0
package/package.json +1 -1
package/src/components/core/layout.test.ts +24 -0
package/src/components/core/layout.ts +75 -13
package/src/components/core/trackLayoutBuilder.ts +7 -13
package/src/components/core/useWaveformLayout.ts +30 -58
package/src/components/core/yAxisLayoutMetrics.ts +75 -0
package/src/components/core/yAxisSlotLayout.test.ts +37 -1
package/src/components/interaction/WaveformTooltip.test.ts +93 -11
package/src/components/interaction/WaveformTooltip.vue +43 -47
package/src/components/rendering/WaveformTrackAxes.vue +8 -4
package/src/components/waveformChartCases/layoutAndDomains.test.ts +23 -24
package/src/components/waveformChartCases/yAxisLayout.test.ts +103 -0

package/dist/style.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.waveform-annotation-layer[data-v-7254383e]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-7254383e]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-7254383e]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-7254383e]{pointer-events:auto}.waveform-annotation__text[data-v-7254383e]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-1ae3316b]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-1ae3316b]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-1ae3316b]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-1ae3316b]{flex-wrap:nowrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-1ae3316b]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.waveform-tooltip__value[data-v-1ae3316b]{white-space:nowrap;flex:none}.waveform-tooltip__series strong[data-v-1ae3316b]{font-weight:600}.waveform-tooltip__value[data-v-1ae3316b]{color:#555}.waveform-tooltip__series small[data-v-1ae3316b]{color:#667085}.waveform-track__line[data-v-42a3fd47]{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-42a3fd47]{fill:none}.waveform-track__point[data-v-42a3fd47],.waveform-track__error-bar[data-v-42a3fd47]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#fff;opacity:.9;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:500}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px}.waveform-legend[data-v-2ae12e71]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-2ae12e71]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-2ae12e71]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-2ae12e71]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-2ae12e71]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-2ae12e71]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-2ae12e71]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-2ae12e71]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-2ae12e71]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-2ae12e71]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-2ae12e71]{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-2ae12e71]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-2ae12e71]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-2ae12e71]{text-decoration:line-through}.waveform-legend__swatch[data-v-2ae12e71]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-2ae12e71]{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-annotation-layer[data-v-7254383e]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-7254383e]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-7254383e]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-7254383e]{pointer-events:auto}.waveform-annotation__text[data-v-7254383e]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-01ecd3a4]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4],.waveform-annotation-editor__series[data-v-01ecd3a4]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-01ecd3a4]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-01ecd3a4] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-01ecd3a4]{display:none}.waveform-annotation-editor__coordinate-error[data-v-01ecd3a4]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-01ecd3a4]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-01ecd3a4]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-01ecd3a4]{gap:10px}.waveform-annotation-editor__series i[data-v-01ecd3a4]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-01ecd3a4]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-01ecd3a4]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-01ecd3a4]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-01ecd3a4]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-01ecd3a4]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-01ecd3a4],.waveform-annotation-editor__color-field[data-v-01ecd3a4]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-01ecd3a4]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-01ecd3a4],.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-01ecd3a4]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-01ecd3a4]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-01ecd3a4]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-01ecd3a4]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-01ecd3a4]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-01ecd3a4]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-01ecd3a4] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-01ecd3a4]{gap:16px}.waveform-annotation-editor__coordinates[data-v-01ecd3a4]{grid-template-columns:1fr}}.waveform-tooltip[data-v-0d0d1d3c]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-0d0d1d3c]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-0d0d1d3c]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-0d0d1d3c]{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:auto;min-width:0}.waveform-tooltip__value[data-v-0d0d1d3c]{overflow-wrap:anywhere;flex:0 auto;min-width:0}.waveform-tooltip__series strong[data-v-0d0d1d3c]{font-weight:600}.waveform-tooltip__value[data-v-0d0d1d3c]{color:#555}.waveform-tooltip__series small[data-v-0d0d1d3c]{color:#667085}.waveform-track__line[data-v-42a3fd47]{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-42a3fd47]{fill:none}.waveform-track__point[data-v-42a3fd47],.waveform-track__error-bar[data-v-42a3fd47]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#fff;opacity:.9;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:500}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px}.waveform-legend[data-v-2ae12e71]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-2ae12e71]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-2ae12e71]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-2ae12e71]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-2ae12e71]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-2ae12e71]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-2ae12e71]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-2ae12e71]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-2ae12e71]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-2ae12e71]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-2ae12e71]{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-2ae12e71]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-2ae12e71]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-2ae12e71]{text-decoration:line-through}.waveform-legend__swatch[data-v-2ae12e71]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-2ae12e71]{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}
 /*$vite$:1*/

package/dist/types/components/core/layout.d.ts CHANGED Viewed

@@ -3,6 +3,12 @@ import type { DisplaySeries, DisplayTrack, TrackLayout } from './types';
 import { type WaveformYDomain } from './yDomain';
 export { MAX_MULTI_Y_AXIS_COUNT } from './constants';
 export declare function resolveYAxisTickCount(_plotHeight: number, splitNumber?: number): number;
+export interface ResolvedYAxisTicks {
+    domain: [number, number];
+    values: number[];
+}
+export declare function resolveYAxisTicks(domain: [number, number], tickCount?: number, nice?: boolean): ResolvedYAxisTicks;
+export declare function formatYAxisTickLabel(value: number, domain: [number, number], tickValues: readonly number[], unit?: string): string;
 export interface YAxisSeriesGroup {
     index: number;
     side: 'left' | 'right';
@@ -19,7 +25,8 @@ export interface YAxisSlot {
 }
 export declare function buildYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode): YAxisSeriesGroup[];
 export declare function resolveYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>): YAxisSeriesGroup[];
-export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number): {
+export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>): YAxisSeriesGroup[];
+export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean): {
     tickTextWidth: number;
 };
 export declare function measureYAxisGroupClearance(group: YAxisSeriesGroup, tickCount?: number, nice?: boolean): number;
@@ -31,7 +38,7 @@ export declare function measureTrackYAxisClearance(track: DisplayTrack, overlayM
  * Reserves stable Y-axis positions for every visible track on the current page.
  * Slots are ordered from the plot edge outward for each side.
  */
-export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean): {
+export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean, includeWithoutLastTick?: boolean, viewportYDomains?: Record<string, [number, number]>): {
     slots: YAxisSlot[];
     clearance: {
         left: number;

package/dist/types/components/core/yAxisLayoutMetrics.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { WaveformOverlayMode } from '../data/types';
+import type { DisplayTrack } from './types';
+import type { WaveformYDomain } from './yDomain';
+export interface YAxisLayoutMetrics {
+    tickClearance: number;
+    fullClearance: number;
+    labelCenterX: number;
+}
+export declare function resolveViewportYDomains(displayMode: 'independent' | 'separated' | 'compact', chartTracks: DisplayTrack[], sharedYDomains: Record<string, [number, number]>, independentYDomains: Record<number, [number, number]>): Record<string, [number, number]>;
+export declare function resolveYAxisLayoutMetrics(chartTracks: DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain: WaveformYDomain | undefined, yDomains: Record<string, WaveformYDomain> | undefined, viewportYDomains: Record<string, [number, number]>, nice: boolean, tickCount: number, compact: boolean): YAxisLayoutMetrics;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/src/components/core/layout.test.ts CHANGED Viewed

@@ -4,11 +4,14 @@ import { describe, expect, it } from 'vitest'
 import { DEFAULT_WAVEFORM_RENDERING_OPTIONS } from '../../core'
 import type { DisplaySeries, DisplayTrack } from './types'
 import {
+  axisTextMetrics,
   buildTrackLayouts,
   buildYAxisSeriesGroups,
+  formatYAxisTickLabel,
   findClosestTrackAtPointer,
   MAX_MULTI_Y_AXIS_COUNT,
   measureYAxisGroupClearance,
+  resolveYAxisTicks,
   resolveYAxisTickCount,
 } from './layout'
@@ -143,6 +146,27 @@ describe('multi-value Y-axis grouping', () => {
     expect(resolveYAxisTickCount(220)).toBe(5)
   })
+  it('measures the same final endpoint label that Y-axis rendering uses', () => {
+    const ticks = resolveYAxisTicks([-0.7434, -0.3434], 5, false)
+    const labels = ticks.values.map((value) =>
+      formatYAxisTickLabel(value, ticks.domain, ticks.values, 'V'),
+    )
+    expect(labels).toEqual(['-0.7434', '-0.6434', '-0.5434', '-0.4434', '(V) -0.3434'])
+    expect(axisTextMetrics(ticks.domain, false, undefined, 'V', 5).tickTextWidth).toBe(77)
+  })
+  it('includes the compact-axis unit label after its top tick is hidden', () => {
+    const ticks = resolveYAxisTicks([0.12345, 100], 5, false)
+    const compactTicks = ticks.values.slice(0, -1)
+    expect(formatYAxisTickLabel(compactTicks.at(-1)!, ticks.domain, compactTicks, 'V')).toBe(
+      '(V) 75.031',
+    )
+    expect(axisTextMetrics(ticks.domain, false, undefined, 'V', 5).tickTextWidth).toBe(49)
+    expect(axisTextMetrics(ticks.domain, false, undefined, 'V', 5, true).tickTextWidth).toBe(70)
+  })
   it('keeps every overlaid series on one axis in single-axis mode', () => {
     const groups = buildYAxisSeriesGroups(
       track([series('a', 0, 1), series('b', 10, 20)]),

package/src/components/core/layout.ts CHANGED Viewed

@@ -27,6 +27,47 @@ export function resolveYAxisTickCount(_plotHeight: number, splitNumber?: number)
   return 5
 }
+export interface ResolvedYAxisTicks {
+  domain: [number, number]
+  values: number[]
+}
+export function resolveYAxisTicks(
+  domain: [number, number],
+  tickCount = 5,
+  nice = true,
+): ResolvedYAxisTicks {
+  const effectiveTickCount =
+    typeof tickCount === 'number' && Number.isFinite(tickCount)
+      ? Math.max(2, Math.floor(tickCount))
+      : 5
+  const scale = scaleLinear(domain, [1, 0])
+  if (nice) scale.nice(Math.max(1, effectiveTickCount - 1))
+  const resolvedDomain = scale.domain() as [number, number]
+  const [axisStart, axisEnd] = resolvedDomain
+  return {
+    domain: resolvedDomain,
+    values: Array.from(
+      { length: effectiveTickCount },
+      (_, index) => axisStart + ((axisEnd - axisStart) * index) / (effectiveTickCount - 1),
+    ),
+  }
+}
+export function formatYAxisTickLabel(
+  value: number,
+  domain: [number, number],
+  tickValues: readonly number[],
+  unit?: string,
+): string {
+  return formatScientificAxisLabel(value, {
+    axisMin: domain[0],
+    axisMax: domain[1],
+    topTickValue: Math.max(...tickValues),
+    unit,
+  })
+}
 export interface YAxisSeriesGroup {
   index: number
   side: 'left' | 'right'
@@ -114,26 +155,38 @@ export function resolveYAxisSeriesGroups(
   })
 }
+export function resolveRenderedYAxisSeriesGroups(
+  track: DisplayTrack,
+  overlayMode: WaveformOverlayMode,
+  yDomain?: WaveformYDomain,
+  yDomains?: Record<string, WaveformYDomain>,
+  viewportYDomains?: Record<string, [number, number]>,
+): YAxisSeriesGroup[] {
+  const viewportYDomain = viewportYDomains?.[track.id]
+  return resolveYAxisSeriesGroups(track, overlayMode, yDomain, yDomains).map((group) =>
+    !group.fixed && viewportYDomain ? { ...group, domain: viewportYDomain } : group,
+  )
+}
 export function axisTextMetrics(
   domain: [number, number],
   nice = true,
   tickValues?: number[],
   unit?: string,
-  tickCount = 10,
+  tickCount = 5,
+  includeWithoutLastTick = false,
 ): { tickTextWidth: number } {
-  const effectiveTickCount =
-    typeof tickCount === 'number' && Number.isFinite(tickCount)
-      ? Math.max(2, Math.floor(tickCount))
-      : 10
-  const scale = scaleLinear(domain, [1, 0])
-  if (nice) scale.nice(effectiveTickCount)
-  const [axisMin, axisMax] = scale.domain()
-  const values = tickValues ?? scale.ticks(effectiveTickCount)
-  const topTickValue = Math.max(...values)
+  const resolvedTicks = tickValues
+    ? { domain, values: tickValues }
+    : resolveYAxisTicks(domain, tickCount, nice)
+  const tickValueSets = [resolvedTicks.values]
+  if (includeWithoutLastTick && resolvedTicks.values.length > 1) {
+    tickValueSets.push(resolvedTicks.values.slice(0, -1))
+  }
   const maximumTickCharacters = Math.max(
     1,
-    ...values.map(
-      (value) => formatScientificAxisLabel(value, { axisMin, axisMax, topTickValue, unit }).length,
+    ...tickValueSets.flatMap((values) =>
+      values.map((value) => formatYAxisTickLabel(value, resolvedTicks.domain, values, unit).length),
     ),
   )
   return {
@@ -200,11 +253,19 @@ export function buildYAxisSlots(
   yDomains?: Record<string, WaveformYDomain>,
   tickCount?: number,
   nice = true,
+  includeWithoutLastTick = false,
+  viewportYDomains?: Record<string, [number, number]>,
 ): { slots: YAxisSlot[]; clearance: { left: number; right: number } } {
   const widths = new Map<string, number>()
   tracks.forEach((track) => {
     const sideIndexes = { left: 0, right: 0 }
-    resolveYAxisSeriesGroups(track, overlayMode, yDomain, yDomains).forEach((group) => {
+    resolveRenderedYAxisSeriesGroups(
+      track,
+      overlayMode,
+      yDomain,
+      yDomains,
+      viewportYDomains,
+    ).forEach((group) => {
       const sideIndex = sideIndexes[group.side]++
       const key = `${group.side}:${sideIndex}`
       const width = axisTextMetrics(
@@ -213,6 +274,7 @@ export function buildYAxisSlots(
         undefined,
         group.seriesList[0]?.unit,
         tickCount,
+        includeWithoutLastTick,
       ).tickTextWidth
       widths.set(key, Math.max(widths.get(key) ?? Y_AXIS_CHARACTER_WIDTH, width))
     })

package/src/components/core/trackLayoutBuilder.ts CHANGED Viewed

@@ -27,7 +27,8 @@ import {
 } from './grid'
 import {
   axisTextMetrics,
-  resolveYAxisSeriesGroups,
+  resolveRenderedYAxisSeriesGroups,
+  resolveYAxisTicks,
   resolveYAxisTickCount,
   type YAxisSlot,
 } from './layout'
@@ -115,28 +116,21 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
         ? (options.independentTransforms[index] ?? zoomIdentity)
         : zoomIdentity
     const xScale = transform.rescaleX(baseXScale)
-    const configuredYDomain = options.yDomains?.[displayTrack.id]
-    const yAxisGroups = resolveYAxisSeriesGroups(
+    const yAxisGroups = resolveRenderedYAxisSeriesGroups(
       displayTrack,
       options.overlayMode,
       options.fixedYDomain,
       options.fixedYDomains,
-    ).map((group) =>
-      !group.fixed && configuredYDomain ? { ...group, domain: configuredYDomain } : group,
+      options.yDomains,
     )
     const sideIndexes = { left: 0, right: 0 }
     const sideOffsets = { left: 0, right: 0 }
     const yAxes: WaveformYAxisLayout[] = yAxisGroups.map((group) => {
       const sideIndex = sideIndexes[group.side]++
       const tickCount = resolveYAxisTickCount(cell.plotHeight, options.yAxisSplitNumber)
-      const niceCount = Math.max(1, tickCount - 1)
-      const scale = scaleLinear(group.domain, [cell.plotHeight, 0])
-      if (options.yAxisNice !== false) scale.nice(niceCount)
-      const [axisStart, axisEnd] = scale.domain()
-      const majorTicks = Array.from(
-        { length: tickCount },
-        (_, index) => axisStart + ((axisEnd - axisStart) * index) / (tickCount - 1),
-      )
+      const resolvedTicks = resolveYAxisTicks(group.domain, tickCount, options.yAxisNice !== false)
+      const scale = scaleLinear(resolvedTicks.domain, [cell.plotHeight, 0])
+      const majorTicks = resolvedTicks.values
       const showAxisEnd = options.displayMode !== 'compact' || cell.row === 0
       const visibleMajorTicks = showAxisEnd ? majorTicks : majorTicks.slice(0, -1)
       const tickValues = visibleMajorTicks

package/src/components/core/useWaveformLayout.ts CHANGED Viewed

@@ -7,16 +7,7 @@ import {
   type AnnotationSeriesInfo,
   type AnnotationTrackLayout,
 } from '../annotation'
-import {
-  channelColors,
-  margin,
-  MINIMUM_PLOT_WIDTH,
-  Y_AXIS_CHARACTER_WIDTH,
-  Y_AXIS_LABEL_BAND_WIDTH,
-  Y_AXIS_LABEL_GAP,
-  Y_AXIS_OUTER_PADDING,
-  Y_AXIS_TICK_PADDING,
-} from './constants'
+import { channelColors, margin, MINIMUM_PLOT_WIDTH } from './constants'
 import {
   getGridGap,
   getPageCount,
@@ -24,17 +15,13 @@ import {
   paginateSeries,
   resolveGridCellGeometry,
 } from './grid'
-import {
-  buildTrackLayouts,
-  axisTextMetrics,
-  buildYAxisSlots,
-  resolveYAxisSeriesGroups,
-} from './layout'
+import { buildTrackLayouts, buildYAxisSlots, resolveYAxisTickCount } from './layout'
 import type { DisplaySeries, DisplayTrack, TrackLayout } from './types'
 import { createFrameNumberResolver, resolvePageableTracks } from './trackPagination'
 import type { PreparedWaveformSeries } from './useWaveformData'
 import type { ResolvedWaveformChartProps } from './waveformChartTypes'
 import { applyXDomainStrategy } from './xDomain'
+import { resolveYAxisLayoutMetrics, resolveViewportYDomains } from './yAxisLayoutMetrics'
 import type { useWaveformAnnotationInteraction } from '../annotation'
 interface LayoutContext {
   props: ResolvedWaveformChartProps
@@ -121,38 +108,29 @@ export function useWaveformLayout(context: LayoutContext) {
       ? tracksWithSeries
       : pagedTracks.value
   })
-  const yAxisMetrics = computed(() => {
-    const axisText = chartTracks.value
-      .filter((track) => track.visibleSeries.length > 0)
-      .flatMap((track) =>
-        resolveYAxisSeriesGroups(track, props.overlayMode, props.yDomain, props.yDomains),
-      )
-      .map(
-        (group) =>
-          axisTextMetrics(
-            group.domain,
-            props.axes?.y?.nice !== false,
-            undefined,
-            group.seriesList[0]?.unit,
-            props.axes?.y?.splitNumber,
-          ).tickTextWidth,
-      )
-    const tickTextWidth = Math.max(Y_AXIS_CHARACTER_WIDTH, ...axisText)
-    const tickClearance = tickTextWidth + Y_AXIS_TICK_PADDING + Y_AXIS_OUTER_PADDING
-    const labelCenterX = -(
-      Y_AXIS_TICK_PADDING +
-      tickTextWidth +
-      Y_AXIS_LABEL_GAP +
-      Y_AXIS_LABEL_BAND_WIDTH / 2
-    )
-    const fullClearance =
-      tickTextWidth +
-      Y_AXIS_TICK_PADDING +
-      Y_AXIS_LABEL_GAP +
-      Y_AXIS_LABEL_BAND_WIDTH +
-      Y_AXIS_OUTER_PADDING
-    return { tickClearance, fullClearance, labelCenterX }
-  })
+  const yAxisTickCount = computed(() =>
+    resolveYAxisTickCount(innerHeight.value, props.axes?.y?.splitNumber),
+  )
+  const viewportYDomains = computed(() =>
+    resolveViewportYDomains(
+      props.displayMode,
+      chartTracks.value,
+      sharedYDomains.value,
+      independentYDomains.value,
+    ),
+  )
+  const yAxisMetrics = computed(() =>
+    resolveYAxisLayoutMetrics(
+      chartTracks.value,
+      props.overlayMode,
+      props.yDomain,
+      props.yDomains,
+      viewportYDomains.value,
+      props.axes?.y?.nice !== false,
+      yAxisTickCount.value,
+      props.displayMode === 'compact',
+    ),
+  )
   const hasYAxisLabels = computed(() =>
     chartTracks.value.some(
       (track) =>
@@ -179,8 +157,10 @@ export function useWaveformLayout(context: LayoutContext) {
       props.overlayMode,
       props.yDomain,
       props.yDomains,
-      props.axes?.y?.splitNumber,
+      yAxisTickCount.value,
       props.axes?.y?.nice !== false,
+      props.displayMode === 'compact',
+      viewportYDomains.value,
     ),
   )
   const resolvedChartLeftMargin = computed(() =>
@@ -302,15 +282,7 @@ export function useWaveformLayout(context: LayoutContext) {
       xDomainStrategy: props.xDomainStrategy,
       fixedYDomain: props.yDomain,
       fixedYDomains: props.yDomains,
-      yDomains:
-        props.displayMode === 'independent'
-          ? Object.fromEntries(
-              chartTracks.value.flatMap((track, index) => {
-                const domain = independentYDomains.value[index]
-                return domain ? [[track.id, domain]] : []
-              }),
-            )
-          : sharedYDomains.value,
+      yDomains: viewportYDomains.value,
       timeUnit: props.timeUnit,
       xAxisLabelFormatter: props.axes?.x?.labelFormatter,
       yAxisSplitNumber: props.axes?.y?.splitNumber,