@trdrs/quickcharts 2.4.0 → 3.0.0

package/dist/quickcharts.css

@@ -22,6 +22,10 @@
   --qc-chrome-scrollThumb: #9c9c9c;
   --qc-chrome-surface: #ffffff;
   --qc-chrome-surfaceRaised: #ffffff;
+  --qc-control-fieldEdge: #dbdbdb;
+  --qc-control-fieldEdgeHover: #a8a8a8;
+  --qc-control-fieldFill: #f2f2f2;
+  --qc-control-fieldInvalid: #f23645;
   --qc-control-mark: #ffffff;
   --qc-control-off: #9c9c9c;
   --qc-control-offHover: #8c8c8c;
@@ -113,6 +117,10 @@
   --qc-chrome-scrollThumb: #3d3d3d;
   --qc-chrome-surface: #0f0f0f;
   --qc-chrome-surfaceRaised: #2e2e2e;
+  --qc-control-fieldEdge: #575757;
+  --qc-control-fieldEdgeHover: #707070;
+  --qc-control-fieldFill: #2e2e2e;
+  --qc-control-fieldInvalid: #f23645;
   --qc-control-mark: #2e2e2e;
   --qc-control-off: #636363;
   --qc-control-offHover: #707070;
@@ -342,34 +350,140 @@
   border-color: var(--qc-state-pressed);
 }
 
+/* Fields -------------------------------------------------------------------------------------- */
+
+/* A field is one box wherever the chart draws it: a text field, a select, a number field or a color
+ * well. A 1px edge rounds an 8px corner around a clear ground, 34px tall, with its words at 14 on 18
+ * and 8px in from the outer edge. */
 [data-qc-theme] .qc-field {
+  box-sizing: border-box;
+  height: 34px;
+  padding: 0 7px;
   color: var(--qc-text-primary);
   font: inherit;
-  background: var(--qc-chrome-surfaceRaised);
-  border: 1px solid var(--qc-chrome-border);
-  border-radius: var(--qc-chrome-radius);
+  font-size: var(--qc-text-fontSizeBase);
+  line-height: 18px;
+  background: transparent;
+  border: 1px solid var(--qc-control-fieldEdge);
+  border-radius: 8px;
+  transition: border-color var(--qc-motion-durationFast) var(--qc-motion-easingLinear), box-shadow var(--qc-motion-durationFast) var(--qc-motion-easingLinear);
 }
 
 [data-qc-theme] .qc-field::placeholder {
   color: var(--qc-text-muted);
 }
 
