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

package/dist/vega/vega-item-toggle.entry.js

@@ -0,0 +1,190 @@
+import { r as registerInstance, e as createEvent, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { I as ItemToggleTransitionMillisecond } from './ui-189dae23.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { M as VegaToggleStatus, a as VegaClick } from './vega-event-id-61c8bd9f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
+import { e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-52281ebd.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import './change-manager-b115783e.js';
+import './observer-3959f9dd.js';
+import './dom-node-subject-factory-5798693b.js';
+import './ui-5f775fd9.js';
+import './internal-vega-event-manager-826279b7.js';
+import './try-get-document-bef0f526.js';
+import './object-66c37948.js';
+
+const VegaItemToggleRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE',
+    payloadDescription: '@deprecated Defines the labels and icons associated with the toggle states.',
+    /**
+     * The function checks if the `itemToggleStatusMap` property of the `host` element is default value.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.itemToggleStatusMap.unToggledIcon === 'plus-sign' &&
+      host.itemToggleStatusMap.toggledIcon === 'delete-bin' &&
+      host.itemToggleStatusMap.unToggledLabel === 'Add' &&
+      host.itemToggleStatusMap.togglingLabel === 'Added' &&
+      host.itemToggleStatusMap.toggledLabel === 'Remove' &&
+      host.itemToggleStatusMap.unTogglingLabel === 'Removed',
+  },
+  {
+    payloadKey: 'ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE',
+    payloadDescription: '@deprecated Defines the labels and icons associated with the toggle states.',
+    /**
+     * The function checks if the `itemToggleStatusMap` property of the `host` element is not default value.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.itemToggleStatusMap.unToggledIcon !== 'plus-sign' ||
+      host.itemToggleStatusMap.toggledIcon !== 'delete-bin' ||
+      host.itemToggleStatusMap.unToggledLabel !== 'Add' ||
+      host.itemToggleStatusMap.togglingLabel !== 'Added' ||
+      host.itemToggleStatusMap.toggledLabel !== 'Remove' ||
+      host.itemToggleStatusMap.unTogglingLabel !== 'Removed',
+  },
+];
+
+const vegaItemToggleCss = ":host{display:inline-block;text-align:left;line-height:normal}div{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));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{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){div{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){div{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}";
+
+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 VegaItemToggle = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaToggleStatus = createEvent(this, "vegaToggleStatus", 7);
+    this.toggleStatus = createEvent(this, "toggleStatus", 7);
+    this.globalSlimmers = {};
+    this.toggleStatusEventEmitter = createEventEmitSlimmer(VegaItemToggle, VegaToggleStatus);
+    this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaItemToggle, 'statusMap', 'itemToggleStatusMap', VegaItemToggle.defaultStatusMap);
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaItemToggleRuntimeMetricsPayloadDefinition);
+    this.toggleItemStatus = 'unToggled';
+    /**
+     * Defines the labels and icons associated with the toggle states.
+     * @deprecated This property will be removed soon and replaced by prop statusMap
+     *
+     * @vegaVersion 1.3.0
+     * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
+     */
+    this.itemToggleStatusMap = VegaItemToggle.defaultStatusMap;
+    /**
+     * Defines the labels and icons associated with the toggle states.
+     *
+     * @vegaVersion 2.2.0
+     * @defaultValue {unToggledIcon: 'plus-sign', toggledIcon: 'delete-bin', unToggledLabel: 'Add', togglingLabel: 'Added', toggledLabel: 'Remove', unTogglingLabel: 'Removed'}
+     */
+    this.statusMap = VegaItemToggle.defaultStatusMap;
+    /**
+     * Determines whether the item is toggled on.
+     *
+     * @vegaVersion 1.3.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.isToggled = false;
+    this.handleToggle = () => {
+      if (!this.isTogglingOrUnToggling()) {
+        this.updateToggleStatus();
+      }
+    };
+  }
+  onToggledPropsChange() {
+    this.updateTransitionStatus();
+  }
+  componentWillLoad() {
+    this.updateTransitionStatus();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: {
+        'vega-toggled-status': this.isTogglingOrUnToggling(),
+      } }, this.renderLabelDom(), h("vega-button-circle", { size: "small", variant: "secondary", icon: this.toggleItemStatus === 'unToggled'
+        ? this.deprecatedPropertySlimmer.getValue().unToggledIcon || 'plus-sign'
+        : this.toggleItemStatus === 'toggled'
+          ? this.deprecatedPropertySlimmer.getValue().toggledIcon || 'delete-bin'
+          : 'checkmark', ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, this.handleToggle);
+      } })), this.host);
+  }
+  renderLabelDom() {
+    let label;
+    switch (this.toggleItemStatus) {
+      case 'unToggled':
+        label = this.deprecatedPropertySlimmer.getValue().unToggledLabel;
+        break;
+      case 'toggling':
+        label = this.deprecatedPropertySlimmer.getValue().togglingLabel;
+        break;
+      case 'toggled':
+        label = this.deprecatedPropertySlimmer.getValue().toggledLabel;
+        break;
+      case 'unToggling':
+        label = this.deprecatedPropertySlimmer.getValue().unTogglingLabel;
+        break;
+    }
+    return h("div", null, label || 'No label defined');
+  }
+  isTogglingOrUnToggling() {
+    return this.toggleItemStatus === 'toggling' || this.toggleItemStatus === 'unToggling';
+  }
+  updateToggleStatus() {
+    switch (this.toggleItemStatus) {
+      case 'unToggled':
+        this.toggleItemStatus = 'toggling';
+        setTimeout(() => {
+          this.isToggled = true;
+        }, ItemToggleTransitionMillisecond);
+        break;
+      case 'toggled':
+        this.toggleItemStatus = 'unToggling';
+        setTimeout(() => {
+          this.isToggled = false;
+        }, ItemToggleTransitionMillisecond);
+        break;
+    }
+  }
+  updateTransitionStatus() {
+    this.isToggled ? (this.toggleItemStatus = 'toggled') : (this.toggleItemStatus = 'unToggled');
+    this.toggleStatusEventEmitter.emit(this.isToggled);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "isToggled": ["onToggledPropsChange"]
+  }; }
+};
+VegaItemToggle.defaultStatusMap = {
+  unToggledIcon: 'plus-sign',
+  toggledIcon: 'delete-bin',
+  unToggledLabel: 'Add',
+  togglingLabel: 'Added',
+  toggledLabel: 'Remove',
+  unTogglingLabel: 'Removed',
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaItemToggle.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaItemToggle.prototype, "toggleStatusEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaItemToggle.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaItemToggle.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaItemToggle.style = vegaItemToggleCss;
+
+export { VegaItemToggle as vega_item_toggle };

package/dist/vega/vega-left-nav-group.entry.js

@@ -0,0 +1,433 @@
+import { h, r as registerInstance, e as createEvent, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { V as VegaSlimmer, b as MapToComponentField, M as MapToComponentMethod, d as slotPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { c as chevronUp } from './chevron-up-b1989751.js';
+import { c as chevronDown } from './chevron-down-4a75d28e.js';
+import { a as VegaInternalIconManager } from './internal-icon-manager-9279071a.js';
+import { C as ChangeManager } from './change-manager-b115783e.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
+import { A as VegaInternalLeftNavGroupExpand, B as VegaInternalLeftNavLinkSelected, C as VegaInternalInitializeLeftNavLinkSelected } from './vega-internal-event-id-b65a01a3.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
+import { P as VegaGroupClick } from './vega-event-id-61c8bd9f.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4fc8b3da.js';
+import { V as VegaLeftNavHierarchyController } from './vega-left-nav-group-hierarchy-controller-f8c0b6f7.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './ui-5f775fd9.js';
+import './dom-node-subject-observer-factory-3b49c6b3.js';
+import './internal-vega-event-manager-826279b7.js';
+import './try-get-document-bef0f526.js';
+
+var __decorate$6 = (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 VegaLeftNavGroupRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.handleClick = (e) => {
+      const currentTarget = e.currentTarget;
+      if (currentTarget && currentTarget.dataset.root === '$1') {
+        e.preventDefault();
+        this.vegaLeftNavGroupOpenStateController.toggle();
+        const isExpand = this.vegaLeftNavGroupOpenStateController.isOpen();
+        this.groupClickEventEmitter.emit(isExpand ? 'EXPAND' : 'COLLAPSE');
+        this.notifyOtherGroup();
+      }
+    };
+  }
+  /**
+   * Get the map of the row form refs
+   *
+   * @returns {HTMLDivElement} The map of row form refs
+   */
+  getGroupContainer() {
+    return this.groupContainer;
+  }
+  render() {
+    return (h("div", { class: `vega-li-main ${this.openByDefault ? 'open' : ''}`, ref: (ref) => (this.groupContainer = ref) },
+      h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' },
+        this.icon && (h("div", { class: "vega-links-icon" },
+          h("div", { class: "prefix-icon" },
+            h("vega-icon", { icon: this.icon, size: "size-16" })))),
+        h("span", { class: "vega-links-name" }, this.label),
+        h("div", { class: "suffix-icons" },
+          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-down'), size: "size-12" }),
+          h("vega-icon", { icon: VegaInternalIconManager.getIconKey('chevron-up'), size: "size-12" }))),
+      h("div", { class: "vega-nav-list-sub" },
+        h("slot", null))));
+  }
+  /**
+   * Notify other left nav groups to collapse
+   */
+  notifyOtherGroup() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      ChangeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), { host: this.host });
+    }
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'chevron-up': chevronUp,
+    'chevron-down': chevronDown,
+  });
+})();
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "host", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "autoCollapseGroups", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "icon", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "label", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "groupClickEventEmitter", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "openByDefault", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "itemKey", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaLeftNavGroupRenderer.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+
+var __decorate$5 = (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 VegaLeftNavGroupForLeftNavLinkClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      ChangeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return !this.host.contains(input['host']);
+  }
+  /**
+   * Determines if the group should be collapsed based on the autoCollapseGroups property and the openByDefault property.
+   * If autoCollapseGroups is 'on-link-click', true, false, or 'always', then the group should be collapsed.
+   *
+   * @returns {boolean} - Returns true if the group should be collapsed, otherwise false.
+   */
+  shouldCollapse() {
+    return (this.autoCollapseGroups === 'on-link-click' ||
+      this.autoCollapseGroups === true ||
+      this.autoCollapseGroups === false ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "host", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "openByDefault", void 0);
+__decorate$5([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "disconnectedCallback", null);
+__decorate$5([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForLeftNavLinkClickObserver.prototype, "componentWillLoad", null);
+
+var __decorate$4 = (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 VegaLeftNavGroupForOtherGroupsClickObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      ChangeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavGroupExpand), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return input['host'] !== this.host && !this.host.contains(input['host']);
+  }
+  shouldCollapse() {
+    return (this.autoCollapseGroups == true ||
+      this.autoCollapseGroups === 'on-group-click' ||
+      this.autoCollapseGroups === 'always');
+  }
+  observerListener() {
+    if (this.shouldCollapse()) {
+      this.vegaLeftNavGroupOpenStateController.close();
+    }
+  }
+}
+__decorate$4([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "host", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "autoCollapseGroups", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate$4([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "disconnectedCallback", null);
+__decorate$4([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForOtherGroupsClickObserver.prototype, "componentWillLoad", null);
+
+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;
+};
+/**
+ * Controller for the left nav group states
+ */
+class VegaLeftNavGroupStateController extends SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-left-nav',
+      subStates: [
+        {
+          subStateName: 'autoCollapseGroups',
+          parentStateName: 'autoCollapseGroups',
+        },
+      ],
+    });
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaLeftNavGroupStateController.prototype, "host", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaLeftNavGroupStateController.prototype, "autoCollapseGroups", 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 VegaLeftNavGroupOpenStateController extends VegaSlimmer {
+  /**
+   * Checks if the left nav group is currently open.
+   * This method checks if the 'open' class is present in the group container.
+   *
+   * @returns {boolean} - Returns true if the group is open, false otherwise.
+   */
+  isOpen() {
+    return this.renderer.getGroupContainer().classList.contains('open');
+  }
+  /**
+   * Opens the left nav group.
+   * This method adds the 'open' class to the group container.
+   */
+  open() {
+    this.renderer.getGroupContainer().classList.add('open');
+  }
+  /**
+   * Closes the left nav group.
+   * This method removes the 'open' class from the group container.
+   */
+  close() {
+    this.renderer.getGroupContainer().classList.remove('open');
+  }
+  /**
+   * Toggle the left nav group.
+   * This method toggle the 'open' class from the group container.
+   */
+  toggle() {
+    if (this.isOpen()) {
+      this.close();
+    }
+    else {
+      this.open();
+    }
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaLeftNavGroupOpenStateController.prototype, "renderer", 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 VegaLeftNavGroupForInitializeSelectedObserver extends VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(topParent, VegaInternalInitializeLeftNavLinkSelected), this.observer);
+    }
+  }
+  /**
+   * When the selected of the link is true during initialization, the current group should be opened
+   */
+  componentWillLoad() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent && !this.openByDefault) {
+      this.observer = new Observer(this.isAcceptableObserver.bind(this), this.observerListener.bind(this));
+      ChangeManager.register(domNodeSubjectFactory.getSubject(topParent, VegaInternalInitializeLeftNavLinkSelected), this.observer);
+    }
+  }
+  isAcceptableObserver(input) {
+    return this.host.contains(input['host']);
+  }
+  observerListener() {
+    this.vegaLeftNavGroupOpenStateController.open();
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "openByDefault", void 0);
+__decorate$1([
+  MapToComponentMethod('disconnectedCallback')
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "disconnectedCallback", null);
+__decorate$1([
+  MapToComponentMethod('componentWillLoad')
+], VegaLeftNavGroupForInitializeSelectedObserver.prototype, "componentWillLoad", null);
+
+const vegaLeftNavGroupCss = ":host{display:block}.suffix-icons{padding-left:8px}.suffix-icons vega-icon,.vega-li-main.open>a>.suffix-icons vega-icon:first-of-type{display:none}.suffix-icons vega-icon:first-of-type,.vega-li-main.open>a>.suffix-icons vega-icon:last-of-type{display:inline-flex}.vega-nav-list-sub{display:none}.vega-li-main.open>.vega-nav-list-sub{display:block}.vega-li-main>a{display:flex;align-items:center;overflow:hidden;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;border-radius:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px;cursor:pointer;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-li-main>a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:0px}}.vega-li-main>a:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px}.vega-li-main>a:hover{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}.vega-li-main>a .vega-links-name{flex:1 1 0%;overflow:hidden;overflow-wrap:break-word}.vega-links-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-right:12px;box-sizing:border-box}.vega-links-icon .prefix-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:20px;height:20px}::slotted(vega-left-nav-group){padding-left:32px}::slotted(vega-left-nav-link){padding-left:32px}";
+
+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 VegaLeftNavGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaGroupClick = createEvent(this, "vegaGroupClick", 7);
+    this.groupClick = createEvent(this, "groupClick", 7);
+    this.globalSlimmers = {};
+    this.renderer = new VegaLeftNavGroupRenderer();
+    this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
+    this.linkClickObserverController = new VegaLeftNavGroupForLeftNavLinkClickObserver();
+    this.otherGroupsClickObserverController = new VegaLeftNavGroupForOtherGroupsClickObserver();
+    this.groupClickEventEmitter = createEventEmitSlimmer(VegaLeftNavGroup, VegaGroupClick);
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaLeftNavGroupStateController = new VegaLeftNavGroupStateController();
+    this.vegaLeftNavGroupOpenStateController = new VegaLeftNavGroupOpenStateController();
+    this.vegaLeftNavGroupForInitializeSelectedController = new VegaLeftNavGroupForInitializeSelectedObserver();
+    this.autoCollapseGroups = false;
+    /** label attached to the left nav group items **
+     * @vegaVersion 1.31.0
+     */
+    this.label = '';
+    /** Specifies whether the navigation group is expanded by default **
+     * @vegaVersion 2.44.0
+     */
+    this.openByDefault = false;
+  }
+  render() {
+    slotPlaceholder(h("slot", null));
+    return (h(Host, { "data-key": this.itemKey }, sanitizeVegaComponent(this.renderer.render(), this.host)));
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaLeftNavGroup.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavHierarchyController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "linkClickObserverController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "otherGroupsClickObserverController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "groupClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupOpenStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavGroup.prototype, "vegaLeftNavGroupForInitializeSelectedController", void 0);
+VegaLeftNavGroup.style = vegaLeftNavGroupCss;
+
+export { VegaLeftNavGroup as vega_left_nav_group };