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

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

@@ -1,7 +1,7 @@
 'use strict';
 
-const legendInputProcessor = require('./legendInputProcessor-c96488db.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

@@ -3,8 +3,7 @@
     "./components/vega-accordion/vega-accordion.js",
     "./components/vega-app-footer/vega-app-footer.js",
     "./components/vega-app-header-button/vega-app-header-button.js",
-    "./components/vega-badge/vega-badge.js",
-    "./components/vega-banner/vega-banner.js",
+    "./components/vega-backdrop/vega-backdrop.js",
     "./components/vega-box/vega-box.js",
     "./components/vega-breadcrumb/vega-breadcrumb.js",
     "./components/vega-button/vega-button.js",
@@ -15,31 +14,32 @@
     "./components/vega-chart/vega-bar-chart/vega-bar-chart.js",
     "./components/vega-chart/vega-line-chart/vega-line-chart.js",
     "./components/vega-chart/vega-pie-chart/vega-pie-chart.js",
-    "./components/vega-checkbox/vega-checkbox-group.js",
     "./components/vega-checkbox/vega-checkbox.js",
+    "./components/vega-checkbox/vega-checkbox-group/vega-checkbox-group.js",
     "./components/vega-chip/vega-chip.js",
     "./components/vega-color-picker/vega-color-picker.js",
     "./components/vega-combo-box/vega-combo-box.js",
     "./components/vega-counter-badge/vega-counter-badge.js",
     "./components/vega-date-picker/vega-date-picker.js",
+    "./components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.js",
     "./components/vega-dialog/vega-dialog.js",
     "./components/vega-dropdown/vega-dropdown.js",
+    "./components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.js",
     "./components/vega-dropdown/vega-dropdown-group/vega-dropdown-group.js",
     "./components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.js",
     "./components/vega-field-error/vega-field-error.js",
     "./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",
     "./components/vega-input-credit-card/vega-input-credit-card.js",
     "./components/vega-input-select/vega-input-select.js",
     "./components/vega-item-toggle/vega-item-toggle.js",
+    "./components/vega-loader-wrapper/vega-loader-wrapper.js",
     "./components/vega-loading-indicator/vega-loading-indicator.js",
     "./components/vega-modal/vega-modal.js",
     "./components/vega-nav/vega-nav-card/vega-nav-card.js",
@@ -47,20 +47,18 @@
     "./components/vega-nav/vega-left-nav-group/vega-left-nav-group.js",
     "./components/vega-nav/vega-left-nav-link/vega-left-nav-link.js",
     "./components/vega-nav/vega-left-nav-section/vega-left-nav-section.js",
-    "./components/vega-option/vega-option.js",
     "./components/vega-page-notification/vega-page-notification.js",
+    "./components/vega-page-notification/vega-page-notification-list/vega-page-notification-list.js",
     "./components/vega-pagination/vega-pagination.js",
     "./components/vega-popover/vega-popover.js",
+    "./components/vega-popover/vega-popover-content-box/vega-popover-content-box.js",
     "./components/vega-progress-tracker/vega-progress-tracker.js",
-    "./components/vega-radio/vega-radio-group.js",
     "./components/vega-radio/vega-radio.js",
-    "./components/vega-sidenav/vega-sidenav-group.js",
-    "./components/vega-sidenav/vega-sidenav-link.js",
-    "./components/vega-sidenav/vega-sidenav.js",
+    "./components/vega-radio/vega-radio-group/vega-radio-group.js",
     "./components/vega-slot-container/vega-slot-container.js",
     "./components/vega-stepper/vega-stepper.js",
-    "./components/vega-tab-group/vega-tab-group-panel.js",
     "./components/vega-tab-group/vega-tab-group.js",
+    "./components/vega-tab-group/vega-tab-group-panel/vega-tab-group-panel.js",
     "./components/vega-table/vega-table.js",
     "./components/vega-table/vega-table-body/vega-table-body.js",
     "./components/vega-table/vega-table-cell/vega-table-cell.js",
@@ -72,8 +70,10 @@
     "./components/vega-text/vega-text.js",
     "./components/vega-textarea/vega-textarea.js",
     "./components/vega-time-picker/vega-time-picker.js",
+    "./components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.js",
     "./components/vega-toggle-switch/vega-toggle-switch.js",
     "./components/vega-tooltip/vega-tooltip.js",
+    "./components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js",
     "./components/vega-virtual-scroll/vega-virtual-scroll.js"
   ],
   "compiler": {
@@ -82,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-expand-controller.js

@@ -4,10 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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 { Observer } from '../../../helpers/observer/observer';
-import ChangeManager from '../../../helpers/observer/changeManager';
+import { Observer } from '../../../helpers/change-manager/observer/observer';
+import ChangeManager from '../../../helpers/change-manager/changeManager';
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
-import { ACCORDION_EXPAND_TOPIC } from '../../../helpers/observer/subject';
+import { ACCORDION_EXPAND_TOPIC } from '../../../helpers/change-manager/subject/static-subject/staticSubjectTitle';
 import { isAccordionObserverPayload } from '../../../types/typeGuard';
 export class VegaAccordionExpandController extends VegaSlimmer {
   flipExpand() {
@@ -17,10 +17,10 @@ export class VegaAccordionExpandController extends VegaSlimmer {
     if (this.groupId && this.expand) {
       ChangeManager.notify(ACCORDION_EXPAND_TOPIC, {
         groupId: this.groupId,
-        element: this.el,
+        element: this.host,
       });
     }
-    this.vegaExpand.emit(this.expand);
+    this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
     this.observer = new Observer(isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
@@ -33,14 +33,14 @@ export class VegaAccordionExpandController extends VegaSlimmer {
     }
   }
   shouldCollapseSelfIfOtherExpand(payload) {
-    if (this.groupId === payload.groupId && this.el !== payload.element) {
+    if (this.groupId === payload.groupId && this.host !== payload.element) {
       this.expand = false;
     }
   }
 }
 __decorate([
   MapToComponentField()
-], VegaAccordionExpandController.prototype, "el", void 0);
+], VegaAccordionExpandController.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaAccordionExpandController.prototype, "groupId", void 0);
@@ -49,7 +49,7 @@ __decorate([
 ], VegaAccordionExpandController.prototype, "expand", void 0);
 __decorate([
   MapToComponentField()
-], VegaAccordionExpandController.prototype, "vegaExpand", void 0);
+], VegaAccordionExpandController.prototype, "expandEventEmitter", void 0);
 __decorate([
   MapToComponentMethod('watchExpand')
 ], VegaAccordionExpandController.prototype, "onExpand", null);

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