+/* The states stand in the order they outrank one another: the pointer steps the edge up, a field that
+ * cannot be edited and a refused value each outrank the pointer, and focus outranks them all. */
+[data-qc-theme] .qc-field:hover {
+  border-color: var(--qc-control-fieldEdgeHover);
+}
+
+/* A field that cannot be edited stands on the read-only fill, its edge at rest under the pointer. A
+ * disabled one stands its words back too. */
+[data-qc-theme] .qc-field[readonly] {
+  background: var(--qc-control-fieldFill);
+  border-color: var(--qc-control-fieldEdge);
+}
+
+[data-qc-theme] .qc-field:disabled,
+[data-qc-theme] .qc-field[aria-disabled='true'] {
+  color: var(--qc-text-muted);
+  background: var(--qc-control-fieldFill);
+  border-color: var(--qc-control-fieldEdge);
+  cursor: default;
+}
+
+/* A value the chart refuses turns the field's edge the invalid color, and only that: the chart says
+ * so with `aria-invalid`. A number past a field's bounds or off its step is a value the chart clamps
+ * or rounds, not one it refuses, so the field never turns red for it. */
+[data-qc-theme] .qc-field[aria-invalid='true'] {
+  border-color: var(--qc-control-fieldInvalid);
+}
+
+/* Focus draws a 2px ring over the edge, the edge itself and the pixel inside it, so the ring follows
+ * the corner and stays inside the box, where no scrolling surface clips it. A text field, a select
+ * and a number field wear it whenever they have the keyboard; a color well and a list button wear it
+ * when the keyboard brought it to them, as every button does. A refused value rings in the invalid
+ * color. */
+[data-qc-theme] .qc-field:not(button):focus,
+[data-qc-theme] .qc-field:focus-visible {
+  border-color: var(--qc-state-focusRing);
+  box-shadow: inset 0 0 0 1px var(--qc-state-focusRing);
+}
+
+[data-qc-theme] .qc-field[aria-invalid='true']:not(button):focus,
+[data-qc-theme] .qc-field[aria-invalid='true']:focus-visible {
+  border-color: var(--qc-control-fieldInvalid);
+  box-shadow: inset 0 0 0 1px var(--qc-control-fieldInvalid);
+}
+
+/* A select draws its own chevron: the 18px mark in the muted ink, in a 20 by 28 slot 2px in from the
+ * end of the box. A native select gives up the slot's room and takes the press the slot lets
+ * through; a list button lays the slot out after its face and turns the mark while its list is open,
+ * keyed on its own state, so a list button inside some other open thing does not turn. */
+[data-qc-theme] .qc-select {
+  position: relative;
+  display: inline-flex;
+  max-width: 100%;
+}
+
+[data-qc-theme] .qc-select > .qc-field {
+  flex: 1 1 auto;
+  padding-inline-end: 25px;
+  appearance: none;
+  cursor: pointer;
+}
+
+[data-qc-theme] .qc-select-chevron {
+  display: flex;
+  flex: 0 0 20px;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 28px;
+  color: var(--qc-text-muted);
+  pointer-events: none;
+}
+
+[data-qc-theme] .qc-select > .qc-select-chevron {
+  position: absolute;
+  inset-block-start: 3px;
+  inset-inline-end: 3px;
+}
+
+[data-qc-theme] .qc-select-chevron > svg {
+  transition: rotate var(--qc-motion-durationSlow) var(--qc-motion-easingSpring);
+}
+
+[data-qc-theme] [aria-expanded='true'] > .qc-select-chevron > svg {
+  rotate: 180deg;
+}
+
+[data-qc-theme] .qc-field:disabled ~ .qc-select-chevron,
+[data-qc-theme] .qc-field:disabled > .qc-select-chevron {
+  color: var(--qc-text-disabled);
+}
+
+/* Focus --------------------------------------------------------------------------------------- */
+
 [data-qc-theme] :focus-visible {
   outline: 2px solid var(--qc-state-focusRing);
   outline-offset: 1px;
 }
 
-/* A field inside its own box says it has the keyboard with the caret in it: the search fields, the
- * name field whose box turns the accent, and the two the color mixer carries. The ring that marks a
- * focused control would draw a second box inside the field's own, so those inputs stand out of it,
- * and hold that
- * against a host's focus rule from a later cascade layer too: an important declaration in an earlier
- * layer outranks a normal one in a later layer. */
+/* A field shows it has the keyboard on its own box: a search field by the caret in it, every other
+ * field by the ring its edge turns. The outline that marks a focused control would draw a second
+ * ring outside the field's own, so fields stand out of it, and hold that against a host's focus rule
+ * from a later cascade layer too: an important declaration in an earlier layer outranks a normal one
+ * in a later layer. */
 [data-qc-theme] .qc-search-input:focus-visible,
 [data-qc-theme] .qc-picker-search:focus-visible,
 [data-qc-theme] .qc-layouts-search-input:focus-visible,
+[data-qc-theme] .qc-field:focus-visible,
 [data-qc-theme] .qc-name-input:focus-visible,
-[data-qc-theme] .qc-drawing-hex:focus-visible {
+[data-qc-theme] .qc-drawing-hex:focus-visible,
+[data-qc-theme] .qc-drawing-opacity-readout:focus-visible {
   outline: none !important;
 }
 
@@ -1141,15 +1255,14 @@
   gap: 8px;
 }
 
+/* The fields are the chart's own 34px boxes, so an input reads the same here as in the settings
+ * dialog: a number at the drawing settings' middle width, and a select no narrower. */
 [data-qc-theme] .qc-inputs-field {
-  width: 72px;
-  padding: 1px 4px;
-  font-size: var(--qc-text-fontSizeSmall);
+  width: 84px;
 }
 
 [data-qc-theme] .qc-inputs-select {
-  padding: 1px 2px;
-  font-size: var(--qc-text-fontSizeSmall);
+  min-width: 84px;
 }
 
 [data-qc-theme] .qc-inputs-actions {
@@ -1187,10 +1300,18 @@
     background: Highlight;
   }
 
