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

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

@@ -1,353 +0,0 @@
-import { r as registerInstance, h, g as Host, i as getElement } from './index-01a2f9c9.js';
-import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
-import { k as formatAndValidStateToken, f as formatAndValidResponsiveToken, l as formatAndValidBorderStyle } from './design-token-4e585c60.js';
-import { a as arrayToClassString } from './ui-5f775fd9.js';
-import { V as VegaSlimmer, b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
-import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { r as responsiveFormatFacade } from './responsive-format-facade-d4abfdb9.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-ee8774a6.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import { f as formatFlexStyles } from './style-formatter-a6c7c551.js';
-import './type-guard-09acedc9.js';
-import './breakpoints-d9faf11c.js';
-import './ui-189dae23.js';
-import './typography-396de03f.js';
-import './index-81ce67e2.js';
-import './change-manager-b115783e.js';
-import './static-subject-title-6fdf8c8b.js';
-import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
-import './try-get-document-bef0f526.js';
-import './number-4398f2e1.js';
-import './pixel-f32c07ce.js';
-import './array-a1d98264.js';
-import './public-api-a77a0b33.js';
-import './vega-env-manager-8f8dc473.js';
-import './internal-vega-event-manager-826279b7.js';
-import './vega-event-id-61c8bd9f.js';
-import './internal-vega-z-index-manager-f0ca0975.js';
-import './feature-flag-controller-24b9f956.js';
-import './index-1f9eab8f.js';
-import './_commonjsHelpers-2088bffa.js';
-import './dark-mode-style-controller-e2a2f76c.js';
-import './observer-3959f9dd.js';
-import './internal-icon-manager-9279071a.js';
-import './valid-credit-card-number-rule-04b032a6.js';
-import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './index-b04c1ee0.js';
-import './dom-node-subject-factory-5798693b.js';
-import './vega-internal-event-id-b65a01a3.js';
-import './content-state-fc9d98e0.js';
-import './code-block-b5f8fc8a.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './dto-renderer-manager-12bc9121.js';
-import './base-renderer-101f6d04.js';
-import './dom-node-subject-observer-factory-3b49c6b3.js';
-import './column-operation-a1620c67.js';
-import './remote-invocation-registry-4219120b.js';
-import './timer-9321173b.js';
-import './styles.constants-b320e4a7.js';
-import './range-429fb0e2.js';
-
-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;
-};
-/**
- * VegaBoxStateStylesController
- */
-class VegaBoxStateStylesController extends VegaSlimmer {
-  /**
-   * componentWillLoad, while component will load should append state style to shadowroot
-   */
-  componentWillLoad() {
-    this.appendAllStateStyles();
-  }
-  /**
-   * The function `watchBorder` in TypeScript appends state styles for the border.
-   */
-  watchBorder() {
-    this.appendStateStyles(this.border, 'border');
-    this.makeBorderColorAfterBorder();
-  }
-  /**
-   * The function `watchShadow` in TypeScript appends state styles for the shadow.
-   */
-  watchShadow() {
-    this.appendStateStyles(this.shadow, 'shadow');
-  }
-  /**
-   * The function `watchBorderColor` in TypeScript appends state styles for the border color.
-   */
-  watchBorderColor() {
-    this.appendStateStyles(this.borderColor, 'borderColor');
-    this.makeBorderColorAfterBorder();
-  }
-  /**
-   * The function `watchBackgroundColor` in TypeScript appends state styles for the background color.
-   */
-  watchBackgroundColor() {
-    this.appendStateStyles(this.backgroundColor, 'backgroundColor');
-  }
-  /**
-   * The function `appendStateStyles` appends CSS styles for a specific state variant to the shadow root
-   * of a host element.
-   *
-   * @param {StateVariantType} token - The `token` parameter in the `appendStateStyles` function is a StateVariantType that
-   * represents the styles associated with a specific state of a component. It is used to define the CSS
-   * styles that should be applied when the component is in that particular state.
-   * @param {keyof ManagedStateScopeInput} flag - The `flag` parameter in the `appendStateStyles` function is used to specify the
-   * key of the ManagedStateScopeInput object for which the state styles are being appended.
-   */
-  appendStateStyles(token, flag) {
-    var _a;
-    (_a = this.host.shadowRoot.querySelector(`style#state-styles-${flag}`)) === null || _a === void 0 ? void 0 : _a.remove();
-    const styles = formatAndValidStateToken(token, flag);
-    if (styles) {
-      // eslint-disable-next-line no-restricted-globals
-      const styleElement = document.createElement('style');
-      styleElement.setAttribute('id', `state-styles-${flag}`);
-      if (vegaNonceManager.nonce) {
-        styleElement.setAttribute('nonce', vegaNonceManager.nonce);
-      }
-      styleElement.innerHTML = formatAndValidStateToken(token, flag);
-      this.host.shadowRoot.append(styleElement);
-    }
-  }
-  /**
-   * When both border color and border are set,
-   * we need to ensure that the border color is placed after the border so that the border color can take effect.
-   */
-  makeBorderColorAfterBorder() {
-    const borderColor = this.host.shadowRoot.querySelector(`style#state-styles-borderColor`);
-    const border = this.host.shadowRoot.querySelector(`style#state-styles-border`);
-    if (borderColor && border) {
-      border.after(borderColor);
-    }
-  }
-  /**
-   * The function `appendAllStateStyles` appends styles for background color, border color, border, and
-   * shadow.
-   */
-  appendAllStateStyles() {
-    this.appendStateStyles(this.backgroundColor, 'backgroundColor');
-    this.appendStateStyles(this.border, 'border');
-    this.appendStateStyles(this.borderColor, 'borderColor');
-    this.appendStateStyles(this.shadow, 'shadow');
-  }
-}
-__decorate$2([
-  MapToComponentField()
-], VegaBoxStateStylesController.prototype, "host", void 0);
-__decorate$2([
-  MapToComponentField()
-], VegaBoxStateStylesController.prototype, "backgroundColor", void 0);
-__decorate$2([
-  MapToComponentField()
-], VegaBoxStateStylesController.prototype, "borderColor", void 0);
-__decorate$2([
-  MapToComponentField()
-], VegaBoxStateStylesController.prototype, "border", void 0);
-__decorate$2([
-  MapToComponentField()
-], VegaBoxStateStylesController.prototype, "shadow", void 0);
-__decorate$2([
-  MapToComponentMethod('componentWillLoad')
-], VegaBoxStateStylesController.prototype, "componentWillLoad", null);
-__decorate$2([
-  MapToComponentMethod('watchBorder')
-], VegaBoxStateStylesController.prototype, "watchBorder", null);
-__decorate$2([
-  MapToComponentMethod('watchShadow')
-], VegaBoxStateStylesController.prototype, "watchShadow", null);
-__decorate$2([
-  MapToComponentMethod('watchBorderColor')
-], VegaBoxStateStylesController.prototype, "watchBorderColor", null);
-__decorate$2([
-  MapToComponentMethod('watchBackgroundColor')
-], VegaBoxStateStylesController.prototype, "watchBackgroundColor", null);
-
-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;
-};
-/**
- * Generate the responsive style for the component.
- */
-class VegaBoxResponsiveStyleController extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.paddingStyleRef = null;
-    this.marginStyleRef = null;
-    this.cornersStyleRef = null;
-  }
-  /**
-   * Create all responsive style content.
-   */
-  setDefaultStyle() {
-    this.generatePaddingStyle();
-    this.generateMarginStyle();
-    this.generateCornersStyle();
-  }
-  /**
-   * Update the padding style when the property padding update.
-   */
-  generatePaddingStyle() {
-    const style = formatAndValidResponsiveToken(this.padding, 'paddingStyle');
-    this.attachStyle('padding', style);
-  }
-  /**
-   * Update the margin style when the property margin update.
-   */
-  generateMarginStyle() {
-    const style = formatAndValidResponsiveToken(this.margin, 'marginStyle');
-    this.attachStyle('margin', style);
-  }
-  /**
-   * Update the corners style when the property corners update.
-   */
-  generateCornersStyle() {
-    const style = formatAndValidResponsiveToken(this.corners, 'cornersStyle');
-    this.attachStyle('corners', style);
-  }
-  /**
-   * Create style element or update the style element content.
-   *
-   * @param {StyleType} styleName - The style property name.
-   * @param {string} cssText - The style content.
-   */
-  attachStyle(styleName, cssText) {
-    if (cssText) {
-      const elementKey = `${styleName}StyleRef`;
-      const container = this.host.shadowRoot;
-      if (!this[elementKey]) {
-        // eslint-disable-next-line no-restricted-globals
-        this[elementKey] = document.createElement('style');
-        if (vegaNonceManager.nonce) {
-          this[elementKey].setAttribute('nonce', vegaNonceManager.nonce);
-        }
-        container.appendChild(this[elementKey]);
-      }
-      this[elementKey].innerHTML = cssText;
-    }
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaBoxResponsiveStyleController.prototype, "host", void 0);
-__decorate$1([
-  MapToComponentField()
-], VegaBoxResponsiveStyleController.prototype, "padding", void 0);
-__decorate$1([
-  MapToComponentField()
-], VegaBoxResponsiveStyleController.prototype, "margin", void 0);
-__decorate$1([
-  MapToComponentField()
-], VegaBoxResponsiveStyleController.prototype, "corners", void 0);
-__decorate$1([
-  MapToComponentMethod('componentWillLoad')
-], VegaBoxResponsiveStyleController.prototype, "setDefaultStyle", null);
-__decorate$1([
-  MapToComponentMethod('watchPaddingChange')
-], VegaBoxResponsiveStyleController.prototype, "generatePaddingStyle", null);
-__decorate$1([
-  MapToComponentMethod('watchMarginChange')
-], VegaBoxResponsiveStyleController.prototype, "generateMarginStyle", null);
-__decorate$1([
-  MapToComponentMethod('watchCornersChange')
-], VegaBoxResponsiveStyleController.prototype, "generateCornersStyle", null);
-
-const vegaBoxCss = ":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(.v-border-solid),.v-border-solid{border-style:solid}:host(.v-border-dashed),.v-border-dashed{border-style:dashed}:host(.v-border-dotted),.v-border-dotted{border-style:dotted}:host(.v-border-double),.v-border-double{border-style:double}:host(.v-border-none),.v-border-none{border-style:none}:host{display:block}";
-
-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 VegaBox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.globalSlimmers = {};
-    this.pageResizeSlimmer = new PageResizeObserverSlimmer();
-    this.stateStyleController = new VegaBoxStateStylesController();
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    this.responsiveStyleController = new VegaBoxResponsiveStyleController();
-  }
-  watchPaddingChange() {
-    methodPlaceholder();
-  }
-  watchMarginChange() {
-    methodPlaceholder();
-  }
-  watchBorder() {
-    methodPlaceholder();
-  }
-  watchShadow() {
-    methodPlaceholder();
-  }
-  watchBorderColor() {
-    methodPlaceholder();
-  }
-  watchBackgroundColor() {
-    methodPlaceholder();
-  }
-  watchCornersChange() {
-    methodPlaceholder();
-  }
-  render() {
-    const hostClasses = [
-      formatAndValidResponsiveToken(this.padding, 'padding'),
-      formatAndValidResponsiveToken(this.margin, 'margin'),
-      formatAndValidResponsiveToken(this.display, 'boxDisplay'),
-      formatAndValidResponsiveToken(this.corners, 'corners'),
-      formatAndValidBorderStyle(this.borderStyle),
-      responsiveFormatFacade.formatCustom(this.responsiveClass),
-    ];
-    const styles = Object.assign({ width: formatAndValidResponsiveToken(this.width, 'widthAndHeight'), height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'), minHeight: formatAndValidResponsiveToken(this.minHeight, 'widthAndHeight'), maxHeight: formatAndValidResponsiveToken(this.maxHeight, 'widthAndHeight'), order: this.order && `${responsiveFormatFacade.formatCustom(this.order)}`, alignSelf: this.alignSelf && `${responsiveFormatFacade.formatCustom(this.alignSelf)}`, justifySelf: this.justifySelf && `${responsiveFormatFacade.formatCustom(this.justifySelf)}` }, formatFlexStyles(this.flex, this.flexGrow, this.flexShrink, this.flexBasis));
-    if (this.gridArea) {
-      styles.gridArea = `${responsiveFormatFacade.formatCustom(this.gridArea)}`;
-    }
-    else {
-      styles.gridColumn = this.gridColumn && `${responsiveFormatFacade.formatCustom(this.gridColumn)}`;
-      styles.gridRow = this.gridRow && `${responsiveFormatFacade.formatCustom(this.gridRow)}`;
-    }
-    return sanitizeVegaComponent(h(Host, { style: styles, class: arrayToClassString(hostClasses) }, h("slot", null)), this.host);
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "padding": ["watchPaddingChange"],
-    "margin": ["watchMarginChange"],
-    "border": ["watchBorder"],
-    "shadow": ["watchShadow"],
-    "borderColor": ["watchBorderColor"],
-    "backgroundColor": ["watchBackgroundColor"],
-    "corners": ["watchCornersChange"]
-  }; }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaBox.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBox.prototype, "pageResizeSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBox.prototype, "stateStyleController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBox.prototype, "responsiveStyleController", void 0);
-VegaBox.style = vegaBoxCss;
-
-export { VegaBox as vega_box };

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

