@heartlandone/vega-angular 1.30.0 → 1.32.0

package/dist/fesm2015/heartlandone-vega-angular.mjs

@@ -4,6 +4,8 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@heartlandone/vega/loader';
+import { ResizeObserver } from '@juggle/resize-observer';
+import { FeatureFlag } from '@heartlandone/vega';
 
 class ValueAccessor {
     constructor(el) {
@@ -936,6 +938,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     inputs: ['isError', 'isToggled', 'itemToggleStatusMap']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLeftNav = class VegaLeftNav {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['vegaStateUpdate']);
+    }
+};
+VegaLeftNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNav, selector: "vega-left-nav", inputs: { footnote: "footnote", headerConfig: "headerConfig", source: "source" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNav = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['footnote', 'headerConfig', 'source'],
+        methods: ['toggle']
+    })
+], VegaLeftNav);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNav, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-left-nav',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['footnote', 'headerConfig', 'source']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLeftNavGroup = class VegaLeftNavGroup {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaLeftNavGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavGroup, selector: "vega-left-nav-group", inputs: { icon: "icon", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['icon', 'label']
+    })
+], VegaLeftNavGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-left-nav-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['icon', 'label']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLeftNavLink = class VegaLeftNavLink {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['vegaMenuClick']);
+    }
+};
+VegaLeftNavLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavLink, selector: "vega-left-nav-link", inputs: { counterBadge: "counterBadge", icon: "icon", selected: "selected", url: "url" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavLink = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['counterBadge', 'icon', 'selected', 'url']
+    })
+], VegaLeftNavLink);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavLink, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-left-nav-link',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['counterBadge', 'icon', 'selected', 'url']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLeftNavSection = class VegaLeftNavSection {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaLeftNavSection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavSection, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLeftNavSection.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLeftNavSection, selector: "vega-left-nav-section", inputs: { sectionHeader: "sectionHeader" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLeftNavSection = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['sectionHeader']
+    })
+], VegaLeftNavSection);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLeftNavSection, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-left-nav-section',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['sectionHeader']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let VegaLineChart = class VegaLineChart {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+VegaLineChart.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLineChart, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+VegaLineChart.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaLineChart, selector: "vega-line-chart", inputs: { options: "options" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaLineChart = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: undefined,
+        inputs: ['options'],
+        methods: ['reRender']
+    })
+], VegaLineChart);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaLineChart, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vega-line-chart',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['options']
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaLoadingIndicator = class VegaLoadingIndicator {
     constructor(c, r, z) {
         this.z = z;
@@ -1247,11 +1373,11 @@ let VegaStepper = class VegaStepper {
     }
 };
 VegaStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaStepper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", formValidation: "formValidation", inputEditable: "inputEditable", isValid: "isValid", label: "label", max: "max", min: "min", stepperId: "stepperId", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaStepper, selector: "vega-stepper", inputs: { autoValidation: "autoValidation", buttonVariant: "buttonVariant", disabled: "disabled", formValidation: "formValidation", inputDisabled: "inputDisabled", inputEditable: "inputEditable", isValid: "isValid", label: "label", max: "max", min: "min", stepperId: "stepperId", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaStepper = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
+        inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value'],
         methods: ['valid']
     })
 ], VegaStepper);
@@ -1261,7 +1387,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-stepper',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
+                    inputs: ['autoValidation', 'buttonVariant', 'disabled', 'formValidation', 'inputDisabled', 'inputEditable', 'isValid', 'label', 'max', 'min', 'stepperId', 'value']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTabGroup = class VegaTabGroup {
@@ -1522,6 +1648,11 @@ var VegaComponents = [
     VegaInputCreditCard,
     VegaInputSelect,
     VegaItemToggle,
+    VegaLeftNav,
+    VegaLeftNavGroup,
+    VegaLeftNavLink,
+    VegaLeftNavSection,
+    VegaLineChart,
     VegaLoadingIndicator,
     VegaModal,
     VegaOption,
@@ -1548,11 +1679,19 @@ var VegaComponents = [
 
 class VegaComponentModule {
     constructor() {
+        this.useJuggleResizeObserver();
         defineCustomElements(window).then();
     }
+    useJuggleResizeObserver() {
+        if (FeatureFlag.isEnabled('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER')) {
+            Object.assign(window, {
+                'VegaResizeObserver': ResizeObserver
+            });
+        }
+    }
 }
 VegaComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
+VegaComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, declarations: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll, TextValueAccessor, ValueAccessor], exports: [VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll, TextValueAccessor, ValueAccessor] });
 VegaComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, imports: [[]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaComponentModule, decorators: [{
             type: NgModule,
@@ -1571,5 +1710,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll };
+export { TextValueAccessor, ValueAccessor, VegaAccordion, VegaAppFooter, VegaAppHeaderButton, VegaBadge, VegaBanner, VegaBox, VegaButton, VegaButtonCircle, VegaButtonLink, VegaCard, VegaCarousel, VegaCheckbox, VegaCheckboxGroup, VegaChip, VegaColorPicker, VegaComboBox, VegaComponentModule, VegaCounterBadge, VegaDatePicker, VegaDialog, VegaDropdown, VegaFieldLabel, VegaFlex, VegaFooter, VegaForm, VegaGrid, VegaHeader, VegaIcon, VegaImageUploader, VegaInput, VegaInputCreditCard, VegaInputSelect, VegaItemToggle, VegaLeftNav, VegaLeftNavGroup, VegaLeftNavLink, VegaLeftNavSection, VegaLineChart, VegaLoadingIndicator, VegaModal, VegaOption, VegaPageNotification, VegaPagination, VegaPopover, VegaProgressTracker, VegaRadio, VegaRadioGroup, VegaSidenav, VegaSidenavGroup, VegaSidenavLink, VegaStepper, VegaTabGroup, VegaTabGroupPanel, VegaTable, VegaText, VegaTextarea, VegaTimePicker, VegaToggleSwitch, VegaTooltip, VegaVirtualScroll };
 //# sourceMappingURL=heartlandone-vega-angular.mjs.map