-  [data-qc-theme] .qc-button:disabled {
+  [data-qc-theme] .qc-button:disabled,
+  [data-qc-theme] .qc-field:disabled {
     color: GrayText;
   }
 
+  /* A field rings its focus in the system highlight, drawn the way its own ring is drawn. */
+  [data-qc-theme] .qc-field:not(button):focus,
+  [data-qc-theme] .qc-field:focus-visible {
+    border-color: Highlight;
+    box-shadow: inset 0 0 0 1px Highlight;
+  }
+
   [data-qc-theme] :focus-visible {
     outline-color: Highlight;
   }
@@ -1769,17 +1890,6 @@
   padding: 0 6px 6px;
 }
 
-/* The shared color control inside a chrome row is the drawing field at the row's own height. */
-[data-qc-theme] .qc-settings-row .qc-drawing-swatch-button {
-  height: 24px;
-  padding: 0 4px;
-}
-
-[data-qc-theme] .qc-settings-row .qc-drawing-well {
-  width: 20px;
-  height: 16px;
-}
-
 /* The inline text editor over the pane, the glyph picker and the image picker. */
 
 /* The editor sits at the drawing's own text position in the drawing's own type; its size follows
@@ -2041,14 +2151,8 @@
   cursor: default;
 }
 
-[data-qc-theme] .qc-drawing-select,
-[data-qc-theme] .qc-drawing-input,
-[data-qc-theme] .qc-drawing-number {
-  height: 34px;
-  padding: 0 10px;
-  font-size: var(--qc-text-fontSizeBase);
-}
-
+/* The text fields, selects and number fields are the chart's 34px field box; these rules give them
+ * their widths alone. */
 [data-qc-theme] .qc-drawing-select {
   min-width: 140px;
 }
@@ -2061,21 +2165,28 @@
   width: 100%;
 }
 
+/* The text area grows from four lines, its words 8px in from every side of its box. */
 [data-qc-theme] .qc-drawing-textarea {
   width: 100%;
+  height: auto;
   min-height: 80px;
   margin-top: 4px;
-  padding: 8px 10px;
-  font-size: var(--qc-text-fontSizeBase);
+  padding: 7px;
   resize: vertical;
 }
 
-/* The number field owns the last 26px of its box for the stepper, revealed on hover or focus. */
+/* The number field gives the end of its box to the steppers: a 22 by 28 column 2px in from the edge,
+ * revealed on hover or focus. The pointer on a stepper is on the field, so the edge steps up there
+ * too, at the weight of the field's own pointer state. */
 [data-qc-theme] .qc-drawing-number-wrap {
   position: relative;
   display: inline-flex;
 }
 
+[data-qc-theme] :where(.qc-drawing-number-wrap:hover) > .qc-field {
+  border-color: var(--qc-control-fieldEdgeHover);
+}
+
 [data-qc-theme] .qc-drawing-number-wrap[data-width='short'] {
   width: 64px;
 }
@@ -2090,7 +2201,7 @@
 
 [data-qc-theme] .qc-drawing-number {
   width: 100%;
-  padding-inline-end: 28px;
+  padding-inline-end: 26px;
   font-variant-numeric: tabular-nums;
   appearance: textfield;
 }
@@ -2103,11 +2214,10 @@
 
 [data-qc-theme] .qc-drawing-steppers {
   position: absolute;
-  top: 50%;
-  inset-inline-end: 4px;
+  inset-block: 3px;
+  inset-inline-end: 3px;
   display: none;
   flex-direction: column;
-  transform: translateY(-50%);
 }
 
 [data-qc-theme] .qc-drawing-number-wrap:hover .qc-drawing-steppers,
@@ -2120,7 +2230,7 @@
   align-items: center;
   justify-content: center;
   width: 22px;
-  height: 13px;
+  height: 14px;
   padding: 0;
   color: var(--qc-text-muted);
   background: none;
@@ -2256,6 +2366,9 @@
   border-radius: 4px;
 }
 
+/* The hex field and the opacity readout are the field box at the mixer's compact 26px: the same edge
+ * and pointer step and the same ring, with the corner and the inset scaled to their height. The hex
+ * field's box is the wrap around its mark and its input. */
 [data-qc-theme] .qc-drawing-hex-wrap {
   display: flex;
   flex: 0 0 auto;
@@ -2264,20 +2377,26 @@
   min-width: 0;
   height: 26px;
   padding: 0 5px;
-  border: 1px solid var(--qc-chrome-grip);
-  border-radius: 4px;
+  border: 1px solid var(--qc-control-fieldEdge);
+  border-radius: 6px;
+  transition: border-color var(--qc-motion-durationFast) var(--qc-motion-easingLinear), box-shadow var(--qc-motion-durationFast) var(--qc-motion-easingLinear);
 }
 
 [data-qc-theme] .qc-drawing-hex-wrap > .qc-muted {
   flex: 0 0 7px;
 }
 