@@ -8,19 +8,16 @@ import { h, Fragment } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { formatAndValidResponsiveToken } from '../../../utils/publicApi';
 import { arrayToClassString } from '../../../utils/ui';
+import { DomNodeSubjectObserverFactory } from '../../../helpers/change-manager/subject/dom-node-subject/domNodeSubjectObserverFactory';
+import { VegaClick } from '../../../helpers/event-manager/eventID/vegaEventId';
 export class VegaAccordionRenderer extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.onClickExpandIcon = () => {
-      this.expandController.flipExpand();
-    };
-  }
   render() {
     return (h("div", { class: {
-        accordion: true,
-        background: this.drawsBackground,
-        expanded: this.expand,
-        collapsed: !this.expand,
+        'accordion': true,
+        'background': this.drawsBackground,
+        'expanded': this.expand,
+        'collapsed': !this.expand,
+        'icon-position-center': this.iconPosition === 'center',
       } },
       this.renderHeader(),
       this.renderContent()));
@@ -30,34 +27,30 @@ export class VegaAccordionRenderer extends VegaSlimmer {
       this.renderPrefixIcon(),
       this.accordionTitle ? this.renderTitle() : this.renderTitleSlot()));
     return (h("div", { class: "accordion-header" },
-      h("vega-flex", { useNativeFlex: true, breakpoint: "None", gap: "size-8", "align-items": "start" },
+      h("vega-flex", { gap: "size-8", "align-items": "start" },
         this.expandIconAlign === 'left' && this.renderExpandIcon(),
         titleDom,
         this.expandIconAlign === 'right' && this.renderExpandIcon())));
   }
   renderPrefixIcon() {
-    return (this.prefixIcon && (h("div", { class: {
-        'accordion-prefix-icon': true,
-        'vega-flex-shrink-0': true,
-        'v-min-w-min': true,
-        'v-self-center': this.iconPosition === 'center',
-      } },
+    return (this.prefixIcon && (h("div", { class: "accordion-prefix-icon" },
       h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
   }
   renderTitle() {
-    return h("div", { class: "accordion-title vega-flex-basis-0 vega-flex-grow" }, this.accordionTitle);
+    return h("div", { class: "accordion-title" }, this.accordionTitle);
   }
   renderExpandIcon() {
     const classes = [
       'accordion-expand-icon',
       `accordion-expand-icon-align-${this.expandIconAlign}`,
       formatAndValidResponsiveToken(this.showExpandIcon, 'display'),
-      this.iconPosition === 'center' ? 'v-self-center' : '',
-      'vega-flex-shrink-0',
-      'v-min-w-min',
     ];
     return (h("div", { class: `${arrayToClassString(classes)}` },
-      h("vega-button-circle", { size: "small", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', onVegaClick: this.onClickExpandIcon })));
+      h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', ref: (ref) => {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+            this.expandController.flipExpand();
+          });
+        } })));
   }
   renderContent() {
     return (h("div", { class: "accordion-content" },
@@ -65,7 +58,7 @@ export class VegaAccordionRenderer extends VegaSlimmer {
       h("slot", { name: "accordion-content" })));
   }
   renderTitleSlot() {
-    return (h("div", { class: "accordion-title-slot vega-flex-basis-0 vega-flex-grow" },
+    return (h("div", { class: "accordion-title-slot" },
       h("slot", { name: "title" }),
       h("slot", { name: "accordion-title" })));
   }

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

@@ -0,0 +1,166 @@
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+:host(.v-block),
+.v-block {
+  display: block;
+}
+
+: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 */
+:host {
+  display: block;
+  text-align: left;
+  line-height: normal;
+}
+
+.accordion {
+  display: block;
+  border-radius: 16px;
+}
+
+.accordion-title,
+.accordion-title-slot {
+  font-family: "Inter", sans-serif;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 28px;
+  letter-spacing: 0px;
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  overflow: hidden;
+  flex-basis: 0;
+  flex-grow: 1;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .accordion-title,
+  .accordion-title-slot {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  .accordion-title,
+  .accordion-title-slot {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  .accordion-title,
+  .accordion-title-slot {
+    font-family: "Inter", sans-serif;
+    font-size: 20px;
+    font-weight: 700;
+    line-height: 28px;
+    letter-spacing: 0px;
+  }
+}
+
+.accordion-prefix-icon {
+  width: 24px;
+  height: 32px;
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  box-sizing: border-box;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+  flex-shrink: 0;
+}
+
+.icon-position-center .accordion-prefix-icon {
+  align-self: center;
+}
+
+.accordion-content {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.accordion.background {
+  padding: 24px;
+  background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+}
+
+.accordion.expanded .accordion-content {
+  margin-top: 24px;
+}
+
+.accordion.collapsed .accordion-content {
+  max-height: 0px;
+  overflow: hidden;
+}
+
+.accordion.collapsed .accordion-expand-icon-align-left {
+  transform: rotate(-90deg);
+}
+
+.accordion.collapsed .accordion-expand-icon-align-right {
+  transform: rotate(180deg);
+}
+
+.accordion-expand-icon {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
+  flex-shrink: 0;
+}
+
+.icon-position-center .accordion-expand-icon {
+  align-self: center;
+}