@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

package/dist/cjs/{yAxisInputProcessor-c0f51130.js → yAxisInputProcessor-b32e5aa0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const legendInputProcessor = require('./legendInputProcessor-12cf2dfe.js');
-const array = require('./array-e1e5ed1d.js');
+const legendInputProcessor = require('./legendInputProcessor-88c81168.js');
+const array = require('./array-5f977aa2.js');
 
 function ascending(a, b) {
   return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,6 @@
     "./components/vega-app-footer/vega-app-footer.js",
     "./components/vega-app-header-button/vega-app-header-button.js",
     "./components/vega-backdrop/vega-backdrop.js",
-    "./components/vega-badge/vega-badge.js",
     "./components/vega-box/vega-box.js",
     "./components/vega-breadcrumb/vega-breadcrumb.js",
     "./components/vega-button/vega-button.js",
@@ -32,10 +31,8 @@
     "./components/vega-field-label/vega-field-label.js",
     "./components/vega-flex/vega-flex.js",
     "./components/vega-font/vega-font.js",
-    "./components/vega-footer/vega-footer.js",
     "./components/vega-form/vega-form.js",
     "./components/vega-grid/vega-grid.js",
-    "./components/vega-header/vega-header.js",
     "./components/vega-icon/vega-icon.js",
     "./components/vega-image-uploader/vega-image-uploader.js",
     "./components/vega-input/vega-input.js",
@@ -58,9 +55,6 @@
     "./components/vega-progress-tracker/vega-progress-tracker.js",
     "./components/vega-radio/vega-radio.js",
     "./components/vega-radio/vega-radio-group/vega-radio-group.js",
-    "./components/vega-sidenav/vega-sidenav-group.js",
-    "./components/vega-sidenav/vega-sidenav-link.js",
-    "./components/vega-sidenav/vega-sidenav.js",
     "./components/vega-slot-container/vega-slot-container.js",
     "./components/vega-stepper/vega-stepper.js",
     "./components/vega-tab-group/vega-tab-group.js",
@@ -88,6 +82,282 @@
     "typescriptVersion": "4.5.4"
   },
   "collections": [],
-  "bundles": [],
+  "bundles": [
+    {
+      "components": [
+        "vega-accordion"
+      ]
+    },
+    {
+      "components": [
+        "vega-app-footer"
+      ]
+    },
+    {
+      "components": [
+        "vega-app-header-button"
+      ]
+    },
+    {
+      "components": [
+        "vega-backdrop"
+      ]
+    },
+    {
+      "components": [
+        "vega-box"
+      ]
+    },
+    {
+      "components": [
+        "vega-flex"
+      ]
+    },
+    {
+      "components": [
+        "vega-grid"
+      ]
+    },
+    {
+      "components": [
+        "vega-breadcrumb"
+      ]
+    },
+    {
+      "components": [
+        "vega-button"
+      ]
+    },
+    {
+      "components": [
+        "vega-button-circle"
+      ]
+    },
+    {
+      "components": [
+        "vega-button-link"
+      ]
+    },
+    {
+      "components": [
+        "vega-card"
+      ]
+    },
+    {
+      "components": [
+        "vega-carousel"
+      ]
+    },
+    {
+      "components": [
+        "vega-line-chart"
+      ]
+    },
+    {
+      "components": [
+        "vega-bar-chart"
+      ]
+    },
+    {
+      "components": [
+        "vega-pie-chart"
+      ]
+    },
+    {
+      "components": [
+        "vega-chip"
+      ]
+    },
+    {
+      "components": [
+        "vega-counter-badge"
+      ]
+    },
+    {
+      "components": [
+        "vega-color-picker"
+      ]
+    },
+    {
+      "components": [
+        "vega-combo-box"
+      ]
+    },
+    {
+      "components": [
+        "vega-field-error"
+      ]
+    },
+    {
+      "components": [
+        "vega-field-label"
+      ]
+    },
+    {
+      "components": [
+        "vega-font"
+      ]
+    },
+    {
+      "components": [
+        "vega-form"
+      ]
+    },
+    {
+      "components": [
+        "vega-icon"
+      ]
+    },
+    {
+      "components": [
+        "vega-image-uploader"
+      ]
+    },
+    {
+      "components": [
+        "vega-input-credit-card"
+      ]
+    },
+    {
+      "components": [
+        "vega-input-select"
+      ]
+    },
+    {
+      "components": [
+        "vega-input"
+      ]
+    },
+    {
+      "components": [
+        "vega-item-toggle"
+      ]
+    },
+    {
+      "components": [
+        "vega-pagination"
+      ]
+    },
+    {
+      "components": [
+        "vega-progress-tracker"
+      ]
+    },
+    {
+      "components": [
+        "vega-slot-container"
+      ]
+    },
+    {
+      "components": [
+        "vega-stepper"
+      ]
+    },
+    {
+      "components": [
+        "vega-text"
+      ]
+    },
+    {
+      "components": [
+        "vega-textarea"
+      ]
+    },
+    {
+      "components": [
+        "vega-toggle-switch"
+      ]
+    },
+    {
+      "components": [
+        "vega-checkbox",
+        "vega-checkbox-group"
+      ]
+    },
+    {
+      "components": [
+        "vega-date-picker",
+        "vega-date-picker-calendar"
+      ]
+    },
+    {
+      "components": [
+        "vega-dialog",
+        "vega-modal"
+      ]
+    },
+    {
+      "components": [
+        "vega-page-notification",
+        "vega-page-notification-list"
+      ]
+    },
+    {
+      "components": [
+        "vega-loader-wrapper",
+        "vega-loading-indicator"
+      ]
+    },
+    {
+      "components": [
+        "vega-popover",
+        "vega-popover-content-box"
+      ]
+    },
+    {
+      "components": [
+        "vega-radio",
+        "vega-radio-group"
+      ]
+    },
+    {
+      "components": [
+        "vega-tab-group",
+        "vega-tab-group-panel"
+      ]
+    },
+    {
+      "components": [
+        "vega-time-picker",
+        "vega-time-picker-dropdown"
+      ]
+    },
+    {
+      "components": [
+        "vega-tooltip",
+        "vega-tooltip-content-box"
+      ]
+    },
+    {
+      "components": [
+        "vega-dropdown",
+        "vega-dropdown-content-box",
+        "vega-dropdown-group",
+        "vega-dropdown-item",
+        "vega-virtual-scroll"
+      ]
+    },
+    {
+      "components": [
+        "vega-left-nav",
+        "vega-left-nav-group",
+        "vega-left-nav-link",
+        "vega-left-nav-section",
+        "vega-nav-card"
+      ]
+    },
+    {
+      "components": [
+        "vega-table",
+        "vega-table-body",
+        "vega-table-cell",
+        "vega-table-expand-row",
+        "vega-table-head",
+        "vega-table-head-cell",
+        "vega-table-head-row",
+        "vega-table-row"
+      ]
+    }
+  ],
   "global": "./global/scripts/beforeVegaLoad.js"
 }

