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

package/dist/vega/vega-banner.entry.js

@@ -1,351 +0,0 @@
-import { h, g as Host, r as registerInstance, e as createEvent, i as getElement } from './index-01a2f9c9.js';
-import { V as VegaSlimmer, b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
-import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-5f775fd9.js';
-import { a as VegaInternalIconManager } from './internal-icon-manager-9279071a.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
-import { a as VegaClick, f as VegaClose, g as VegaActionButtonClick } from './vega-event-id-61c8bd9f.js';
-import { F as FeatureFlag } from './feature-flag-controller-24b9f956.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
-import './change-manager-b115783e.js';
-import './observer-3959f9dd.js';
-import './dom-node-subject-factory-5798693b.js';
-import './index-1f9eab8f.js';
-import './_commonjsHelpers-2088bffa.js';
-import './internal-vega-event-manager-826279b7.js';
-import './try-get-document-bef0f526.js';
-
-var __decorate$3 = (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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/** The code snippet you provided is defining a TypeScript class called `VegaBannerRenderer` that extends `VegaSlimmer`. Within this class, there are several properties annotated with `@MapToComponentField()` decorator, which likely indicates that these properties will be mapped to corresponding fields in a component. */
-class VegaBannerRenderer extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
-    this.space = this.isMobileDevice ? 'size-16' : 'size-24';
-    /**
-     * invoke the method to remove the component host element
-     */
-    this.handleCloseButtonClick = () => {
-      const closeEvent = this.closeEventEmitter.emit();
-      if (closeEvent && !closeEvent.defaultPrevented) {
-        this.host.remove();
-      }
-    };
-  }
-  /**
-   * The `render()` method in the `VegaBannerRenderer` class is responsible for rendering the HTML
-   * structure of the banner component based on the properties set in the class.
-   */
-  render() {
-    const hostClassName = [
-      `banner-${this.type}`,
-      this.isMobileDevice && 'banner-mobile',
-      !this.isOpen && 'banner-hidden',
-    ].filter(Boolean);
-    return (h(Host, { class: arrayToClassString(hostClassName), padding: this.space },
-      h("vega-flex", { direction: "row", gap: this.isMobileDevice ? 'size-8' : 'size-16', justifyContent: "space-between", alignItems: "start" },
-        this.renderPrefixIcon(),
-        this.renderBannerContent(),
-        this.renderCloseButton()),
-      this.isMobileDevice ? this.actionButtonRenderer.render() : null));
-  }
-  /**
-   * rendering the content structure of the banner component.
-   *
-   * @returns {HTMLElement} the banner content element
-   */
-  renderBannerContent() {
-    return (h("div", { class: {
-        ['banner-content-container']: true,
-        ['linear']: !this.isMobileDevice && (!this.content || !this.bannerTitle),
-      } },
-      this.renderBannerTitle(),
-      h("div", { class: "banner-content" },
-        h("vega-font", { variant: this.isMobileDevice ? 'font-footnote1-long' : 'font-p2-short', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.content),
-        this.isMobileDevice ? null : this.actionButtonRenderer.render())));
-  }
-  /**
-   * Get banner title element by property
-   *
-   * @returns {Nullable<HTMLVegaFontElement>} vega-font element if property is not empty
-   */
-  renderBannerTitle() {
-    if (this.bannerTitle) {
-      return (h("vega-font", { class: "banner-title", variant: this.isMobileDevice ? 'font-h6' : 'font-h5', color: this.type === 'error' ? 'text-primary' : 'text-black' }, this.bannerTitle));
-    }
-  }
-  /**
-   * rendering the close button in banner component
-   *
-   * @returns {Nullable<HTMLElement>} the close button element
-   */
-  renderCloseButton() {
-    if (this.showCloseButton) {
-      return (h("div", { class: "banner-close-button", "aria-label": "Close Button", role: 'button', tabIndex: 0, onClick: this.handleCloseButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() },
-        h("vega-icon", { size: this.isMobileDevice ? 'size-12' : 'size-16', icon: this.iconController.getCloseIcon() })));
-    }
-  }
-  /**
-   * rendering the match icon for banner component
-   *
-   * @returns {HTMLElement} the icon element
-   */
-  renderPrefixIcon() {
-    return (h("div", { class: "banner-prefix-icon" },
-      h("vega-icon", { size: this.space, icon: this.iconController.getIconByType() })));
-  }
-}
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "host", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "type", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "bannerTitle", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "content", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "showCloseButton", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "actionButtons", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "actionButtonRenderer", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "iconController", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "isOpen", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBannerRenderer.prototype, "closeEventEmitter", void 0);
-
-const triangleExclamation = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>`,
-};
-
-const circleCheck = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>`,
-};
-
-const circleInfo = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>`,
-};
-
-const circleQuestion = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>`,
-};
-
-const xmarkLarge = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>`,
-};
-
-var __decorate$2 = (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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var VegaBannerIconMap;
-(function (VegaBannerIconMap) {
-  VegaBannerIconMap["warning"] = "triangle-exclamation";
-  VegaBannerIconMap["success"] = "circle-check";
-  VegaBannerIconMap["error"] = "circle-question";
-  VegaBannerIconMap["info"] = "circle-info";
-})(VegaBannerIconMap || (VegaBannerIconMap = {}));
-/** The VegaBannerIconController class in TypeScript extends VegaSlimmer and provides a method to retrieve an icon based on the type of VegaBanner. */
-class VegaBannerIconController extends VegaSlimmer {
-  /**
-   * The function `getIconByType` returns the icon corresponding to the type from the `VegaBannerIconMap`.
-   *
-   * @returns {string} The function `getIconByType` is returning the icon associated with the `type` from the `VegaBannerIconMap`.
-   */
-  getIconByType() {
-    return VegaInternalIconManager.getIconKey(VegaBannerIconMap[this.type]);
-  }
-  /**
-   * Get the close button icon
-   *
-   * @returns {string} the internal icon key
-   */
-  getCloseIcon() {
-    return VegaInternalIconManager.getIconKey('xmark-large');
-  }
-}
-(() => {
-  VegaInternalIconManager.register({
-    'triangle-exclamation': triangleExclamation,
-    'circle-check': circleCheck,
-    'circle-question': circleQuestion,
-    'circle-info': circleInfo,
-    'xmark-large': xmarkLarge,
-  });
-})();
-__decorate$2([
-  MapToComponentField()
-], VegaBannerIconController.prototype, "type", void 0);
-
-var __decorate$1 = (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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/** The `VegaBannerActionButtonRenderer` class in TypeScript React renders action buttons within a banner component. */
-class VegaBannerActionButtonRenderer extends VegaSlimmer {
-  /**
-   * rendering the action buttons within the banner component.
-   *
-   * @returns {Nullable<HTMLElement>} the action button element
-   */
-  render() {
-    var _a;
-    if (((_a = this.actionButtons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      return (h("div", { class: "banner-buttons" }, this.actionButtons.map((buttonProps, index) => {
-        return this.renderButtonItem(buttonProps, `${buttonProps.label}${index}`);
-      })));
-    }
-  }
-  /**
-   * This function renders a button component with specific properties and a click event handler.
-   *
-   * @param {VegaBannerActionButtonType} buttonProps button label and click callback
-   * @param {string} key - unique key string
-   * @returns {HTMLVegaButtonElement} vega button element
-   */
-  renderButtonItem(buttonProps, key) {
-    return (h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, VegaClick, () => {
-          if (!FeatureFlag.isEnabled('VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK') &&
-            typeof buttonProps.vegaClick === 'function') {
-            buttonProps.vegaClick(buttonProps);
-          }
-          this.actionButtonClickEventEmitter.emit(buttonProps);
-        });
-      } }, buttonProps.label));
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaBannerActionButtonRenderer.prototype, "actionButtons", void 0);
-__decorate$1([
-  MapToComponentField()
-], VegaBannerActionButtonRenderer.prototype, "actionButtonClickEventEmitter", void 0);
-
-const vegaBannerCss = ":host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}";
-
-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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const VegaBanner = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.vegaClose = createEvent(this, "vegaClose", 7);
-    this.close = createEvent(this, "close", 7);
-    this.vegaActionButtonClick = createEvent(this, "vegaActionButtonClick", 7);
-    this.actionButtonClick = createEvent(this, "actionButtonClick", 7);
-    this.globalSlimmers = {};
-    this.closeEventEmitter = createEventEmitSlimmer(VegaBanner, VegaClose);
-    this.renderer = new VegaBannerRenderer();
-    this.actionButtonRenderer = new VegaBannerActionButtonRenderer();
-    this.iconController = new VegaBannerIconController();
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    this.actionButtonClickEventEmitter = createEventEmitSlimmer(VegaBanner, VegaActionButtonClick);
-    /**
-     * Specifies the type of the banner.
-     *
-     * @vegaVersion 2.8.0
-     */
-    this.type = 'info';
-    /**
-     * Specifies the label or title for the banner.
-     *
-     * @vegaVersion 2.8.0
-     */
-    this.bannerTitle = '';
-    /**
-     * Specifies the content displayed within the banner.
-     *
-     * @vegaVersion 2.8.0
-     */
-    this.content = '';
-    /**
-     * Specifies the action buttons available within the banner.
-     *    These buttons enable users to perform specific actions,
-     *    enhancing user interaction within the banner.
-     *
-     * @vegaVersion 2.8.0
-     */
-    this.actionButtons = null;
-    /**
-     * Determines whether the close icon is displayed.
-     *
-     * @vegaVersion 1.13.0
-     */
-    this.showCloseButton = true;
-    /**
-     * Determines whether the banner is displayed.
-     *
-     * @vegaVersion 2.13.0
-     */
-    this.isOpen = true;
-  }
-  /**
-   * Invoke this method to close the banner.
-   *
-   * @vegaVersion 2.8.0
-   */
-  async doClose() {
-    this.host.remove();
-    this.closeEventEmitter.emit();
-  }
-  render() {
-    return sanitizeVegaComponent(this.renderer.render(), this.host);
-  }
-  get host() { return getElement(this); }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaBanner.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "closeEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "renderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "actionButtonRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "iconController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBanner.prototype, "actionButtonClickEventEmitter", void 0);
-VegaBanner.style = vegaBannerCss;
-
-export { VegaBanner as vega_banner };