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

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

@@ -0,0 +1,353 @@
+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

@@ -0,0 +1,249 @@
+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 };