@heartlandone/vega 2.72.0 → 2.74.0-RTE-table-preview

package/dist/vega/internal-vega-event-manager-8c62c88e.js

@@ -0,0 +1,458 @@
+import { d as VegaExpand, a as VegaClick, V as VegaDropdownClick, e as VegaReset, f as VegaClose, g as VegaActionButtonClick, h as VegaChange, i as VegaEventClick, j as VegaDateDblClick, k as VegaMoreActionClick, l as VegaDateClick, m as VegaPageUpdate, n as VegaRemove, o as VegaCreate, p as VegaSearch, q as VegaMonthYearChange, r as VegaClear, s as VegaSelectionChange, t as VegaDropdownShow, u as VegaDropdownHide, v as VegaDropdownSearch, w as VegaSearchTrigger, x as VegaLabelButtonClick, y as VegaSelectFileChange, z as VegaRetry, A as VegaPreview, B as VegaFormSubmit, C as VegaFormReset, D as VegaValidate, E as VegaCancel, F as VegaFocus, G as VegaBlur, H as VegaPaste, I as VegaComplete, J as VegaCountryChange, K as VegaShow, L as VegaHide, M as VegaToggleStatus, N as VegaOpen, O as VegaStateUpdate, P as VegaGroupClick, Q as VegaMenuClick, R as VegaActionClick, S as VegaPageSizeChange, b as VegaPopoverShow, c as VegaPopoverHide, T as VegaCurrentStepUpdate, U as VegaImageInserted, W as VegaSelectChange, X as VegaSelectAllChange, Y as VegaRowClick, Z as VegaRowExpand, _ as VegaRowSelect, $ as VegaRowSelectAll } from './vega-event-id-61c8bd9f.js';
+import { L as LogUtility } from './vega-slimmer-core-83fd0e22.js';
+
+const entries = [
+  ['vega-accordion', [VegaExpand]],
+  ['vega-app-header-button', [VegaClick, VegaDropdownClick, VegaReset]],
+  ['vega-banner', [VegaClose, VegaActionButtonClick]],
+  ['vega-breadcrumb', [VegaClick]],
+  ['vega-button', [VegaClick]],
+  ['vega-button-circle', [VegaClick]],
+  ['vega-button-group', [VegaClick]],
+  ['vega-button-link', [VegaClick]],
+  ['vega-calendar', [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick]],
+  ['vega-carousel', [VegaPageUpdate]],
+  ['vega-checkbox', [VegaChange]],
+  ['vega-checkbox-group', [VegaChange]],
+  ['vega-chip', [VegaClose, VegaClick]],
+  ['vega-code-block', [VegaChange, VegaRemove]],
+  ['vega-color-picker', [VegaChange]],
+  ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
+  ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
+  ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange]],
+  ['vega-dropdown', [VegaDropdownShow, VegaDropdownHide, VegaDropdownClick, VegaReset, VegaCreate, VegaDropdownSearch, VegaSearchTrigger]],
+  ['vega-dropdown-item', [VegaClick]],
+  ['vega-field-label', [VegaClick, VegaLabelButtonClick]],
+  ['vega-file-uploader', [VegaChange, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview]],
+  ['vega-form', [VegaFormSubmit, VegaFormReset, VegaValidate]],
+  ['vega-image-uploader', [VegaChange, VegaRemove, VegaCancel]],
+  ['vega-input', [VegaChange, VegaFocus, VegaBlur, VegaLabelButtonClick, VegaPaste]],
+  ['vega-input-credit-card', [VegaChange, VegaBlur, VegaFocus]],
+  ['vega-input-numeric', [VegaChange]],
+  ['vega-input-passcode', [VegaChange, VegaComplete]],
+  ['vega-input-phone-number', [VegaChange, VegaCountryChange]],
+  ['vega-input-range', [VegaChange]],
+  ['vega-input-select', [VegaChange, VegaSearch, VegaSearchTrigger, VegaShow, VegaHide, VegaLabelButtonClick]],
+  ['vega-item-toggle', [VegaToggleStatus]],
+  ['vega-modal', [VegaOpen, VegaClose]],
+  ['vega-left-nav', [VegaStateUpdate]],
+  ['vega-left-nav-group', [VegaGroupClick]],
+  ['vega-left-nav-link', [VegaMenuClick]],
+  ['vega-left-nav-section', [VegaActionClick]],
+  ['vega-pagination', [VegaChange, VegaPageSizeChange]],
+  ['vega-popover', [VegaPopoverShow, VegaPopoverHide]],
+  ['vega-progress-tracker', [VegaCurrentStepUpdate]],
+  ['vega-radio', [VegaChange, VegaFocus, VegaBlur]],
+  ['vega-radio-group', [VegaChange]],
+  ['vega-rich-text-editor', [VegaChange, VegaImageInserted]],
+  ['vega-rich-text-editor-toolbar-button', [VegaClick]],
+  ['vega-rich-text-image-editor', [VegaChange]],
+  ['vega-rich-text-link-editor', [VegaChange]],
+  ['vega-segment-control', [VegaChange]],
+  ['vega-selection-chip', [VegaChange]],
+  ['vega-selection-chip-group', [VegaChange]],
+  ['vega-selection-tile', [VegaChange]],
+  ['vega-selection-tile-group', [VegaChange]],
+  ['vega-sidenav', [VegaStateUpdate]],
+  ['vega-sidenav-link', [VegaClick]],
+  ['vega-signature-capture', [VegaChange]],
+  ['vega-stepper', [VegaChange]],
+  ['vega-tab-group', [VegaClick]],
+  ['vega-table', [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll]],
+  ['vega-table-head-cell', [VegaClick]],
+  ['vega-table-row', [VegaClick, VegaExpand]],
+  ['vega-textarea', [VegaChange, VegaBlur, VegaLabelButtonClick]],
+  ['vega-time-picker', [VegaChange]],
+  ['vega-toggle-switch', [VegaChange]]
+];
+const VEGA_COMPONENT_EVENT_MAP = new Map(entries);
+
+/** The code is defining an abstract class called `BaseStrategy` that implements the `JQueryDelegatedEventStrategy` interface. */
+class BaseStrategy {
+  /**
+   * The function "getHostName" returns the VegaComponentName.
+   *
+   * @returns {VegaComponentName} The method is returning the value of the variable "vegaComponentName" of type VegaComponentName.
+   */
+  getHostName() {
+    return this.vegaComponentName;
+  }
+  /**
+   * The function "getEventName" returns the name of an event as a string.
+   *
+   * @returns {VegaNativeEventNameType} a string value, which is the eventName.
+   */
+  getEventName() {
+    return this.eventName;
+  }
+  /**
+   * The function handles a click event on a specified element and dispatches a custom event with an optional detail.
+   *
+   * @param {HTMLElement} vegaHost - The `vegaHost` parameter is an HTMLElement that represents the host element where the event will be dispatched.
+   * @param {unknown} [detail] - The `detail` parameter is an optional argument that represents additional information or data that can be passed along with the event. It can be of any type, as it is defined as `unknown`.
+   * @returns {Event} a custom event of type `Event`.
+   */
+  handle(vegaHost, detail) {
+    const target = this.createEventTarget(vegaHost);
+    target.style.display = 'none';
+    vegaHost.appendChild(target);
+    const clonedEvent = this.createEvent(this.eventName);
+    if (detail) {
+      Object.defineProperty(clonedEvent, 'detail', {
+        configurable: true,
+        value: detail,
+      });
+    }
+    target.dispatchEvent(clonedEvent);
+    target.remove();
+    return clonedEvent;
+  }
+  /**
+   * The function copies attributes from one HTML element to another, excluding attributes starting with "on", "id".
+   *
+   * @param {HTMLElement} element - The `element` parameter is an HTMLElement object that represents the
+   * source element from which the attributes will be copied.
+   * @param {HTMLElement} target - The target parameter is an HTMLElement where the attributes of the
+   * element parameter will be copied to.
+   */
+  copyAttributesToTarget(element, target) {
+    if (element && target) {
+      const attributes = Array.from(element.attributes).filter((attr) => !attr.name.startsWith('on'));
+      attributes.forEach((attr) => {
+        try {
+          target.setAttribute(attr.name, attr.value);
+        }
+        catch (_a) {
+          LogUtility.error(`Delegated strategy copy ${element.tagName} attribute '${attr.name}' error.`);
+        }
+      });
+    }
+  }
+  /**
+   * The function creates and returns a new event object based on the given event name.
+   *
+   * @param {VegaNativeEventNameType} eventName - The eventName parameter is the name of the event that
+   * you want to create. It can be any valid event name, such as "click", "keydown", "mouseover", etc.
+   * @returns {Event} a cloned event object.
+   */
+  createEvent(eventName) {
+    let clonedEvent = new Event(eventName, { bubbles: true, cancelable: true });
+    if (eventName === 'click') {
+      clonedEvent = new MouseEvent(eventName, { bubbles: true, cancelable: true });
+    }
+    return clonedEvent;
+  }
+}
+
+/** The VegaButtonClickStrategy class is responsible for creating a button element when a click event is triggered on a VegaButton component. */
+class VegaButtonClickStrategy extends BaseStrategy {
+  constructor() {
+    super(...arguments);
+    this.eventName = 'click';
+    this.vegaComponentName = 'vega-button';
+  }
+  /**
+   * The function creates a new HTML button element based on the properties of a delegated target.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is of type
+   * HTMLVegaButtonElement, which is a custom element that extends the HTMLButtonElement. It represents
+   * the target button element that will be delegated to create a new button element.
+   * @returns {HTMLButtonElement} an HTMLButtonElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const button = document.createElement('button');
+    this.copyAttributesToTarget(delegatedTarget, button);
+    button.type = delegatedTarget.type;
+    return button;
+  }
+}
+
+/** The VegaCheckboxChangeStrategy class is responsible for creating an event target and handling the change event for Vega checkboxes. */
+class VegaCheckboxChangeStrategy extends BaseStrategy {
+  constructor() {
+    super(...arguments);
+    this.eventName = 'change';
+    this.vegaComponentName = 'vega-checkbox';
+  }
+  /**
+   * The function creates and returns a checkbox input element with the same name as the given delegated target.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is of type
+   * HTMLVegaCheckboxElement, which is a custom element representing a checkbox component in the Vega UI framework.
+   * @returns {HTMLInputElement} an HTMLInputElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const input = document.createElement('input');
+    this.copyAttributesToTarget(delegatedTarget, input);
+    input.type = 'checkbox';
+    input.checked = delegatedTarget.checked;
+    return input;
+  }
+}
+
+/** The VegaInputSelectChangeStrategy class is a TypeScript class that extends the BaseStrategy class and is used for handling the 'change' event for Vega input select components. */
+class VegaInputSelectChangeStrategy extends BaseStrategy {
+  constructor() {
+    super(...arguments);
+    this.eventName = 'change';
+    this.vegaComponentName = 'vega-input-select';
+  }
+  /**
+   * The function creates a new HTML select element and sets its name attribute based on the name attribute of the delegated target.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is of type
+   * HTMLVegaInputSelectElement, which is a custom element that represents an input select element in the Vega framework.
+   * @returns {HTMLSelectElement} an HTMLSelectElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const select = document.createElement('select');
+    this.copyAttributesToTarget(delegatedTarget, select);
+    if (delegatedTarget.value) {
+      select.value = delegatedTarget.value.toString();
+    }
+    return select;
+  }
+}
+
+/** The VegaInputBlurStrategy class is responsible for creating an input element when a blur event is triggered on a VegaInput component. */
+class VegaInputStrategy extends BaseStrategy {
+  /**
+   * The constructor function initializes an instance of a class with a given eventName.
+   *
+   * @param {VegaNativeEventNameType} eventName - The eventName parameter is a string that represents the name of the event.
+   */
+  constructor(eventName) {
+    super();
+    this.vegaComponentName = 'vega-input';
+    this.eventName = eventName;
+  }
+  /**
+   * The function creates a new HTML input element with the same type as the provided delegated target.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is an
+   * HTMLVegaInputElement, which is a custom type or interface that represents an input element in the
+   * Vega framework. It likely has properties and methods specific to the Vega framework that are not
+   * present in the standard HTMLInputElement.
+   * @returns {HTMLInputElement} an HTMLInputElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const input = document.createElement('input');
+    this.copyAttributesToTarget(delegatedTarget, input);
+    input.type = delegatedTarget.type;
+    input.value = delegatedTarget.value;
+    return input;
+  }
+}
+
+/** The VegaRadioChangeStrategy class is responsible for creating an input element for radio buttons and handling the 'change' event. */
+class VegaRadioChangeStrategy extends BaseStrategy {
+  constructor() {
+    super(...arguments);
+    this.eventName = 'change';
+    this.vegaComponentName = 'vega-radio';
+  }
+  /**
+   * The function creates and returns a radio input element with the same name as the given delegated target.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is an
+   * HTMLVegaRadioElement, which is a custom element that represents a radio button in the Vega UI framework.
+   * @returns {HTMLInputElement} an HTMLInputElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const input = document.createElement('input');
+    this.copyAttributesToTarget(delegatedTarget, input);
+    input.type = 'radio';
+    input.checked = delegatedTarget.checked;
+    return input;
+  }
+}
+
+/** The VegaTextareaChangeStrategy class is a TypeScript class that extends the BaseStrategy class and is used for handling the 'change' event for a VegaTextarea component. */
+class VegaTextareaChangeStrategy extends BaseStrategy {
+  constructor() {
+    super(...arguments);
+    this.vegaComponentName = 'vega-textarea';
+    this.eventName = 'change';
+  }
+  /**
+   * The function creates a textarea element and sets its name attribute based on the name attribute of a delegated target element.
+   *
+   * @param {HTMLElement} delegatedTarget - The delegatedTarget parameter is an HTMLVegaTextElement, which is an element that represents a text input field in the Vega visualization library.
+   * @returns {HTMLTextAreaElement} an HTMLTextAreaElement.
+   */
+  createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
+    const textarea = document.createElement('textarea');
+    this.copyAttributesToTarget(delegatedTarget, textarea);
+    textarea.value = delegatedTarget.value;
+    return textarea;
+  }
+}
+
+/** The `JQueryDelegatedStrategyController` class manages delegated event strategies for different HTML elements in a TypeScript application. */
+class JQueryDelegatedStrategyController {
+  /**
+   * The constructor initializes a registry of update strategies for various input events in a Vega application.
+   */
+  constructor() {
+    this.strategyRegistry = new Map();
+    this.updateStrategyRegistry([
+      new VegaButtonClickStrategy(),
+      new VegaInputStrategy('change'),
+      new VegaInputStrategy('focus'),
+      new VegaInputStrategy('blur'),
+      new VegaInputSelectChangeStrategy(),
+      new VegaTextareaChangeStrategy(),
+      new VegaCheckboxChangeStrategy(),
+      new VegaRadioChangeStrategy(),
+    ]);
+  }
+  /**
+   * The function checks if a given event on a specific HTML element is supported for delegation.
+   *
+   * @param {HTMLElement} host - The `host` parameter is an HTMLElement, which represents the element on which the event listener is attached.
+   * @param {VegaEventID} eventId - The `eventName` parameter is a string that represents the name of the event.
+   * @returns {boolean} a boolean value.
+   */
+  isSupportDelegated(host, eventId) {
+    let result = false;
+    const componentName = host.tagName.toLowerCase();
+    if (!!this.strategyRegistry.get(componentName) &&
+      !!this.strategyRegistry.get(componentName).get(eventId.getNativeName())) {
+      result = true;
+    }
+    return result;
+  }
+  /**
+   * The function updates the strategy registry with custom strategies based on the event semantics configuration.
+   *
+   * @param {EventSemanticsConfig} eventSemantics - The parameter `eventSemantics` is of type `EventSemanticsConfig`. It is an object that contains two properties: `global` and `components`.
+   */
+  updateRegistryFromEventSemantics(eventSemantics) {
+    let customStrategies = [];
+    const { global, components } = eventSemantics;
+    if (global && Array.isArray(global.jqueryDelegatedEvent)) {
+      customStrategies = customStrategies.concat(global.jqueryDelegatedEvent);
+    }
+    if (components) {
+      for (const name in components) {
+        if (Array.isArray(components[name].jqueryDelegatedEvent)) {
+          customStrategies = customStrategies.concat(components[name].jqueryDelegatedEvent);
+        }
+      }
+    }
+    if (customStrategies.length) {
+      this.updateStrategyRegistry(customStrategies);
+    }
+  }
+  /**
+   * The function returns a delegated event strategy based on the host element and event name.
+   *
+   * @param {HTMLElement} host - The `host` parameter is an HTMLElement that represents the element on
+   * which the event strategy is being applied. It is the element to which the event listener is attached.
+   * @param {VegaEventID} eventId - The `eventName` parameter is a string that represents the name of the event for which you want to retrieve the strategy.
+   * @returns {Nullable<JQueryDelegatedEventStrategy>} a Nullable<JQueryDelegatedEventStrategy>.
+   */
+  getStrategy(host, eventId) {
+    const componentName = host.tagName.toLowerCase();
+    if (this.strategyRegistry && this.strategyRegistry.get(componentName)) {
+      return this.strategyRegistry.get(componentName).get(eventId.getNativeName());
+    }
+  }
+  /**
+   * The function `overrideCurrentStrategy` updates the strategy registry with a new strategy for a specific host and event.
+   *
+   * @param {JQueryDelegatedEventStrategy[]} strategies - The parameter "strategy" is of type "JQueryDelegatedEventStrategy".
+   */
+  updateStrategyRegistry(strategies) {
+    strategies.forEach((strategy) => {
+      const hostName = strategy.getHostName();
+      const eventName = strategy.getEventName();
+      if (!this.strategyRegistry.get(hostName)) {
+        const map = new Map();
+        map.set(eventName, strategy);
+        this.strategyRegistry.set(hostName, map);
+      }
+      else {
+        this.strategyRegistry.get(hostName).set(eventName, strategy);
+      }
+    });
+  }
+}
+const jqueryDelegatedStrategyController = new JQueryDelegatedStrategyController();
+
+/**
+ * The `InternalVegaEventManager` class manages event semantics configuration for global and
+ * component-specific settings.
+ */
+class InternalVegaEventManager {
+  constructor() {
+    this.config = {};
+    this.defaultEventSemantics = {
+      namespace: 'vega',
+    };
+  }
+  /**
+   * The function sets the semantics configuration for events.
+   *
+   * @param {EventSemanticsConfig} config - The `config` parameter is of type `EventSemanticsConfig`.
+   */
+  setSemantics(config) {
+    this.config = config;
+    jqueryDelegatedStrategyController.updateRegistryFromEventSemantics(config);
+  }
+  /**
+   * The function `getSemantics` returns the event semantics either from the global scope or from the
+   * components within a given host element.
+   *
+   * @param {HTMLElement} host - The host parameter is an HTMLElement that represents the element on
+   * which the event semantics are being checked.
+   * @returns {EventSemantics} The method `getSemantics` returns a value of type `Nullable<EventSemantics>`.
+   */
+  getSemantics(host) {
+    return Object.assign({}, this.defaultEventSemantics, this.getSemanticsInGlobal(), this.getSemanticsInComponents(host));
+  }
+  /**
+   * The function "getEnabledEventIdsByComponent" returns an array of event Ids associated with a given component
+   * name.
+   *
+   * @param {VegaComponentName} componentName - The `componentName` parameter is a string that represents
+   * the name of a Vega component.
+   * @returns {Nullable<VegaEventID[]>} a nullable array of VegaEventID objects.
+   */
+  getEnabledEventIdsByComponent(componentName) {
+    return VEGA_COMPONENT_EVENT_MAP.get(componentName);
+  }
+  /**
+   * The function `getSemanticsInGlobal` returns the global event semantics configuration.
+   *
+   * @returns {Nullable<EventSemantics>} The method is returning a nullable EventSemantics object.
+   */
+  getSemanticsInGlobal() {
+    return this.config.global;
+  }
+  /**
+   * The function `getSemanticsInComponents` returns the semantic configuration for a given component
+   * based on its host element.
+   *
+   * @param {HTMLElement} host - The `host` parameter is an HTMLElement that represents the component for
+   * which we want to retrieve the semantics.
+   * @returns {Nullable<EventSemantics>} a value of type `Nullable<EventSemantics>`.
+   */
+  getSemanticsInComponents(host) {
+    const componentName = host.tagName.toLocaleLowerCase();
+    if (this.config.components &&
+      Object.prototype.hasOwnProperty.call(this.config.components, componentName)) {
+      return this.config.components[componentName];
+    }
+    return null;
+  }
+}
+const internalVegaEventManager = new InternalVegaEventManager();
+
+export { BaseStrategy as B, internalVegaEventManager as i, jqueryDelegatedStrategyController as j };

package/dist/vega/p-068ee55e.entry.js

@@ -0,0 +1 @@
+import{h as i,F as t,r as o,c as n,H as e,g as r}from"./p-6b2342e0.js";import{c as s,V as a,M as c,I as d}from"./p-6e1ab235.js";import{s as p}from"./p-6bd5c49b.js";import{V as l,I as h}from"./p-d849e0f5.js";import{s as m}from"./p-519a7d55.js";import{f}from"./p-63246470.js";import{a as b}from"./p-d9671d27.js";import{D as v,a as x,e as g}from"./p-ff57c872.js";import{c as j}from"./p-1ec763ab.js";import{c as u}from"./p-613ddaab.js";import{a as k}from"./p-8c9ea6f4.js";import{O as w}from"./p-331a62d5.js";import{C as y}from"./p-2d0d575f.js";import{A as E}from"./p-a528714c.js";import{U as I}from"./p-161b9c5b.js";import{c as z}from"./p-5367eaab.js";import"./p-ed45b3b6.js";import"./p-d2033624.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-b75ee3ba.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-db482ee1.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-c335088c.js";import"./p-151b1deb.js";import"./p-39d56e3d.js";import"./p-1b44db34.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-f69f84a7.js";import"./p-ff921d10.js";import"./p-fcabf0dc.js";import"./p-a7b5f497.js";import"./p-77e64f26.js";import"./p-1bc5b3bc.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";import"./p-d884c644.js";var L=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class O extends a{render(){return i("div",{class:{accordion:!0,background:this.drawsBackground,expanded:this.expand,collapsed:!this.expand,"icon-position-center":"center"===this.iconPosition}},this.renderHeader(),this.renderContent())}renderHeader(){const o=i(t,null,this.renderPrefixIcon(),this.accordionTitle?this.renderTitle():this.renderTitleSlot());return i("div",{class:"accordion-header"},i("vega-flex",{gap:"size-8","align-items":"start"},"left"===this.expandIconAlign&&this.renderExpandIcon(),o,"right"===this.expandIconAlign&&this.renderExpandIcon()))}renderPrefixIcon(){return this.prefixIcon&&i("div",{class:"accordion-prefix-icon"},i("vega-icon",{icon:this.prefixIcon,size:"size-24"}))}renderTitle(){return i("div",{class:"accordion-title"},this.accordionTitle)}renderExpandIcon(){const t=["accordion-expand-icon",`accordion-expand-icon-align-${this.expandIconAlign}`,f(this.showExpandIcon,"display")];return i("div",{class:`${b(t)}`},i("vega-button-circle",{size:"small","icon-color":"text-link",variant:"icon-only",icon:k.getIconKey("left"===this.expandIconAlign?"chevron-down":"chevron-up"),ref:i=>{v.addUniqueObserverToNode(i,x,(()=>{this.expandController.flipExpand()}))}}))}renderContent(){return i("div",{class:"accordion-content"},i("slot",{name:"content"}),i("slot",{name:"accordion-content"}))}renderTitleSlot(){return i("div",{class:"accordion-title-slot"},i("slot",{name:"title"}),i("slot",{name:"accordion-title"}))}}k.register({"chevron-up":j,"chevron-down":u}),L([s()],O.prototype,"drawsBackground",void 0),L([s()],O.prototype,"prefixIcon",void 0),L([s()],O.prototype,"accordionTitle",void 0),L([s()],O.prototype,"expandIconAlign",void 0),L([s()],O.prototype,"expand",void 0),L([s()],O.prototype,"iconPosition",void 0),L([s()],O.prototype,"showExpandIcon",void 0),L([s()],O.prototype,"expandController",void 0);var R=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class S extends a{flipExpand(){this.expand=!this.expand}onExpand(){this.groupId&&this.expand&&y.notify(E,{groupId:this.groupId,element:this.host}),this.expandEventEmitter.emit(this.expand)}registerObserver(){this.observer=new w(I,this.shouldCollapseSelfIfOtherExpand.bind(this)),y.register(E,this.observer)}unregisterObserver(){this.observer&&(y.unregister(E,this.observer),this.observer=null)}shouldCollapseSelfIfOtherExpand(i){this.groupId===i.groupId&&this.host!==i.element&&(this.expand=!1)}}R([s()],S.prototype,"host",void 0),R([s()],S.prototype,"groupId",void 0),R([s({writable:!0})],S.prototype,"expand",void 0),R([s()],S.prototype,"expandEventEmitter",void 0),R([c("watchExpand")],S.prototype,"onExpand",null),R([c("componentWillLoad")],S.prototype,"registerObserver",null),R([c("disconnectedCallback")],S.prototype,"unregisterObserver",null);var M=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};const C=class{constructor(i){o(this,i),this.vegaExpand=n(this,"vegaExpand",7),this.accordionExpand=n(this,"accordionExpand",7),this.globalSlimmers={},this.renderer=new O,this.expandController=new S,this.expandEventEmitter=z(C,g,"accordionExpand"),this.vegaComponentUsageRuntimeMetricsSlimmer=new l,this.drawsBackground=!0,this.expandIconAlign="right",this.expand=!0,this.iconPosition="top",this.showExpandIcon=!0}watchExpand(){}render(){return p(i("slot",null)),m(i(e,null,this.renderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{expand:["watchExpand"]}}};M([h()],C.prototype,"globalSlimmers",void 0),M([d()],C.prototype,"renderer",void 0),M([d()],C.prototype,"expandController",void 0),M([d()],C.prototype,"expandEventEmitter",void 0),M([d()],C.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),C.style=':host(.v-block),.v-block{display:block}:host(.v-inline-block),.v-inline-block{display:inline-block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-inline-block),.S\\:v-inline-block{display:inline-block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-inline-block),.M\\:v-inline-block{display:inline-block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-inline-block),.L\\:v-inline-block{display:inline-block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-inline-block),.XL\\:v-inline-block{display:inline-block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}';export{C as vega_accordion}

package/dist/vega/p-088f4613.entry.js

@@ -0,0 +1 @@
+import{h as p,r as i,c as t,H as s,g as e}from"./p-6b2342e0.js";import{s as d}from"./p-519a7d55.js";import{I as o}from"./p-3d85411d.js";import{c as v,M as z,V as a,I as g}from"./p-6e1ab235.js";import{V as n,I as x}from"./p-d849e0f5.js";import{c as h}from"./p-5367eaab.js";import{d as r,b as l,c as L}from"./p-ff57c872.js";import{E as b}from"./p-99e3dcab.js";import{r as m}from"./p-77e64f26.js";import{V as f}from"./p-1b44db34.js";import{f as S}from"./p-63246470.js";import"./p-207cfa6a.js";import"./p-d9671d27.js";import"./p-161b9c5b.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-2d0d575f.js";import"./p-a528714c.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-c335088c.js";import"./p-b75ee3ba.js";import"./p-331a62d5.js";import"./p-db482ee1.js";import"./p-10ac8b57.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-262ec334.js";import"./p-151b1deb.js";import"./p-39d56e3d.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-8c9ea6f4.js";import"./p-ff921d10.js";import"./p-fcabf0dc.js";import"./p-a7b5f497.js";import"./p-0c667d6a.js";import"./p-1bc5b3bc.js";import"./p-d2033624.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";var M=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))||o);return d>3&&o&&Object.defineProperty(i,t,o),o};class X extends a{appendPopoverSlotContent(){const p=this.host.querySelector("[slot='popover']");p&&this.popoverContentBox.appendChild(p)}getPopoverContentBox(){return this.popoverContentBox}render(){return p("vega-popover-content-box",{ref:p=>this.popoverContentBox=p,showArrow:this.showArrow,padding:this.padding})}}M([v()],X.prototype,"host",void 0),M([v()],X.prototype,"showArrow",void 0),M([v()],X.prototype,"padding",void 0),M([z("componentDidRender")],X.prototype,"appendPopoverSlotContent",null);var c=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))||o);return d>3&&o&&Object.defineProperty(i,t,o),o};class y extends b{constructor(){super((()=>this.generateShowConfigFactory()),(()=>this.trigger),"isPopoverShow")}connectedCallback(){this.registerRemoteMethod()}disconnectedCallback(){m.unRegister(r.getSubject(this.host,f))}generateShowConfigFactory(){return{target:this.target||this.host,appendableElement:this.appenderRenderer.getPopoverContentBox(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:!1,size:this.size,placement:this.placement,alignment:this.alignment,isScreenPosition:this.isScreenPosition}}registerRemoteMethod(){m.register(r.getSubject(this.host,f),(p=>{this.target=p,super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this))}))}}c([v()],y.prototype,"host",void 0),c([v()],y.prototype,"trigger",void 0),c([v()],y.prototype,"positionRelativeTo",void 0),c([v()],y.prototype,"placement",void 0),c([v()],y.prototype,"alignment",void 0),c([v()],y.prototype,"size",void 0),c([v()],y.prototype,"isScreenPosition",void 0),c([v({writable:!0})],y.prototype,"isPopoverShow",void 0),c([v()],y.prototype,"appenderRenderer",void 0),c([z("connectedCallback")],y.prototype,"connectedCallback",null),c([z("disconnectedCallback")],y.prototype,"disconnectedCallback",null);var w=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))||o);return d>3&&o&&Object.defineProperty(i,t,o),o};const j=class{constructor(p){i(this,p),this.vegaPopoverShow=t(this,"vegaPopoverShow",7),this.popoverShow=t(this,"popoverShow",7),this.vegaPopoverHide=t(this,"vegaPopoverHide",7),this.popoverHide=t(this,"popoverHide",7),this.globalSlimmers={},this.appenderRenderer=new X,this.appenderController=new y,this.popoverShowEventEmitter=h(j,l),this.popoverHideEventEmitter=h(j,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new n,this.isPopoverShow=!1,this.placement="top",this.alignment="center",this.trigger="click",this.showArrow=!0,this.isScreenPosition=!1,this.padding="size-16",this.showPopover=()=>{this.appenderController.show()},this.hidePopover=()=>{this.appenderController.hide()}}async watchIsPopoverShow(){this.isPopoverShow?this.popoverShowEventEmitter.emit():this.popoverHideEventEmitter.emit()}watchToRefreshPopover(){this.isPopoverShow&&this.appenderController.show()}componentDidRender(){}async show(p=!1){this.isPopoverShow&&!p||this.showPopover()}async hide(){this.isPopoverShow&&this.hidePopover()}render(){return d(p(s,null,p("slot",{name:"popover-content"}),this.appenderRenderer.render()),this.host)}get host(){return e(this)}static get watchers(){return{isPopoverShow:["watchIsPopoverShow"],size:["watchToRefreshPopover"],placement:["watchToRefreshPopover"],alignment:["watchToRefreshPopover"]}}};w([x()],j.prototype,"globalSlimmers",void 0),w([g()],j.prototype,"appenderRenderer",void 0),w([g()],j.prototype,"appenderController",void 0),w([g()],j.prototype,"popoverShowEventEmitter",void 0),w([g()],j.prototype,"popoverHideEventEmitter",void 0),w([g()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w([o((p=>[{keyCode:"Escape",activeElementInScope:[p.host],callback:p.hidePopover},{keyCode:"Tab",activeElementOutScope:[p.host,p.appenderRenderer.getPopoverContentBox()],callback:p.hidePopover},{keyCode:"Tab",activeElementInScope:[p.host],callback:()=>{"hover"===p.trigger&&p.showPopover()}}]))],j.prototype,"host",void 0),j.style=":host{display:inline-block}";var u=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))||o);return d>3&&o&&Object.defineProperty(i,t,o),o};const R=class{constructor(p){i(this,p),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new n,this.showArrow=!0,this.padding="size-16"}render(){const i=S(this.padding,"padding");return d(p(s,{class:{"vega-popover":!0,"no-arrow":!this.showArrow},role:"tooltip"},p("div",{class:{"vega-popover-content":!0,[i]:!0}},p("slot",{name:"popover"}),this.showArrow&&p("div",{class:"vega-arrow"})),p("slot",null)),this.host)}get host(){return e(this)}};u([x()],R.prototype,"globalSlimmers",void 0),u([g()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host(.v-p-0),.v-p-0{padding:0px}:host(.v-px-0),.v-px-0{padding-left:0px;padding-right:0px}:host(.v-py-0),.v-py-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-0),.v-pt-0{padding-top:0px}:host(.v-pb-0),.v-pb-0{padding-bottom:0px}:host(.v-pr-0),.v-pr-0{padding-right:0px}:host(.v-pl-0),.v-pl-0{padding-left:0px}:host(.v-p-size-0),.v-p-size-0{padding:0px}:host(.v-px-size-0),.v-px-size-0{padding-left:0px;padding-right:0px}:host(.v-py-size-0),.v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-size-0),.v-pt-size-0{padding-top:0px}:host(.v-pb-size-0),.v-pb-size-0{padding-bottom:0px}:host(.v-pr-size-0),.v-pr-size-0{padding-right:0px}:host(.v-pl-size-0),.v-pl-size-0{padding-left:0px}:host(.v-p-size-4),.v-p-size-4{padding:4px}:host(.v-px-size-4),.v-px-size-4{padding-left:4px;padding-right:4px}:host(.v-py-size-4),.v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.v-pt-size-4),.v-pt-size-4{padding-top:4px}:host(.v-pb-size-4),.v-pb-size-4{padding-bottom:4px}:host(.v-pr-size-4),.v-pr-size-4{padding-right:4px}:host(.v-pl-size-4),.v-pl-size-4{padding-left:4px}:host(.v-p-size-8),.v-p-size-8{padding:8px}:host(.v-px-size-8),.v-px-size-8{padding-left:8px;padding-right:8px}:host(.v-py-size-8),.v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.v-pt-size-8),.v-pt-size-8{padding-top:8px}:host(.v-pb-size-8),.v-pb-size-8{padding-bottom:8px}:host(.v-pr-size-8),.v-pr-size-8{padding-right:8px}:host(.v-pl-size-8),.v-pl-size-8{padding-left:8px}:host(.v-p-size-12),.v-p-size-12{padding:12px}:host(.v-px-size-12),.v-px-size-12{padding-left:12px;padding-right:12px}:host(.v-py-size-12),.v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.v-pt-size-12),.v-pt-size-12{padding-top:12px}:host(.v-pb-size-12),.v-pb-size-12{padding-bottom:12px}:host(.v-pr-size-12),.v-pr-size-12{padding-right:12px}:host(.v-pl-size-12),.v-pl-size-12{padding-left:12px}:host(.v-p-size-16),.v-p-size-16{padding:16px}:host(.v-px-size-16),.v-px-size-16{padding-left:16px;padding-right:16px}:host(.v-py-size-16),.v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.v-pt-size-16),.v-pt-size-16{padding-top:16px}:host(.v-pb-size-16),.v-pb-size-16{padding-bottom:16px}:host(.v-pr-size-16),.v-pr-size-16{padding-right:16px}:host(.v-pl-size-16),.v-pl-size-16{padding-left:16px}:host(.v-p-size-20),.v-p-size-20{padding:20px}:host(.v-px-size-20),.v-px-size-20{padding-left:20px;padding-right:20px}:host(.v-py-size-20),.v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.v-pt-size-20),.v-pt-size-20{padding-top:20px}:host(.v-pb-size-20),.v-pb-size-20{padding-bottom:20px}:host(.v-pr-size-20),.v-pr-size-20{padding-right:20px}:host(.v-pl-size-20),.v-pl-size-20{padding-left:20px}:host(.v-p-size-24),.v-p-size-24{padding:24px}:host(.v-px-size-24),.v-px-size-24{padding-left:24px;padding-right:24px}:host(.v-py-size-24),.v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.v-pt-size-24),.v-pt-size-24{padding-top:24px}:host(.v-pb-size-24),.v-pb-size-24{padding-bottom:24px}:host(.v-pr-size-24),.v-pr-size-24{padding-right:24px}:host(.v-pl-size-24),.v-pl-size-24{padding-left:24px}:host(.v-p-size-32),.v-p-size-32{padding:32px}:host(.v-px-size-32),.v-px-size-32{padding-left:32px;padding-right:32px}:host(.v-py-size-32),.v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.v-pt-size-32),.v-pt-size-32{padding-top:32px}:host(.v-pb-size-32),.v-pb-size-32{padding-bottom:32px}:host(.v-pr-size-32),.v-pr-size-32{padding-right:32px}:host(.v-pl-size-32),.v-pl-size-32{padding-left:32px}:host(.v-p-size-40),.v-p-size-40{padding:40px}:host(.v-px-size-40),.v-px-size-40{padding-left:40px;padding-right:40px}:host(.v-py-size-40),.v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.v-pt-size-40),.v-pt-size-40{padding-top:40px}:host(.v-pb-size-40),.v-pb-size-40{padding-bottom:40px}:host(.v-pr-size-40),.v-pr-size-40{padding-right:40px}:host(.v-pl-size-40),.v-pl-size-40{padding-left:40px}:host(.v-p-size-48),.v-p-size-48{padding:48px}:host(.v-px-size-48),.v-px-size-48{padding-left:48px;padding-right:48px}:host(.v-py-size-48),.v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.v-pt-size-48),.v-pt-size-48{padding-top:48px}:host(.v-pb-size-48),.v-pb-size-48{padding-bottom:48px}:host(.v-pr-size-48),.v-pr-size-48{padding-right:48px}:host(.v-pl-size-48),.v-pl-size-48{padding-left:48px}:host(.v-p-size-64),.v-p-size-64{padding:64px}:host(.v-px-size-64),.v-px-size-64{padding-left:64px;padding-right:64px}:host(.v-py-size-64),.v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.v-pt-size-64),.v-pt-size-64{padding-top:64px}:host(.v-pb-size-64),.v-pb-size-64{padding-bottom:64px}:host(.v-pr-size-64),.v-pr-size-64{padding-right:64px}:host(.v-pl-size-64),.v-pl-size-64{padding-left:64px}:host(.v-p-size-72),.v-p-size-72{padding:72px}:host(.v-px-size-72),.v-px-size-72{padding-left:72px;padding-right:72px}:host(.v-py-size-72),.v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.v-pt-size-72),.v-pt-size-72{padding-top:72px}:host(.v-pb-size-72),.v-pb-size-72{padding-bottom:72px}:host(.v-pr-size-72),.v-pr-size-72{padding-right:72px}:host(.v-pl-size-72),.v-pl-size-72{padding-left:72px}:host(.v-p-size-80),.v-p-size-80{padding:80px}:host(.v-px-size-80),.v-px-size-80{padding-left:80px;padding-right:80px}:host(.v-py-size-80),.v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.v-pt-size-80),.v-pt-size-80{padding-top:80px}:host(.v-pb-size-80),.v-pb-size-80{padding-bottom:80px}:host(.v-pr-size-80),.v-pr-size-80{padding-right:80px}:host(.v-pl-size-80),.v-pl-size-80{padding-left:80px}:host(.v-p-size-112),.v-p-size-112{padding:112px}:host(.v-px-size-112),.v-px-size-112{padding-left:112px;padding-right:112px}:host(.v-py-size-112),.v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.v-pt-size-112),.v-pt-size-112{padding-top:112px}:host(.v-pb-size-112),.v-pb-size-112{padding-bottom:112px}:host(.v-pr-size-112),.v-pr-size-112{padding-right:112px}:host(.v-pl-size-112),.v-pl-size-112{padding-left:112px}:host(.v-p-size-2),.v-p-size-2{padding:2px}:host(.v-px-size-2),.v-px-size-2{padding-left:2px;padding-right:2px}:host(.v-py-size-2),.v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.v-pt-size-2),.v-pt-size-2{padding-top:2px}:host(.v-pb-size-2),.v-pb-size-2{padding-bottom:2px}:host(.v-pr-size-2),.v-pr-size-2{padding-right:2px}:host(.v-pl-size-2),.v-pl-size-2{padding-left:2px}@media (min-width: 320px){:host(.S\\:v-p-0),.S\\:v-p-0{padding:0px}:host(.S\\:v-px-0),.S\\:v-px-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-0),.S\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-0),.S\\:v-pt-0{padding-top:0px}:host(.S\\:v-pb-0),.S\\:v-pb-0{padding-bottom:0px}:host(.S\\:v-pr-0),.S\\:v-pr-0{padding-right:0px}:host(.S\\:v-pl-0),.S\\:v-pl-0{padding-left:0px}:host(.S\\:v-p-size-0),.S\\:v-p-size-0{padding:0px}:host(.S\\:v-px-size-0),.S\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-size-0),.S\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-size-0),.S\\:v-pt-size-0{padding-top:0px}:host(.S\\:v-pb-size-0),.S\\:v-pb-size-0{padding-bottom:0px}:host(.S\\:v-pr-size-0),.S\\:v-pr-size-0{padding-right:0px}:host(.S\\:v-pl-size-0),.S\\:v-pl-size-0{padding-left:0px}:host(.S\\:v-p-size-4),.S\\:v-p-size-4{padding:4px}:host(.S\\:v-px-size-4),.S\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.S\\:v-py-size-4),.S\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.S\\:v-pt-size-4),.S\\:v-pt-size-4{padding-top:4px}:host(.S\\:v-pb-size-4),.S\\:v-pb-size-4{padding-bottom:4px}:host(.S\\:v-pr-size-4),.S\\:v-pr-size-4{padding-right:4px}:host(.S\\:v-pl-size-4),.S\\:v-pl-size-4{padding-left:4px}:host(.S\\:v-p-size-8),.S\\:v-p-size-8{padding:8px}:host(.S\\:v-px-size-8),.S\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.S\\:v-py-size-8),.S\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.S\\:v-pt-size-8),.S\\:v-pt-size-8{padding-top:8px}:host(.S\\:v-pb-size-8),.S\\:v-pb-size-8{padding-bottom:8px}:host(.S\\:v-pr-size-8),.S\\:v-pr-size-8{padding-right:8px}:host(.S\\:v-pl-size-8),.S\\:v-pl-size-8{padding-left:8px}:host(.S\\:v-p-size-12),.S\\:v-p-size-12{padding:12px}:host(.S\\:v-px-size-12),.S\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.S\\:v-py-size-12),.S\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.S\\:v-pt-size-12),.S\\:v-pt-size-12{padding-top:12px}:host(.S\\:v-pb-size-12),.S\\:v-pb-size-12{padding-bottom:12px}:host(.S\\:v-pr-size-12),.S\\:v-pr-size-12{padding-right:12px}:host(.S\\:v-pl-size-12),.S\\:v-pl-size-12{padding-left:12px}:host(.S\\:v-p-size-16),.S\\:v-p-size-16{padding:16px}:host(.S\\:v-px-size-16),.S\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.S\\:v-py-size-16),.S\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.S\\:v-pt-size-16),.S\\:v-pt-size-16{padding-top:16px}:host(.S\\:v-pb-size-16),.S\\:v-pb-size-16{padding-bottom:16px}:host(.S\\:v-pr-size-16),.S\\:v-pr-size-16{padding-right:16px}:host(.S\\:v-pl-size-16),.S\\:v-pl-size-16{padding-left:16px}:host(.S\\:v-p-size-20),.S\\:v-p-size-20{padding:20px}:host(.S\\:v-px-size-20),.S\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.S\\:v-py-size-20),.S\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.S\\:v-pt-size-20),.S\\:v-pt-size-20{padding-top:20px}:host(.S\\:v-pb-size-20),.S\\:v-pb-size-20{padding-bottom:20px}:host(.S\\:v-pr-size-20),.S\\:v-pr-size-20{padding-right:20px}:host(.S\\:v-pl-size-20),.S\\:v-pl-size-20{padding-left:20px}:host(.S\\:v-p-size-24),.S\\:v-p-size-24{padding:24px}:host(.S\\:v-px-size-24),.S\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.S\\:v-py-size-24),.S\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.S\\:v-pt-size-24),.S\\:v-pt-size-24{padding-top:24px}:host(.S\\:v-pb-size-24),.S\\:v-pb-size-24{padding-bottom:24px}:host(.S\\:v-pr-size-24),.S\\:v-pr-size-24{padding-right:24px}:host(.S\\:v-pl-size-24),.S\\:v-pl-size-24{padding-left:24px}:host(.S\\:v-p-size-32),.S\\:v-p-size-32{padding:32px}:host(.S\\:v-px-size-32),.S\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.S\\:v-py-size-32),.S\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.S\\:v-pt-size-32),.S\\:v-pt-size-32{padding-top:32px}:host(.S\\:v-pb-size-32),.S\\:v-pb-size-32{padding-bottom:32px}:host(.S\\:v-pr-size-32),.S\\:v-pr-size-32{padding-right:32px}:host(.S\\:v-pl-size-32),.S\\:v-pl-size-32{padding-left:32px}:host(.S\\:v-p-size-40),.S\\:v-p-size-40{padding:40px}:host(.S\\:v-px-size-40),.S\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.S\\:v-py-size-40),.S\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.S\\:v-pt-size-40),.S\\:v-pt-size-40{padding-top:40px}:host(.S\\:v-pb-size-40),.S\\:v-pb-size-40{padding-bottom:40px}:host(.S\\:v-pr-size-40),.S\\:v-pr-size-40{padding-right:40px}:host(.S\\:v-pl-size-40),.S\\:v-pl-size-40{padding-left:40px}:host(.S\\:v-p-size-48),.S\\:v-p-size-48{padding:48px}:host(.S\\:v-px-size-48),.S\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.S\\:v-py-size-48),.S\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.S\\:v-pt-size-48),.S\\:v-pt-size-48{padding-top:48px}:host(.S\\:v-pb-size-48),.S\\:v-pb-size-48{padding-bottom:48px}:host(.S\\:v-pr-size-48),.S\\:v-pr-size-48{padding-right:48px}:host(.S\\:v-pl-size-48),.S\\:v-pl-size-48{padding-left:48px}:host(.S\\:v-p-size-64),.S\\:v-p-size-64{padding:64px}:host(.S\\:v-px-size-64),.S\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.S\\:v-py-size-64),.S\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.S\\:v-pt-size-64),.S\\:v-pt-size-64{padding-top:64px}:host(.S\\:v-pb-size-64),.S\\:v-pb-size-64{padding-bottom:64px}:host(.S\\:v-pr-size-64),.S\\:v-pr-size-64{padding-right:64px}:host(.S\\:v-pl-size-64),.S\\:v-pl-size-64{padding-left:64px}:host(.S\\:v-p-size-72),.S\\:v-p-size-72{padding:72px}:host(.S\\:v-px-size-72),.S\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.S\\:v-py-size-72),.S\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.S\\:v-pt-size-72),.S\\:v-pt-size-72{padding-top:72px}:host(.S\\:v-pb-size-72),.S\\:v-pb-size-72{padding-bottom:72px}:host(.S\\:v-pr-size-72),.S\\:v-pr-size-72{padding-right:72px}:host(.S\\:v-pl-size-72),.S\\:v-pl-size-72{padding-left:72px}:host(.S\\:v-p-size-80),.S\\:v-p-size-80{padding:80px}:host(.S\\:v-px-size-80),.S\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.S\\:v-py-size-80),.S\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.S\\:v-pt-size-80),.S\\:v-pt-size-80{padding-top:80px}:host(.S\\:v-pb-size-80),.S\\:v-pb-size-80{padding-bottom:80px}:host(.S\\:v-pr-size-80),.S\\:v-pr-size-80{padding-right:80px}:host(.S\\:v-pl-size-80),.S\\:v-pl-size-80{padding-left:80px}:host(.S\\:v-p-size-112),.S\\:v-p-size-112{padding:112px}:host(.S\\:v-px-size-112),.S\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.S\\:v-py-size-112),.S\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.S\\:v-pt-size-112),.S\\:v-pt-size-112{padding-top:112px}:host(.S\\:v-pb-size-112),.S\\:v-pb-size-112{padding-bottom:112px}:host(.S\\:v-pr-size-112),.S\\:v-pr-size-112{padding-right:112px}:host(.S\\:v-pl-size-112),.S\\:v-pl-size-112{padding-left:112px}:host(.S\\:v-p-size-2),.S\\:v-p-size-2{padding:2px}:host(.S\\:v-px-size-2),.S\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.S\\:v-py-size-2),.S\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.S\\:v-pt-size-2),.S\\:v-pt-size-2{padding-top:2px}:host(.S\\:v-pb-size-2),.S\\:v-pb-size-2{padding-bottom:2px}:host(.S\\:v-pr-size-2),.S\\:v-pr-size-2{padding-right:2px}:host(.S\\:v-pl-size-2),.S\\:v-pl-size-2{padding-left:2px}}@media (min-width: 768px){:host(.M\\:v-p-0),.M\\:v-p-0{padding:0px}:host(.M\\:v-px-0),.M\\:v-px-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-0),.M\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-0),.M\\:v-pt-0{padding-top:0px}:host(.M\\:v-pb-0),.M\\:v-pb-0{padding-bottom:0px}:host(.M\\:v-pr-0),.M\\:v-pr-0{padding-right:0px}:host(.M\\:v-pl-0),.M\\:v-pl-0{padding-left:0px}:host(.M\\:v-p-size-0),.M\\:v-p-size-0{padding:0px}:host(.M\\:v-px-size-0),.M\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-size-0),.M\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-size-0),.M\\:v-pt-size-0{padding-top:0px}:host(.M\\:v-pb-size-0),.M\\:v-pb-size-0{padding-bottom:0px}:host(.M\\:v-pr-size-0),.M\\:v-pr-size-0{padding-right:0px}:host(.M\\:v-pl-size-0),.M\\:v-pl-size-0{padding-left:0px}:host(.M\\:v-p-size-4),.M\\:v-p-size-4{padding:4px}:host(.M\\:v-px-size-4),.M\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.M\\:v-py-size-4),.M\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.M\\:v-pt-size-4),.M\\:v-pt-size-4{padding-top:4px}:host(.M\\:v-pb-size-4),.M\\:v-pb-size-4{padding-bottom:4px}:host(.M\\:v-pr-size-4),.M\\:v-pr-size-4{padding-right:4px}:host(.M\\:v-pl-size-4),.M\\:v-pl-size-4{padding-left:4px}:host(.M\\:v-p-size-8),.M\\:v-p-size-8{padding:8px}:host(.M\\:v-px-size-8),.M\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.M\\:v-py-size-8),.M\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.M\\:v-pt-size-8),.M\\:v-pt-size-8{padding-top:8px}:host(.M\\:v-pb-size-8),.M\\:v-pb-size-8{padding-bottom:8px}:host(.M\\:v-pr-size-8),.M\\:v-pr-size-8{padding-right:8px}:host(.M\\:v-pl-size-8),.M\\:v-pl-size-8{padding-left:8px}:host(.M\\:v-p-size-12),.M\\:v-p-size-12{padding:12px}:host(.M\\:v-px-size-12),.M\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.M\\:v-py-size-12),.M\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.M\\:v-pt-size-12),.M\\:v-pt-size-12{padding-top:12px}:host(.M\\:v-pb-size-12),.M\\:v-pb-size-12{padding-bottom:12px}:host(.M\\:v-pr-size-12),.M\\:v-pr-size-12{padding-right:12px}:host(.M\\:v-pl-size-12),.M\\:v-pl-size-12{padding-left:12px}:host(.M\\:v-p-size-16),.M\\:v-p-size-16{padding:16px}:host(.M\\:v-px-size-16),.M\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.M\\:v-py-size-16),.M\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.M\\:v-pt-size-16),.M\\:v-pt-size-16{padding-top:16px}:host(.M\\:v-pb-size-16),.M\\:v-pb-size-16{padding-bottom:16px}:host(.M\\:v-pr-size-16),.M\\:v-pr-size-16{padding-right:16px}:host(.M\\:v-pl-size-16),.M\\:v-pl-size-16{padding-left:16px}:host(.M\\:v-p-size-20),.M\\:v-p-size-20{padding:20px}:host(.M\\:v-px-size-20),.M\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.M\\:v-py-size-20),.M\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.M\\:v-pt-size-20),.M\\:v-pt-size-20{padding-top:20px}:host(.M\\:v-pb-size-20),.M\\:v-pb-size-20{padding-bottom:20px}:host(.M\\:v-pr-size-20),.M\\:v-pr-size-20{padding-right:20px}:host(.M\\:v-pl-size-20),.M\\:v-pl-size-20{padding-left:20px}:host(.M\\:v-p-size-24),.M\\:v-p-size-24{padding:24px}:host(.M\\:v-px-size-24),.M\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.M\\:v-py-size-24),.M\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.M\\:v-pt-size-24),.M\\:v-pt-size-24{padding-top:24px}:host(.M\\:v-pb-size-24),.M\\:v-pb-size-24{padding-bottom:24px}:host(.M\\:v-pr-size-24),.M\\:v-pr-size-24{padding-right:24px}:host(.M\\:v-pl-size-24),.M\\:v-pl-size-24{padding-left:24px}:host(.M\\:v-p-size-32),.M\\:v-p-size-32{padding:32px}:host(.M\\:v-px-size-32),.M\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.M\\:v-py-size-32),.M\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.M\\:v-pt-size-32),.M\\:v-pt-size-32{padding-top:32px}:host(.M\\:v-pb-size-32),.M\\:v-pb-size-32{padding-bottom:32px}:host(.M\\:v-pr-size-32),.M\\:v-pr-size-32{padding-right:32px}:host(.M\\:v-pl-size-32),.M\\:v-pl-size-32{padding-left:32px}:host(.M\\:v-p-size-40),.M\\:v-p-size-40{padding:40px}:host(.M\\:v-px-size-40),.M\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.M\\:v-py-size-40),.M\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.M\\:v-pt-size-40),.M\\:v-pt-size-40{padding-top:40px}:host(.M\\:v-pb-size-40),.M\\:v-pb-size-40{padding-bottom:40px}:host(.M\\:v-pr-size-40),.M\\:v-pr-size-40{padding-right:40px}:host(.M\\:v-pl-size-40),.M\\:v-pl-size-40{padding-left:40px}:host(.M\\:v-p-size-48),.M\\:v-p-size-48{padding:48px}:host(.M\\:v-px-size-48),.M\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.M\\:v-py-size-48),.M\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.M\\:v-pt-size-48),.M\\:v-pt-size-48{padding-top:48px}:host(.M\\:v-pb-size-48),.M\\:v-pb-size-48{padding-bottom:48px}:host(.M\\:v-pr-size-48),.M\\:v-pr-size-48{padding-right:48px}:host(.M\\:v-pl-size-48),.M\\:v-pl-size-48{padding-left:48px}:host(.M\\:v-p-size-64),.M\\:v-p-size-64{padding:64px}:host(.M\\:v-px-size-64),.M\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.M\\:v-py-size-64),.M\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.M\\:v-pt-size-64),.M\\:v-pt-size-64{padding-top:64px}:host(.M\\:v-pb-size-64),.M\\:v-pb-size-64{padding-bottom:64px}:host(.M\\:v-pr-size-64),.M\\:v-pr-size-64{padding-right:64px}:host(.M\\:v-pl-size-64),.M\\:v-pl-size-64{padding-left:64px}:host(.M\\:v-p-size-72),.M\\:v-p-size-72{padding:72px}:host(.M\\:v-px-size-72),.M\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.M\\:v-py-size-72),.M\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.M\\:v-pt-size-72),.M\\:v-pt-size-72{padding-top:72px}:host(.M\\:v-pb-size-72),.M\\:v-pb-size-72{padding-bottom:72px}:host(.M\\:v-pr-size-72),.M\\:v-pr-size-72{padding-right:72px}:host(.M\\:v-pl-size-72),.M\\:v-pl-size-72{padding-left:72px}:host(.M\\:v-p-size-80),.M\\:v-p-size-80{padding:80px}:host(.M\\:v-px-size-80),.M\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.M\\:v-py-size-80),.M\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.M\\:v-pt-size-80),.M\\:v-pt-size-80{padding-top:80px}:host(.M\\:v-pb-size-80),.M\\:v-pb-size-80{padding-bottom:80px}:host(.M\\:v-pr-size-80),.M\\:v-pr-size-80{padding-right:80px}:host(.M\\:v-pl-size-80),.M\\:v-pl-size-80{padding-left:80px}:host(.M\\:v-p-size-112),.M\\:v-p-size-112{padding:112px}:host(.M\\:v-px-size-112),.M\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.M\\:v-py-size-112),.M\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.M\\:v-pt-size-112),.M\\:v-pt-size-112{padding-top:112px}:host(.M\\:v-pb-size-112),.M\\:v-pb-size-112{padding-bottom:112px}:host(.M\\:v-pr-size-112),.M\\:v-pr-size-112{padding-right:112px}:host(.M\\:v-pl-size-112),.M\\:v-pl-size-112{padding-left:112px}:host(.M\\:v-p-size-2),.M\\:v-p-size-2{padding:2px}:host(.M\\:v-px-size-2),.M\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.M\\:v-py-size-2),.M\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.M\\:v-pt-size-2),.M\\:v-pt-size-2{padding-top:2px}:host(.M\\:v-pb-size-2),.M\\:v-pb-size-2{padding-bottom:2px}:host(.M\\:v-pr-size-2),.M\\:v-pr-size-2{padding-right:2px}:host(.M\\:v-pl-size-2),.M\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1024px){:host(.L\\:v-p-0),.L\\:v-p-0{padding:0px}:host(.L\\:v-px-0),.L\\:v-px-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-0),.L\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-0),.L\\:v-pt-0{padding-top:0px}:host(.L\\:v-pb-0),.L\\:v-pb-0{padding-bottom:0px}:host(.L\\:v-pr-0),.L\\:v-pr-0{padding-right:0px}:host(.L\\:v-pl-0),.L\\:v-pl-0{padding-left:0px}:host(.L\\:v-p-size-0),.L\\:v-p-size-0{padding:0px}:host(.L\\:v-px-size-0),.L\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-size-0),.L\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-size-0),.L\\:v-pt-size-0{padding-top:0px}:host(.L\\:v-pb-size-0),.L\\:v-pb-size-0{padding-bottom:0px}:host(.L\\:v-pr-size-0),.L\\:v-pr-size-0{padding-right:0px}:host(.L\\:v-pl-size-0),.L\\:v-pl-size-0{padding-left:0px}:host(.L\\:v-p-size-4),.L\\:v-p-size-4{padding:4px}:host(.L\\:v-px-size-4),.L\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.L\\:v-py-size-4),.L\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.L\\:v-pt-size-4),.L\\:v-pt-size-4{padding-top:4px}:host(.L\\:v-pb-size-4),.L\\:v-pb-size-4{padding-bottom:4px}:host(.L\\:v-pr-size-4),.L\\:v-pr-size-4{padding-right:4px}:host(.L\\:v-pl-size-4),.L\\:v-pl-size-4{padding-left:4px}:host(.L\\:v-p-size-8),.L\\:v-p-size-8{padding:8px}:host(.L\\:v-px-size-8),.L\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.L\\:v-py-size-8),.L\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.L\\:v-pt-size-8),.L\\:v-pt-size-8{padding-top:8px}:host(.L\\:v-pb-size-8),.L\\:v-pb-size-8{padding-bottom:8px}:host(.L\\:v-pr-size-8),.L\\:v-pr-size-8{padding-right:8px}:host(.L\\:v-pl-size-8),.L\\:v-pl-size-8{padding-left:8px}:host(.L\\:v-p-size-12),.L\\:v-p-size-12{padding:12px}:host(.L\\:v-px-size-12),.L\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.L\\:v-py-size-12),.L\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.L\\:v-pt-size-12),.L\\:v-pt-size-12{padding-top:12px}:host(.L\\:v-pb-size-12),.L\\:v-pb-size-12{padding-bottom:12px}:host(.L\\:v-pr-size-12),.L\\:v-pr-size-12{padding-right:12px}:host(.L\\:v-pl-size-12),.L\\:v-pl-size-12{padding-left:12px}:host(.L\\:v-p-size-16),.L\\:v-p-size-16{padding:16px}:host(.L\\:v-px-size-16),.L\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.L\\:v-py-size-16),.L\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.L\\:v-pt-size-16),.L\\:v-pt-size-16{padding-top:16px}:host(.L\\:v-pb-size-16),.L\\:v-pb-size-16{padding-bottom:16px}:host(.L\\:v-pr-size-16),.L\\:v-pr-size-16{padding-right:16px}:host(.L\\:v-pl-size-16),.L\\:v-pl-size-16{padding-left:16px}:host(.L\\:v-p-size-20),.L\\:v-p-size-20{padding:20px}:host(.L\\:v-px-size-20),.L\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.L\\:v-py-size-20),.L\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.L\\:v-pt-size-20),.L\\:v-pt-size-20{padding-top:20px}:host(.L\\:v-pb-size-20),.L\\:v-pb-size-20{padding-bottom:20px}:host(.L\\:v-pr-size-20),.L\\:v-pr-size-20{padding-right:20px}:host(.L\\:v-pl-size-20),.L\\:v-pl-size-20{padding-left:20px}:host(.L\\:v-p-size-24),.L\\:v-p-size-24{padding:24px}:host(.L\\:v-px-size-24),.L\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.L\\:v-py-size-24),.L\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.L\\:v-pt-size-24),.L\\:v-pt-size-24{padding-top:24px}:host(.L\\:v-pb-size-24),.L\\:v-pb-size-24{padding-bottom:24px}:host(.L\\:v-pr-size-24),.L\\:v-pr-size-24{padding-right:24px}:host(.L\\:v-pl-size-24),.L\\:v-pl-size-24{padding-left:24px}:host(.L\\:v-p-size-32),.L\\:v-p-size-32{padding:32px}:host(.L\\:v-px-size-32),.L\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.L\\:v-py-size-32),.L\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.L\\:v-pt-size-32),.L\\:v-pt-size-32{padding-top:32px}:host(.L\\:v-pb-size-32),.L\\:v-pb-size-32{padding-bottom:32px}:host(.L\\:v-pr-size-32),.L\\:v-pr-size-32{padding-right:32px}:host(.L\\:v-pl-size-32),.L\\:v-pl-size-32{padding-left:32px}:host(.L\\:v-p-size-40),.L\\:v-p-size-40{padding:40px}:host(.L\\:v-px-size-40),.L\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.L\\:v-py-size-40),.L\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.L\\:v-pt-size-40),.L\\:v-pt-size-40{padding-top:40px}:host(.L\\:v-pb-size-40),.L\\:v-pb-size-40{padding-bottom:40px}:host(.L\\:v-pr-size-40),.L\\:v-pr-size-40{padding-right:40px}:host(.L\\:v-pl-size-40),.L\\:v-pl-size-40{padding-left:40px}:host(.L\\:v-p-size-48),.L\\:v-p-size-48{padding:48px}:host(.L\\:v-px-size-48),.L\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.L\\:v-py-size-48),.L\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.L\\:v-pt-size-48),.L\\:v-pt-size-48{padding-top:48px}:host(.L\\:v-pb-size-48),.L\\:v-pb-size-48{padding-bottom:48px}:host(.L\\:v-pr-size-48),.L\\:v-pr-size-48{padding-right:48px}:host(.L\\:v-pl-size-48),.L\\:v-pl-size-48{padding-left:48px}:host(.L\\:v-p-size-64),.L\\:v-p-size-64{padding:64px}:host(.L\\:v-px-size-64),.L\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.L\\:v-py-size-64),.L\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.L\\:v-pt-size-64),.L\\:v-pt-size-64{padding-top:64px}:host(.L\\:v-pb-size-64),.L\\:v-pb-size-64{padding-bottom:64px}:host(.L\\:v-pr-size-64),.L\\:v-pr-size-64{padding-right:64px}:host(.L\\:v-pl-size-64),.L\\:v-pl-size-64{padding-left:64px}:host(.L\\:v-p-size-72),.L\\:v-p-size-72{padding:72px}:host(.L\\:v-px-size-72),.L\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.L\\:v-py-size-72),.L\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.L\\:v-pt-size-72),.L\\:v-pt-size-72{padding-top:72px}:host(.L\\:v-pb-size-72),.L\\:v-pb-size-72{padding-bottom:72px}:host(.L\\:v-pr-size-72),.L\\:v-pr-size-72{padding-right:72px}:host(.L\\:v-pl-size-72),.L\\:v-pl-size-72{padding-left:72px}:host(.L\\:v-p-size-80),.L\\:v-p-size-80{padding:80px}:host(.L\\:v-px-size-80),.L\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.L\\:v-py-size-80),.L\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.L\\:v-pt-size-80),.L\\:v-pt-size-80{padding-top:80px}:host(.L\\:v-pb-size-80),.L\\:v-pb-size-80{padding-bottom:80px}:host(.L\\:v-pr-size-80),.L\\:v-pr-size-80{padding-right:80px}:host(.L\\:v-pl-size-80),.L\\:v-pl-size-80{padding-left:80px}:host(.L\\:v-p-size-112),.L\\:v-p-size-112{padding:112px}:host(.L\\:v-px-size-112),.L\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.L\\:v-py-size-112),.L\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.L\\:v-pt-size-112),.L\\:v-pt-size-112{padding-top:112px}:host(.L\\:v-pb-size-112),.L\\:v-pb-size-112{padding-bottom:112px}:host(.L\\:v-pr-size-112),.L\\:v-pr-size-112{padding-right:112px}:host(.L\\:v-pl-size-112),.L\\:v-pl-size-112{padding-left:112px}:host(.L\\:v-p-size-2),.L\\:v-p-size-2{padding:2px}:host(.L\\:v-px-size-2),.L\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.L\\:v-py-size-2),.L\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.L\\:v-pt-size-2),.L\\:v-pt-size-2{padding-top:2px}:host(.L\\:v-pb-size-2),.L\\:v-pb-size-2{padding-bottom:2px}:host(.L\\:v-pr-size-2),.L\\:v-pr-size-2{padding-right:2px}:host(.L\\:v-pl-size-2),.L\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-p-0),.XL\\:v-p-0{padding:0px}:host(.XL\\:v-px-0),.XL\\:v-px-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-0),.XL\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-0),.XL\\:v-pt-0{padding-top:0px}:host(.XL\\:v-pb-0),.XL\\:v-pb-0{padding-bottom:0px}:host(.XL\\:v-pr-0),.XL\\:v-pr-0{padding-right:0px}:host(.XL\\:v-pl-0),.XL\\:v-pl-0{padding-left:0px}:host(.XL\\:v-p-size-0),.XL\\:v-p-size-0{padding:0px}:host(.XL\\:v-px-size-0),.XL\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-size-0),.XL\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-size-0),.XL\\:v-pt-size-0{padding-top:0px}:host(.XL\\:v-pb-size-0),.XL\\:v-pb-size-0{padding-bottom:0px}:host(.XL\\:v-pr-size-0),.XL\\:v-pr-size-0{padding-right:0px}:host(.XL\\:v-pl-size-0),.XL\\:v-pl-size-0{padding-left:0px}:host(.XL\\:v-p-size-4),.XL\\:v-p-size-4{padding:4px}:host(.XL\\:v-px-size-4),.XL\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.XL\\:v-py-size-4),.XL\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.XL\\:v-pt-size-4),.XL\\:v-pt-size-4{padding-top:4px}:host(.XL\\:v-pb-size-4),.XL\\:v-pb-size-4{padding-bottom:4px}:host(.XL\\:v-pr-size-4),.XL\\:v-pr-size-4{padding-right:4px}:host(.XL\\:v-pl-size-4),.XL\\:v-pl-size-4{padding-left:4px}:host(.XL\\:v-p-size-8),.XL\\:v-p-size-8{padding:8px}:host(.XL\\:v-px-size-8),.XL\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.XL\\:v-py-size-8),.XL\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.XL\\:v-pt-size-8),.XL\\:v-pt-size-8{padding-top:8px}:host(.XL\\:v-pb-size-8),.XL\\:v-pb-size-8{padding-bottom:8px}:host(.XL\\:v-pr-size-8),.XL\\:v-pr-size-8{padding-right:8px}:host(.XL\\:v-pl-size-8),.XL\\:v-pl-size-8{padding-left:8px}:host(.XL\\:v-p-size-12),.XL\\:v-p-size-12{padding:12px}:host(.XL\\:v-px-size-12),.XL\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.XL\\:v-py-size-12),.XL\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.XL\\:v-pt-size-12),.XL\\:v-pt-size-12{padding-top:12px}:host(.XL\\:v-pb-size-12),.XL\\:v-pb-size-12{padding-bottom:12px}:host(.XL\\:v-pr-size-12),.XL\\:v-pr-size-12{padding-right:12px}:host(.XL\\:v-pl-size-12),.XL\\:v-pl-size-12{padding-left:12px}:host(.XL\\:v-p-size-16),.XL\\:v-p-size-16{padding:16px}:host(.XL\\:v-px-size-16),.XL\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.XL\\:v-py-size-16),.XL\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.XL\\:v-pt-size-16),.XL\\:v-pt-size-16{padding-top:16px}:host(.XL\\:v-pb-size-16),.XL\\:v-pb-size-16{padding-bottom:16px}:host(.XL\\:v-pr-size-16),.XL\\:v-pr-size-16{padding-right:16px}:host(.XL\\:v-pl-size-16),.XL\\:v-pl-size-16{padding-left:16px}:host(.XL\\:v-p-size-20),.XL\\:v-p-size-20{padding:20px}:host(.XL\\:v-px-size-20),.XL\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.XL\\:v-py-size-20),.XL\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.XL\\:v-pt-size-20),.XL\\:v-pt-size-20{padding-top:20px}:host(.XL\\:v-pb-size-20),.XL\\:v-pb-size-20{padding-bottom:20px}:host(.XL\\:v-pr-size-20),.XL\\:v-pr-size-20{padding-right:20px}:host(.XL\\:v-pl-size-20),.XL\\:v-pl-size-20{padding-left:20px}:host(.XL\\:v-p-size-24),.XL\\:v-p-size-24{padding:24px}:host(.XL\\:v-px-size-24),.XL\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.XL\\:v-py-size-24),.XL\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.XL\\:v-pt-size-24),.XL\\:v-pt-size-24{padding-top:24px}:host(.XL\\:v-pb-size-24),.XL\\:v-pb-size-24{padding-bottom:24px}:host(.XL\\:v-pr-size-24),.XL\\:v-pr-size-24{padding-right:24px}:host(.XL\\:v-pl-size-24),.XL\\:v-pl-size-24{padding-left:24px}:host(.XL\\:v-p-size-32),.XL\\:v-p-size-32{padding:32px}:host(.XL\\:v-px-size-32),.XL\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.XL\\:v-py-size-32),.XL\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.XL\\:v-pt-size-32),.XL\\:v-pt-size-32{padding-top:32px}:host(.XL\\:v-pb-size-32),.XL\\:v-pb-size-32{padding-bottom:32px}:host(.XL\\:v-pr-size-32),.XL\\:v-pr-size-32{padding-right:32px}:host(.XL\\:v-pl-size-32),.XL\\:v-pl-size-32{padding-left:32px}:host(.XL\\:v-p-size-40),.XL\\:v-p-size-40{padding:40px}:host(.XL\\:v-px-size-40),.XL\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.XL\\:v-py-size-40),.XL\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.XL\\:v-pt-size-40),.XL\\:v-pt-size-40{padding-top:40px}:host(.XL\\:v-pb-size-40),.XL\\:v-pb-size-40{padding-bottom:40px}:host(.XL\\:v-pr-size-40),.XL\\:v-pr-size-40{padding-right:40px}:host(.XL\\:v-pl-size-40),.XL\\:v-pl-size-40{padding-left:40px}:host(.XL\\:v-p-size-48),.XL\\:v-p-size-48{padding:48px}:host(.XL\\:v-px-size-48),.XL\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.XL\\:v-py-size-48),.XL\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.XL\\:v-pt-size-48),.XL\\:v-pt-size-48{padding-top:48px}:host(.XL\\:v-pb-size-48),.XL\\:v-pb-size-48{padding-bottom:48px}:host(.XL\\:v-pr-size-48),.XL\\:v-pr-size-48{padding-right:48px}:host(.XL\\:v-pl-size-48),.XL\\:v-pl-size-48{padding-left:48px}:host(.XL\\:v-p-size-64),.XL\\:v-p-size-64{padding:64px}:host(.XL\\:v-px-size-64),.XL\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.XL\\:v-py-size-64),.XL\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.XL\\:v-pt-size-64),.XL\\:v-pt-size-64{padding-top:64px}:host(.XL\\:v-pb-size-64),.XL\\:v-pb-size-64{padding-bottom:64px}:host(.XL\\:v-pr-size-64),.XL\\:v-pr-size-64{padding-right:64px}:host(.XL\\:v-pl-size-64),.XL\\:v-pl-size-64{padding-left:64px}:host(.XL\\:v-p-size-72),.XL\\:v-p-size-72{padding:72px}:host(.XL\\:v-px-size-72),.XL\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.XL\\:v-py-size-72),.XL\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.XL\\:v-pt-size-72),.XL\\:v-pt-size-72{padding-top:72px}:host(.XL\\:v-pb-size-72),.XL\\:v-pb-size-72{padding-bottom:72px}:host(.XL\\:v-pr-size-72),.XL\\:v-pr-size-72{padding-right:72px}:host(.XL\\:v-pl-size-72),.XL\\:v-pl-size-72{padding-left:72px}:host(.XL\\:v-p-size-80),.XL\\:v-p-size-80{padding:80px}:host(.XL\\:v-px-size-80),.XL\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.XL\\:v-py-size-80),.XL\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.XL\\:v-pt-size-80),.XL\\:v-pt-size-80{padding-top:80px}:host(.XL\\:v-pb-size-80),.XL\\:v-pb-size-80{padding-bottom:80px}:host(.XL\\:v-pr-size-80),.XL\\:v-pr-size-80{padding-right:80px}:host(.XL\\:v-pl-size-80),.XL\\:v-pl-size-80{padding-left:80px}:host(.XL\\:v-p-size-112),.XL\\:v-p-size-112{padding:112px}:host(.XL\\:v-px-size-112),.XL\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.XL\\:v-py-size-112),.XL\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.XL\\:v-pt-size-112),.XL\\:v-pt-size-112{padding-top:112px}:host(.XL\\:v-pb-size-112),.XL\\:v-pb-size-112{padding-bottom:112px}:host(.XL\\:v-pr-size-112),.XL\\:v-pr-size-112{padding-right:112px}:host(.XL\\:v-pl-size-112),.XL\\:v-pl-size-112{padding-left:112px}:host(.XL\\:v-p-size-2),.XL\\:v-p-size-2{padding:2px}:host(.XL\\:v-px-size-2),.XL\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.XL\\:v-py-size-2),.XL\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.XL\\:v-pt-size-2),.XL\\:v-pt-size-2{padding-top:2px}:host(.XL\\:v-pb-size-2),.XL\\:v-pb-size-2{padding-bottom:2px}:host(.XL\\:v-pr-size-2),.XL\\:v-pr-size-2{padding-right:2px}:host(.XL\\:v-pl-size-2),.XL\\:v-pl-size-2{padding-left:2px}}:host{position:absolute}:host(.vega-force-hidden){display:none !important}.vega-popover-content{border-radius:8px;position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-shadow:var(--v-shadow-popover, 0px 0px 88px 0px rgba(2, 2, 15, 0.01), 0px 0px 32px 0px rgba(2, 2, 15, 0.02), 0px 4px 72px 0px rgba(2, 2, 15, 0.06))}.vega-popover-content .vega-arrow{position:absolute}.vega-popover-content .vega-arrow::after{display:inline-block;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));content:"";border-right-width:0px;border-bottom-width:0px;border-radius:4px 1px 0 1px;transform:skewX(18deg);width:18px;height:17.12px;border-right-color:transparent;border-bottom-color:transparent}:host(.vega-placement-left) .vega-arrow{transform:rotate(144deg);right:-9px}:host(.vega-placement-left.vega-alignment-start) .vega-arrow{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-arrow{top:calc(50% - 14px)}:host(.vega-placement-left.vega-alignment-end) .vega-arrow{bottom:12px}:host(.vega-placement-right) .vega-arrow{transform:rotate(324deg);left:-9px}:host(.vega-placement-right.vega-alignment-start) .vega-arrow{top:12px}:host(.vega-placement-right.vega-alignment-center) .vega-arrow{top:calc(50% - 10px)}:host(.vega-placement-right.vega-alignment-end) .vega-arrow{bottom:8px}:host(.vega-placement-top) .vega-arrow{transform:rotate(234deg);bottom:-10.65px}:host(.vega-placement-top.vega-alignment-start) .vega-arrow{left:24px}:host(.vega-placement-top.vega-alignment-center) .vega-arrow{left:calc(50% - 9px)}:host(.vega-placement-top.vega-alignment-end) .vega-arrow{right:18px}:host(.vega-placement-bottom) .vega-arrow{transform:rotate(54deg);top:-10.65px}:host(.vega-placement-bottom.vega-alignment-start) .vega-arrow{left:18px}:host(.vega-placement-bottom.vega-alignment-center) .vega-arrow{left:calc(50% - 14px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-arrow{right:24px}:host(.vega-placement-top){margin-top:-20px}:host(.vega-placement-bottom){margin-top:20px}:host(.vega-placement-right){margin-left:20px}:host(.vega-placement-left){margin-left:-20px}:host(.no-arrow.vega-placement-top){margin-top:-8px}:host(.no-arrow.vega-placement-bottom){margin-top:8px}:host(.no-arrow.vega-placement-right){margin-left:8px}:host(.no-arrow.vega-placement-left){margin-left:-8px}';export{j as vega_popover,R as vega_popover_content_box}