@heartlandone/vega 2.77.0 → 2.78.0

package/dist/cjs/vega-textarea.cjs.entry.js

@@ -8,12 +8,12 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
@@ -21,20 +21,20 @@ require('./observer-f49483e8.js');
 require('./ui-234ea151.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./vega-internal-event-id-e0aeac45.js');
+require('./internal-translation-controller-24df468f.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
-require('./ui-32e69595.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
+require('./ui-024696c0.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./sub-state-observer-slimmer-e692d849.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
@@ -116,113 +116,181 @@ const VegaTextarea = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTextareaRuntimeMetricsPayloadDefinition);
     this.currentCharCount = 0;
     /**
-     * Specifies a placeholder string that displays as a
-     *    temporary hint or example within the text area.
+     * Specifies a placeholder string that displays as a temporary hint or
+     * example within the text area. The placeholder text is shown when the
+     * field is empty and disappears once the user begins typing.
      *
-     * It indicates the expected format or pattern of
-     *    the input within the text area.
+     * Use this to indicate the expected format or content of the input,
+     * for example `'Enter your comments here...'`.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.placeholder = '';
     /**
-     * Provides a supplementary prompt message that assists users in
-     *    understanding the expected value within the text area.
+     * Provides a supplementary helper message displayed below the text area
+     * that assists users in understanding the expected value or format.
      *
+     * The hint is visible at all times (not just on focus) and is typically
+     * used for guidance such as character requirements or formatting rules.
+     *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.hint = '';
     /**
-     * Specifies whether the text area is disabled.
+     * Specifies whether the text area is disabled. When `true`, the text area
+     * is non-interactive — the user cannot type, focus, or select the field.
+     * The disabled state is reflected as an HTML attribute for CSS styling.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     this.disabled = false;
     /**
-     * Specifies the label or title for the text area.
+     * Specifies the visible label text rendered above the text area. The label
+     * helps identify the purpose or content expected within the field and also
+     * serves as the accessible `aria-label` for screen readers when present.
      *
-     * It provides descriptive text that helps identify the
-     *    purpose or content expected within the text area.
+     * Clicking the label will focus the text area.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     this.label = '';
     /**
-     * Specifies the properties for the suffix button associated with the input.
+     * Configuration object for an optional suffix button rendered beside the
+     * field label. Use this to provide an inline action (e.g., a help or info
+     * button) next to the label text.
      *
-     * It provides essential information and functionality
-     *  related to the suffix button's role and behavior.
+     * When the button is clicked, the `vegaLabelButtonClick` event is emitted.
+     * Set to `null` to hide the suffix button.
      *
+     * @default null
      * @vegaVersion 2.68.0
      */
     this.labelSuffixButtonConfig = null;
     /**
-     * Determines whether to display a character counter
-     *    for the textarea.
+     * Determines whether to display a live character counter below the text area.
+     *
+     * When `true`, the counter shows the current character count. If `maxLength`
+     * is also set, the counter displays in the format `current/max` and visually
+     * highlights when the limit is exceeded.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     this.showCounter = false;
     /**
-     * Specifies the initial value or content of the
-     *    textarea field.
+     * The current value (content) of the text area field.
+     *
+     * This property is mutable and will be updated programmatically when the
+     * user types into the text area. It can also be set externally to
+     * pre-populate or reset the field. Changes to this property trigger the
+     * `vegaChange` event and update the character counter if `showCounter`
+     * is enabled. Supports two-way binding in framework wrappers.
      *
+     * @default ''
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
-     * Specifies the validation status of the
-     *    text area component.
+     * Reflects the current validation status of the text area.
      *
+     * - `true` — the field value passes all validation rules.
+     * - `false` — one or more validation rules have failed.
+     * - `null` — the field has not been validated yet (initial state).
+     *
+     * This property is mutable: it is updated automatically when
+     * `autoValidation` is enabled, but can also be set manually to override
+     * the validation state. The value is reflected as an HTML attribute.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
-     * Determines whether automatic validation should be
-     *    implemented for the text area.
+     * Determines whether the text area should be validated automatically as the
+     * user types. When `true`, validation rules (including `required`, `minLength`,
+     * `maxLength`, and custom `validationRules`) are evaluated on blur and the
+     * `isValid` property is updated accordingly.
+     *
+     * Set to `false` to handle validation manually.
      *
+     * @default true
      * @vegaVersion 1.11.0
      */
     this.autoValidation = true;
     /**
-     * Determines whether the content of the textarea must be
-     *    provided by the user before submitting the form or
-     *    completing the input process.
+     * Determines whether the text area must have a non-empty value before the
+     * form can be submitted. When `true`, a required-field indicator is shown
+     * on the label and the built-in `RequiredFieldRule` is applied during
+     * validation.
      *
+     * @default false
      * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
-     * Specifies the maximum number of characters (UTF-16 code units)
-     *    that the user can enter in the text area.
+     * Specifies the maximum number of characters (UTF-16 code units) that the
+     * user can enter in the text area. The native `maxlength` attribute is
+     * applied to the inner `<textarea>` element.
      *
+     * When `showCounter` is `true`, the maximum value is displayed alongside
+     * the current character count (e.g., `42/200`). Exceeding this limit
+     * triggers a visual warning on the counter and fails the
+     * `MaxStringLengthRule` during validation.
+     *
+     * Set to `null` to allow unlimited input.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     this.maxLength = null;
-    /** Specifies the minimum number of characters (UTF-16 code units)
-     *    that the user must enter in the text area.
+    /**
+     * Specifies the minimum number of characters (UTF-16 code units) that the
+     * user must enter in the text area for the value to be considered valid.
+     * The native `minlength` attribute is applied to the inner `<textarea>`
+     * element.
      *
+     * When set, the `MinStringLengthRule` is applied during validation. Set to
+     * `null` to impose no minimum length.
+     *
+     * @default null
      * @vegaVersion 1.11.0
      */
     this.minLength = null;
     /**
-     * Determines whether the text area is vertically resizable.
+     * Determines whether the user can vertically resize the text area by
+     * dragging its bottom-right corner. When `false`, the resize handle is
+     * hidden via CSS and the text area height is fixed.
      *
+     * @default true
      * @vegaVersion 2.19.0
      */
     this.resizable = true;
     /**
-     * Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2.
+     * Specifies the number of visible text lines in the text area, controlling
+     * its initial height. Accepts integers ≥ 2. For optimal display, values
+     * below 2 are internally adjusted to 4 rows.
      *
+     * @default 5
      * @vegaVersion 2.63.0
      */
     this.rows = 5;
     /**
-     * Specifies custom validation rules for the text area.
+     * An array of custom validation rules applied to the text area in addition
+     * to the built-in rules (`RequiredFieldRule`, `MinStringLengthRule`,
+     * `MaxStringLengthRule`). Each rule must implement the
+     * `FormFieldValidationRule` interface.
+     *
+     * Rules are evaluated in order when `autoValidation` is enabled or when
+     * validation is triggered programmatically.
      *
+     * @default []
      * @vegaVersion 1.11.0
      */
     this.validationRules = [];

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -4,50 +4,50 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const timeRequiredRule = require('./time-required-rule-d6fa7aa8.js');
+const timeRequiredRule = require('./time-required-rule-f1f3c8c2.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const ui = require('./ui-234ea151.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const typeGuard = require('./type-guard-407ba0b8.js');
+const typeGuard = require('./type-guard-a0d9ff1f.js');
 const array = require('./array-249289f2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-38583ca9.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-16ec8591.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0cc0c1c7.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b44f0dc9.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const translationSlimmer = require('./translation-slimmer-4533bd67.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const translationSlimmer = require('./translation-slimmer-3fa03d81.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./vega-internal-event-id-e0aeac45.js');
+require('./internal-translation-controller-24df468f.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
-require('./ui-32e69595.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
+require('./ui-024696c0.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./sub-state-observer-slimmer-e692d849.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./responsive-format-facade-acc39a40.js');
+require('./responsive-format-facade-bddac47c.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./keyboard-manager-055e9f67.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./keyboard-manager-7de7ecfd.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-toggle-switch.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -17,23 +17,23 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c62823de.js');
 require('./observer-f49483e8.js');
 require('./ui-234ea151.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./vega-internal-event-id-e0aeac45.js');
+require('./internal-translation-controller-24df468f.js');
 require('./index-592b4052.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
-require('./ui-32e69595.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
+require('./ui-024696c0.js');
 require('./breakpoints-ebde4837.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-1dfbc4c3.js');
+require('./sub-state-observer-slimmer-e692d849.js');
 
 const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
 

package/dist/cjs/vega-tooltip_2.cjs.entry.js

@@ -4,34 +4,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-0f5bd568.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-6667c0f1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-38583ca9.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-16ec8591.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
-require('./keyboard-manager-055e9f67.js');
+require('./keyboard-manager-7de7ecfd.js');
 require('./ui-234ea151.js');
-require('./type-guard-407ba0b8.js');
+require('./type-guard-a0d9ff1f.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.js');
+require('./ui-024696c0.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./internal-translation-controller-24df468f.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
+require('./page-resize-observer-slimmer-e050cd26.js');
+require('./breakpoints-a8ff22f0.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-acc39a40.js');
+require('./responsive-format-facade-bddac47c.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./observer-f49483e8.js');
 require('./dom-node-subject-observer-factory-c62823de.js');
-require('./vega-internal-event-id-f2465f1b.js');
+require('./vega-internal-event-id-e0aeac45.js');
 require('./object-e2e28e3d.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -316,7 +316,7 @@ __decorate$1([
 ], VegaTooltip.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaTooltip.style = vegaTooltipCss;
 
-const vegaTooltipContentBoxCss = ":host{position:absolute}:host(.vega-force-hidden){display:none !important}:host(.vega-placement-bottom){margin-top:8px}:host(.vega-placement-left){margin-left:-8px}:host(.vega-placement-right){margin-left:8px}:host(.vega-placement-top){margin-top:-8px}.vega-tooltip-content{border-radius:4px;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;overflow-wrap:break-word;background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-tooltip-content::after{content:\"\";position:absolute;border-style:solid}:host(.vega-placement-bottom) .vega-tooltip-content::after{top:-4px;border-width:0 5px 4px 5px;border-bottom-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-left) .vega-tooltip-content::after{left:100%;border-width:5px 0 5px 4px;border-left-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}:host(.vega-placement-right) .vega-tooltip-content::after{left:-4px;border-width:5px 4px 5px 0;border-right-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}:host(.vega-placement-top) .vega-tooltip-content::after{bottom:-4px;border-width:4px 5px 0px 5px;border-top-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-bottom.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-start) .vega-tooltip-content::after{left:8px}:host(.vega-placement-bottom.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-center) .vega-tooltip-content::after{left:calc(50% - 5px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-end) .vega-tooltip-content::after{right:8px}:host(.vega-placement-left.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-start) .vega-tooltip-content::after{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-center) .vega-tooltip-content::after{top:calc(50% - 5px)}:host(.vega-placement-left.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-end) .vega-tooltip-content::after{bottom:8px}";
+const vegaTooltipContentBoxCss = ":host{position:absolute}:host(.vega-force-hidden){display:none !important}:host(.vega-placement-bottom){margin-top:8px}:host(.vega-placement-left){margin-left:-8px}:host(.vega-placement-right){margin-left:8px}:host(.vega-placement-top){margin-top:-8px}.vega-tooltip-content{border-radius:4px;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;overflow-wrap:break-word;background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host(.vega-no-suitable-placement) .vega-tooltip-content::after,:host(.vega-no-suitable-alignment) .vega-tooltip-content::after{display:none}.vega-tooltip-content::after{content:\"\";position:absolute;border-style:solid}:host(.vega-placement-bottom) .vega-tooltip-content::after{top:-4px;border-width:0 5px 4px 5px;border-bottom-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-left) .vega-tooltip-content::after{left:100%;border-width:5px 0 5px 4px;border-left-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}:host(.vega-placement-right) .vega-tooltip-content::after{left:-4px;border-width:5px 4px 5px 0;border-right-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}:host(.vega-placement-top) .vega-tooltip-content::after{bottom:-4px;border-width:4px 5px 0px 5px;border-top-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-bottom.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-start) .vega-tooltip-content::after{left:8px}:host(.vega-placement-bottom.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-center) .vega-tooltip-content::after{left:calc(50% - 5px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-end) .vega-tooltip-content::after{right:8px}:host(.vega-placement-left.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-start) .vega-tooltip-content::after{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-center) .vega-tooltip-content::after{top:calc(50% - 5px)}:host(.vega-placement-left.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-end) .vega-tooltip-content::after{bottom:8px}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;