-/* A field says it has the keyboard on its OWN box: its edge turns the ring colour, one line on the
- * field's exact edge following its corner. A ring the browser draws would sit square outside a
- * rounded field and belong to nothing. */
+[data-qc-theme] .qc-drawing-hex-wrap:hover,
+[data-qc-theme] .qc-drawing-opacity-readout:hover {
+  border-color: var(--qc-control-fieldEdgeHover);
+}
+
+/* A field says it has the keyboard on its own box: a 2px ring over the edge, the edge itself and the
+ * pixel inside it, following the corner. The wrap rings while the caret is anywhere inside it. */
 [data-qc-theme] .qc-drawing-hex-wrap:focus-within,
-[data-qc-theme] .qc-drawing-opacity-readout:focus-visible {
+[data-qc-theme] .qc-drawing-opacity-readout:focus {
   border-color: var(--qc-state-focusRing);
+  box-shadow: inset 0 0 0 1px var(--qc-state-focusRing);
 }
 
 [data-qc-theme] .qc-drawing-hex {
@@ -2445,8 +2564,8 @@
   cursor: pointer;
 }
 
-/* The readout is a FIELD beside the track: outlined rather than washed, because it is a number a
- * viewer types over and not a chip the panel is showing them. */
+/* The readout is a FIELD beside the track: edged rather than washed, because it is a number a viewer
+ * types over and not a chip the panel is showing them. */
 [data-qc-theme] .qc-drawing-opacity-field {
   position: relative;
   flex: 0 0 auto;
@@ -2460,9 +2579,10 @@
   font: inherit;
   font-variant-numeric: tabular-nums;
   background: none;
-  border: 1px solid var(--qc-chrome-grip);
-  border-radius: 4px;
+  border: 1px solid var(--qc-control-fieldEdge);
+  border-radius: 6px;
   outline: none;
+  transition: border-color var(--qc-motion-durationFast) var(--qc-motion-easingLinear), box-shadow var(--qc-motion-durationFast) var(--qc-motion-easingLinear);
 }
 
 /* The unit sits in the room the field keeps at its end, so a typed number never runs under it. */
@@ -2547,13 +2667,11 @@
   background: var(--qcd-swatch, currentColor);
 }
 
+/* A line-end picker is a list button: the end's glyph, then the chevron's slot, 2px in from the edge. */
 [data-qc-theme] .qc-drawing-line-end {
   display: flex;
   align-items: center;
-  justify-content: center;
-  width: 34px;
-  height: 34px;
-  padding: 0;
+  padding: 0 2px;
   cursor: pointer;
 }
 
@@ -2731,13 +2849,21 @@
   font-size: var(--qc-text-fontSizeSmall);
 }
 
-/* Forced colors: a swatch IS its color, so it keeps it, with a system border to stand on. */
+/* Forced colors: a swatch IS its color, so it keeps it, with a system border to stand on. The mixer's
+ * compact fields ring their focus in the system highlight, as every field does. */
 @media (forced-colors: active) {
   [data-qc-theme] .qc-drawing-swatch,
   [data-qc-theme] .qc-drawing-color-strip {
     forced-color-adjust: none;
     border: 1px solid ButtonText;
   }
+
+  [data-qc-theme] .qc-drawing-hex-wrap:focus-within,
+  [data-qc-theme] .qc-drawing-opacity-readout:focus {
+    forced-color-adjust: none;
+    border-color: Highlight;
+    box-shadow: inset 0 0 0 1px Highlight;
+  }
 }
 
 /* The selected drawing's settings bar, the settings dialog and the template dialogs. Same scoping
@@ -3809,20 +3935,18 @@
   padding-inline: 0;
 }
 
+/* A row that holds fields stands 42px, the drawing settings' row: the chart's 34px field box with
+ * room above and below it. */
 [data-qc-theme] .qc-settings-row {
   display: flex;
   align-items: center;
   gap: 8px;
-  min-height: 30px;
-}
-
-[data-qc-theme] .qc-settings-row .qc-field {
-  padding: 2px 4px;
-  font-size: var(--qc-text-fontSizeSmall);
+  min-height: 42px;
 }
 