package/dist/collection/components/vega-accordion/slimmers/vega-accordion-renderer.js

@@ -47,7 +47,7 @@ export class VegaAccordionRenderer extends VegaSlimmer {
     ];
     return (h("div", { class: `${arrayToClassString(classes)}` },
       h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', ref: (ref) => {
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.expandController.flipExpand();
           });
         } })));

package/dist/collection/components/vega-accordion/vega-accordion.css

@@ -4,61 +4,52 @@
   display: block;
 }
 
-@media (min-width: 320px) {
-  :host(.S\:v-block),
-  .S\:v-block {
-    display: block;
-  }
-}
-@media (min-width: 768px) {
-  :host(.M\:v-block),
-  .M\:v-block {
-    display: block;
-  }
-}
-@media (min-width: 1024px) {
-  :host(.L\:v-block),
-  .L\:v-block {
-    display: block;
-  }
-}
-@media (min-width: 1440px) {
-  :host(.XL\:v-block),
-  .XL\:v-block {
-    display: block;
-  }
-}
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host(.v-hidden),
 .v-hidden {
   display: none;
 }
 
 @media (min-width: 320px) {
+  :host(.S\:v-block),
+  .S\:v-block {
+    display: 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-hidden),
   .M\:v-hidden {
     display: none;
   }
 }
 @media (min-width: 1024px) {
+  :host(.L\:v-block),
+  .L\:v-block {
+    display: 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-hidden),
   .XL\:v-hidden {
     display: none;
   }
 }
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: block;
   text-align: left;