@@ -1,249 +0,0 @@
-import { h, F as Fragment, r as registerInstance, e as createEvent, g as Host, 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 { g as getDeviceType, D as DeviceType } from './ui-5f775fd9.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
-import { a as VegaClick } from './vega-event-id-61c8bd9f.js';
-import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-6ecf43d7.js';
-import './change-manager-b115783e.js';
-import './observer-3959f9dd.js';
-import './dom-node-subject-factory-5798693b.js';
-import './internal-vega-event-manager-826279b7.js';
-import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-24b9f956.js';
-import './index-1f9eab8f.js';
-import './_commonjsHelpers-2088bffa.js';
-import './try-get-document-bef0f526.js';
-import './vega-nonce-manager-497e5eb5.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;
-};
-class VegaBreadcrumbRenderer extends VegaSlimmer {
-  /**
-   * get the component container div element
-   *
-   * @returns {HTMLDivElement} the container element ref
-   */
-  getBreadcrumbContainerRef() {
-    return this.vegaBreadcrumbContainerRef;
-  }
-  render() {
-    return (h("div", { class: {
-        'vega-breadcrumb': true,
-        'compact-mode': this.isCompactMode,
-        'collapsed': this.isCollapsed(),
-        'single': this.items.length === 1,
-      }, ref: (node) => (this.vegaBreadcrumbContainerRef = node) }, this.renderItems()));
-  }
-  renderItems() {
-    const htmlItems = this.items.map((item, index) => this.itemRenderer.render(item, {
-      isCompactMode: this.isCompactMode,
-      isLastItem: this.items.length === index + 1,
-    }));
-    if (this.isCollapsed()) {
-      htmlItems.splice(1, 0, this.collapsedItemRenderer.render(this.items.slice(1, this.items.length - 1)));
-    }
-    return h(Fragment, null, htmlItems);
-  }
-  isCollapsed() {
-    return (!this.isCompactMode &&
-      this.maxItems !== 'none' &&
-      this.maxItems >= 4 &&
-      this.items.length > this.maxItems);
-  }
-  // True when device is mobile and compact mode is enabled.
-  // Used to switch into the compact single-item mobile rendering mode.
-  get isCompactMode() {
-    return this.compactOnMobile && getDeviceType() === DeviceType.MOBILE;
-  }
-}
-__decorate$3([
-  MapToComponentField()
-], VegaBreadcrumbRenderer.prototype, "items", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBreadcrumbRenderer.prototype, "compactOnMobile", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBreadcrumbRenderer.prototype, "maxItems", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBreadcrumbRenderer.prototype, "itemRenderer", void 0);
-__decorate$3([
-  MapToComponentField()
-], VegaBreadcrumbRenderer.prototype, "collapsedItemRenderer", void 0);
-
-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;
-};
-class VegaBreadcrumbCollapsedItemRenderer extends VegaSlimmer {
-  render(items) {
-    return (h("div", { class: "vega-breadcrumb-item" },
-      h("vega-dropdown", { placement: ['bottom'], alignment: 'center', maxHeight: 200 },
-        h("vega-text", null, "..."),
-        h("vega-box", { slot: "items" }, items.map((item) => (h("vega-dropdown-item", { key: item.label, label: item.label }, this.itemRenderer.render(item, { isInDropdown: true })))))),
-      h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
-  }
-}
-__decorate$2([
-  MapToComponentField()
-], VegaBreadcrumbCollapsedItemRenderer.prototype, "itemRenderer", 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;
-};
-class VegaBreadcrumbItemRenderer extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.onButtonLinkClick = (payload, item) => {
-      const event = this.clickEventEmitter.emit(item);
-      if (event && event.defaultPrevented) {
-        payload.preventDefault();
-      }
-    };
-  }
-  render(item, options) {
-    return (h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
-  }
-  renderContent(item, options) {
-    if (options.isCompactMode && !options.isLastItem) {
-      return (h(Fragment, null,
-        this.renderIcon('chevron-left-rounded', 'text-link'),
-        this.renderLabel(item)));
-    }
-    else if (options.isLastItem) {
-      return this.renderLabel(item, true);
-    }
-    else if (options.isInDropdown) {
-      return this.renderLink(item, false, true);
-    }
-    else {
-      return (h(Fragment, null,
-        this.renderLabel(item),
-        this.renderIcon('chevron-right-rounded', 'text-secondary')));
-    }
-  }
-  renderIcon(icon, color) {
-    return h("vega-icon", { icon: icon, size: "size-12", color: color });
-  }
-  renderLabel(item, isLastItem) {
-    return item.tooltip ? (h("vega-tooltip", { text: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(item, isLastItem));
-  }
-  renderLink(item, isLastItem, isInDropdown = false) {
-    return isLastItem ? (h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (h("vega-button-link", { label: item.label, link: item.href, eventful: true, class: {
-        'vega-breadcrumb-dropdown-link': isInDropdown,
-      }, ref: (ref) => {
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, (payload) => {
-          this.onButtonLinkClick(payload, item);
-        });
-      } }));
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaBreadcrumbItemRenderer.prototype, "clickEventEmitter", void 0);
-
-const vegaBreadcrumbGlobalCss = ".vega-breadcrumb-dropdown-link::part(label-text){color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}";
-
-const vegaBreadcrumbCss = ":host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.compact-mode>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.compact-mode .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{display:flex;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){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 VegaBreadcrumb = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
-    this.renderer = new VegaBreadcrumbRenderer();
-    this.collapsedItemRenderer = new VegaBreadcrumbCollapsedItemRenderer();
-    this.itemRenderer = new VegaBreadcrumbItemRenderer();
-    this.eventsPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.renderer.getBreadcrumbContainerRef());
-    this.clickEventEmitter = createEventEmitSlimmer(VegaBreadcrumb, VegaClick);
-    this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(vegaBreadcrumbGlobalCss);
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    /**
-     * Determines the maximum number of visible items in the `vega-breadcrumb` component,
-     *   primarily in desktop mode.
-  
-     * When the number of items exceeds this limit, the component automatically
-     *   collapses the center items, rendering only the first and last items visible.
-  
-     * If you set this value to `none`, all items will remain expanded.
-  
-     * The minimum allowed value for this property is 4.
-     *
-     * @vegaVersion 1.41.0
-     */
-    this.maxItems = 4;
-    /**
-     * Represents the individual elements within the `vega-breadcrumb` component.
-     *
-     * @vegaVersion 1.41.0
-     */
-    this.items = [];
-    /**
-     * Compact mode toggle for mobile viewport.
-     *
-     * When `true` (default), the breadcrumb displays only the last clickable
-     * item on mobile devices to save horizontal space.
-     * When `false`, the full multi-item layout is shown on mobile, identical to
-     * desktop behavior (still subject to collapsing based on `maxItems`).
-     *
-     * @vegaVersion 2.66.0
-     */
-    this.compactOnMobile = true;
-  }
-  render() {
-    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
-  }
-  get host() { return getElement(this); }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaBreadcrumb.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "renderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "collapsedItemRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "itemRenderer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "eventsPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "clickEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "componentGlobalStyleSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaBreadcrumb.style = vegaBreadcrumbCss;
-
-export { VegaBreadcrumb as vega_breadcrumb };