+[data-qc-theme] .qc-settings-page .qc-field-row,
 [data-qc-theme] .qc-settings-page .qc-inputs-row {
-  min-height: 30px;
+  min-height: 42px;
 }
 
 /* THE PICKER ON A NARROW SCREEN. The dialog is a two-column reading room — a 200px rail of
@@ -4554,41 +4678,34 @@
   line-height: 21px;
 }
 
-/* The field's box draws its outline, which steps up under the pointer and turns the accent, doubled
- * outward, while the caret is in it. */
+/* The name's box is the chart's field box around a bare input that fills it: the box draws the edge,
+ * which steps up under the pointer, and rings while the caret is in it. The ring is the field's own,
+ * over the edge and following whatever corner the box has. */
 [data-qc-theme] .qc-name-box {
   display: flex;
-  height: 34px;
-  box-sizing: border-box;
-  align-items: center;
-  border: 1px solid var(--qc-chrome-fieldBorder);
-  border-radius: var(--qc-chrome-radius);
-}
-
-[data-qc-theme] .qc-name-box:hover {
-  border-color: var(--qc-chrome-borderStrong);
+  align-items: stretch;
+  padding: 0;
 }
 
 [data-qc-theme] .qc-name-box:focus-within {
   border-color: var(--qc-state-focusRing);
+  box-shadow: inset 0 0 0 1px var(--qc-state-focusRing);
 }
 
 [data-qc-theme] .qc-name-input {
-  min-width: 0;
-  height: 24px;
   flex: 1 1 auto;
-  padding: 0 8px;
-  color: var(--qc-text-primary);
+  min-width: 0;
+  height: 100%;
+  padding: 0 7px;
+  color: inherit;
   font: inherit;
-  font-size: calc(var(--qc-text-fontSizeBase) + 2px);
-  line-height: 24px;
   background: none;
   border: 0;
   outline: none;
 }
 
 [data-qc-theme] .qc-name-input::placeholder {
-  color: var(--qc-text-disabled);
+  color: var(--qc-text-muted);
 }
 
 [data-qc-theme] .qc-prompt-actions {
@@ -4669,6 +4786,14 @@
   padding: 4px 12px;
 }
 
+/* Forced colors: the name's box rings its focus in the system highlight, as every field does. */
+@media (forced-colors: active) {
+  [data-qc-theme] .qc-name-box:focus-within {
+    border-color: Highlight;
+    box-shadow: inset 0 0 0 1px Highlight;
+  }
+}
+
 /* The replay transport's reserved row below the chart grid, and the date picker.
  *
  * The row is in the root's own flow and positions nothing: it reserves 49px of the column between
@@ -4923,16 +5048,15 @@
   gap: 8px;
 }
 
+/* The date and the time are the chart's 34px field boxes, the date taking the room the time leaves. */
 [data-qc-theme] .qc-date-field {
   flex: 1 1 auto;
   min-width: 0;
-  padding: 6px 8px;
   font-variant-numeric: tabular-nums;
 }
 
 [data-qc-theme] .qc-date-time {
   flex: 0 0 74px;
-  padding: 6px 8px;
   font-variant-numeric: tabular-nums;
 }
 
@@ -5236,34 +5360,18 @@
   padding-top: 0;
 }
 