package/dist/collection/components/vega-app-footer/vega-app-footer.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: block;
   padding-left: 0px;

package/dist/collection/components/vega-app-header-button/vega-app-header-button.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
   vertical-align: middle;

package/dist/collection/components/vega-app-header-button/vega-app-header-button.js

@@ -154,13 +154,13 @@ export class VegaAppHeaderButton {
       return this.dropdown ? (h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
           this.dropdownRef = ref;
           this.dropdownEventPrevent.setup();
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaDropdownShow, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownShow, () => {
             this.onDropdownShow();
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaDropdownHide, () => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownHide, () => {
             this.onDropdownHide();
           });
-          DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaDropdownClick, this.triggerDropdownClickEvent);
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, this.triggerDropdownClickEvent);
         } }), children)) : (children);
     };
     this.onDropdownShow = () => {
@@ -215,7 +215,7 @@ export class VegaAppHeaderButton {
       ResponsiveFormatFacade.formatCustom(this.size),
       this.selected && 'selected',
     ].filter(Boolean));
-    return sanitizeVegaComponent(h(Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (h("vega-tooltip", { content: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
+    return sanitizeVegaComponent(h(Host, { class: classNames }, this.renderDropdownContainer(withTooltip ? (h("vega-tooltip", { text: this.label }, this.renderButton(arrowDownIconVisible, labelVisible))) : (this.renderButton(arrowDownIconVisible, labelVisible)))), this.host);
   }
   static get is() { return "vega-app-header-button"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/vega-backdrop/vega-backdrop.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   position: fixed;
   top: 0px;

package/dist/collection/components/vega-backdrop/vega-backdrop.js

@@ -6,11 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, Element, Event, Prop, Watch } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
-import { InjectVegaSlimmer, methodPlaceholder } from 'vega-slimmer/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaBackdropVisibleController } from './slimmers/controller/vega-backdrop-visible-controller';
 import { VegaBackdropRenderer } from './slimmers/renerers/vega-backdrop-renderer';
 export class VegaBackdrop {
   constructor() {
+    this.globalSlimmers = {};
     this.vegaBackdropVisibleController = new VegaBackdropVisibleController();
     this.vegaBackdropRenderer = new VegaBackdropRenderer();
     /**
@@ -113,6 +114,9 @@ export class VegaBackdrop {
       "methodName": "watchVisible"
     }]; }
 }
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaBackdrop.prototype, "globalSlimmers", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaBackdrop.prototype, "vegaBackdropVisibleController", void 0);

package/dist/collection/components/vega-box/slimmers/controllers/vega-box-state-styles-controller.js

@@ -0,0 +1,117 @@
+var __decorate = (this && this.__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;
+};
+import { VegaSlimmer, MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { formatAndValidStateToken } from '../../../../utils/designToken';
+/**
+ * VegaBoxStateStylesController
+ */
+export 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) {
+      const styleElement = document.createElement('style');
+      styleElement.setAttribute('id', `state-styles-${flag}`);
+      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([
+  MapToComponentField()
+], VegaBoxStateStylesController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxStateStylesController.prototype, "backgroundColor", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxStateStylesController.prototype, "borderColor", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxStateStylesController.prototype, "border", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxStateStylesController.prototype, "shadow", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaBoxStateStylesController.prototype, "componentWillLoad", null);
+__decorate([
+  MapToComponentMethod('watchBorder')
+], VegaBoxStateStylesController.prototype, "watchBorder", null);
+__decorate([
+  MapToComponentMethod('watchShadow')
+], VegaBoxStateStylesController.prototype, "watchShadow", null);
+__decorate([
+  MapToComponentMethod('watchBorderColor')
+], VegaBoxStateStylesController.prototype, "watchBorderColor", null);
+__decorate([
+  MapToComponentMethod('watchBackgroundColor')
+], VegaBoxStateStylesController.prototype, "watchBackgroundColor", null);