-[data-qc-theme] .qc-search-scope {
-  display: inline-flex;
+/* The classes' own group in the strip: their chips, 4px apart, as one run the scope stands apart
+ * from. */
+[data-qc-theme] .qc-search-class-group {
+  display: flex;
   flex: 0 0 auto;
-  align-items: center;
-  gap: 7px;
-  height: 28px;
-  margin-inline-start: auto;
-  padding: 0 10px 0 6px;
-  color: var(--qc-text-primary);
-  font-size: var(--qc-text-fontSizeBase);
-  line-height: 18px;
-  background: var(--qc-state-hover);
-  border-radius: 14px;
-  white-space: nowrap;
-}
-
-[data-qc-theme] .qc-search-scope-mark {
-  display: inline-flex;
-  flex: 0 0 18px;
-  align-items: center;
-  justify-content: center;
-  width: 18px;
-  height: 18px;
-  overflow: hidden;
+  gap: 4px;
 }
 
-/* A class rests on the neutral fill, steps deeper under the pointer and deeper again while pressed. */
-[data-qc-theme] .qc-search-class {
+/* A class rests on the neutral fill, steps deeper under the pointer and deeper again while pressed.
+ * The scope chip is the same tab in the same states. */
+[data-qc-theme] .qc-search-class,
+[data-qc-theme] .qc-search-scope {
   flex: 0 0 auto;
   height: 28px;
   padding: 0 11px;
@@ -5276,26 +5384,52 @@
   white-space: nowrap;
 }
 
-[data-qc-theme] .qc-search-class:hover {
+[data-qc-theme] .qc-search-class:hover,
+[data-qc-theme] .qc-search-scope:hover {
   background: var(--qc-state-pressed);
   border-color: var(--qc-state-pressed);
 }
 
-[data-qc-theme] .qc-search-class:active {
+[data-qc-theme] .qc-search-class:active,
+[data-qc-theme] .qc-search-scope:active {
   background: var(--qc-state-pressedHover);
   border-color: var(--qc-state-pressedHover);
 }
 
 /* The chosen class INVERTS, under the pointer as at rest: one tab out of a row has to be
- * unmistakable at a glance, and a deeper step of the same fill would only be a louder hover. */
+ * unmistakable at a glance, and a deeper step of the same fill would only be a louder hover. A
+ * scope that limits the search inverts the same way. */
 [data-qc-theme] .qc-search-class[aria-pressed='true'],
 [data-qc-theme] .qc-search-class[aria-pressed='true']:hover,
-[data-qc-theme] .qc-search-class[aria-pressed='true']:active {
+[data-qc-theme] .qc-search-class[aria-pressed='true']:active,
+[data-qc-theme] .qc-search-scope[aria-pressed='true'],
+[data-qc-theme] .qc-search-scope[aria-pressed='true']:hover,
+[data-qc-theme] .qc-search-scope[aria-pressed='true']:active {
   color: var(--qc-text-inverse);
   background: var(--qc-control-on);
   border-color: var(--qc-control-on);
 }
 
+/* The scope stands at the far edge of the strip: the host's mark 6px in from the chip's leading
+ * edge and 7px before the scope's name. */
+[data-qc-theme] .qc-search-scope {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  margin-inline-start: auto;
+  padding-inline: 6px 10px;
+}
+
+[data-qc-theme] .qc-search-scope-mark {
+  display: inline-flex;
+  flex: 0 0 18px;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  overflow: hidden;
+}
+
 [data-qc-theme] .qc-search-list {
   flex: 1 1 auto;
   min-height: 0;
@@ -5748,14 +5882,18 @@
   font-size: 14px;
 }
 
+/* A color here keeps its swatch: a 38 by 34 box on the raised fill, its well 3px in from the edge on
+ * a corner that follows the box's. The edge, its step under the pointer and the focus ring are the
+ * field's own, and a well that cannot be used stands on the read-only fill as every field does. */
 [data-qc-theme] .qc-settings-menu .qc-settings-row .qc-drawing-swatch-button {
   box-sizing: border-box;
   width: 38px;
   height: 34px;
   padding: 3px;
+}
+
+[data-qc-theme] .qc-settings-menu .qc-settings-row .qc-drawing-swatch-button:enabled {
   background: var(--qc-chrome-surfaceRaised);
-  border-color: var(--qc-chrome-fieldBorder);
-  border-radius: 6px;
 }
 
 [data-qc-theme] .qc-settings-menu .qc-settings-row .qc-drawing-well {

package/dist/{ru-V6YFEPAF.js → ru-2F2VGHMW.js}

@@ -475,6 +475,7 @@ var search = {
   "search.compareEmpty": "No symbols here yet. Why not add some?",
   "search.allClasses": "All",
   "search.classFilter": "Asset class",
+  "search.limitToScope": "\u0418\u0441\u043A\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0432 {scope}",
   "search.opDivision": "\u0414\u0435\u043B\u0435\u043D\u0438\u0435",
   "search.opSubtraction": "\u0412\u044B\u0447\u0438\u0442\u0430\u043D\u0438\u0435",
   "search.opAddition": "\u0421\u043B\u043E\u0436\u0435\u043D\u0438\u0435",
@@ -1025,4 +1026,4 @@ var ru_default = dict;
 export {
   ru_default as default
 };
-//# sourceMappingURL=ru-V6YFEPAF.js.map
+//# sourceMappingURL=ru-2F2VGHMW.js.map