@heartlandone/vega-angular 2.0.0-preview-2 → 2.0.0-preview-4

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { VegaEventManager, VegaEnvManager, FrameworkEnum, FeatureFlag } from '@heartlandone/vega';
+import { VegaEventManager, FeatureFlag, VegaEnvManager, FrameworkEnum } from '@heartlandone/vega';
 import { __decorate } from 'tslib';
 import { fromEvent } from 'rxjs';
 import { defineCustomElements } from '@heartlandone/vega/loader';
@@ -120,7 +120,7 @@ const proxyInputs = (Cmp, inputs) => {
                  * We need to consider remove the componentOnReady
                  * https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/angular-output-target/angular-component-lib/utils.ts#L13
                  */
-                if (this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
+                if (FeatureFlag.isEnabled('VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD') || this.el.classList.contains('hydrated') || shouldSkipComponentOnReady(this.el.tagName, item)) {
                     this.z.runOutsideAngular(() => (this.el[item] = val));
                 }
                 else {
@@ -300,11 +300,11 @@ let VegaBox = class VegaBox {
     }
 };
 VegaBox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBox, selector: "vega-box", inputs: { backgroundColor: "backgroundColor", borderColor: "borderColor", display: "display", margin: "margin", padding: "padding", shadow: "shadow" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaBox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaBox, selector: "vega-box", inputs: { backgroundColor: "backgroundColor", border: "border", borderColor: "borderColor", corners: "corners", display: "display", height: "height", margin: "margin", padding: "padding", responsiveClass: "responsiveClass", shadow: "shadow", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaBox = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
+        inputs: ['backgroundColor', 'border', 'borderColor', 'corners', 'display', 'height', 'margin', 'padding', 'responsiveClass', 'shadow', 'width']
     })
 ], VegaBox);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaBox, decorators: [{
@@ -313,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-box',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['backgroundColor', 'borderColor', 'display', 'margin', 'padding', 'shadow']
+                    inputs: ['backgroundColor', 'border', 'borderColor', 'corners', 'display', 'height', 'margin', 'padding', 'responsiveClass', 'shadow', 'width']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaBreadcrumb = class VegaBreadcrumb {
@@ -375,11 +375,11 @@ let VegaButtonCircle = class VegaButtonCircle {
     }
 };
 VegaButtonCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonCircle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaButtonCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaButtonCircle, selector: "vega-button-circle", inputs: { danger: "danger", disabled: "disabled", icon: "icon", iconColor: "iconColor", label: "label", showTooltip: "showTooltip", size: "size", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaButtonCircle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaButtonCircle, selector: "vega-button-circle", inputs: { danger: "danger", disabled: "disabled", icon: "icon", iconColor: "iconColor", label: "label", showTooltip: "showTooltip", size: "size", tooltip: "tooltip", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaButtonCircle = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
+        inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'tooltip', 'type', 'variant']
     })
 ], VegaButtonCircle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaButtonCircle, decorators: [{
@@ -388,7 +388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-button-circle',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'type', 'variant']
+                    inputs: ['danger', 'disabled', 'icon', 'iconColor', 'label', 'showTooltip', 'size', 'tooltip', 'type', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaButtonLink = class VegaButtonLink {
@@ -843,11 +843,11 @@ let VegaFlex = class VegaFlex {
     }
 };
 VegaFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFlex, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", direction: "direction", gap: "gap", justifyContent: "justifyContent", margin: "margin" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", breakpoint: "breakpoint", direction: "direction", gap: "gap", justifyContent: "justifyContent", margin: "margin", useNativeFlex: "useNativeFlex" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaFlex = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
+        inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
     })
 ], VegaFlex);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaFlex, decorators: [{
@@ -856,7 +856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-flex',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignItems', 'direction', 'gap', 'justifyContent', 'margin']
+                    inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFont = class VegaFont {
@@ -1944,11 +1944,11 @@ let VegaTooltip = class VegaTooltip {
     }
 };
 VegaTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTooltip, selector: "vega-tooltip", inputs: { alignment: "alignment", content: "content", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaTooltip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VegaTooltip, selector: "vega-tooltip", inputs: { alignment: "alignment", content: "content", disableInteractive: "disableInteractive", maxWidth: "maxWidth", minWidth: "minWidth", placement: "placement", positionRelativeTo: "positionRelativeTo", size: "size", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaTooltip = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['alignment', 'content', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
+        inputs: ['alignment', 'content', 'disableInteractive', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
     })
 ], VegaTooltip);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VegaTooltip, decorators: [{
@@ -1957,7 +1957,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                     selector: 'vega-tooltip',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignment', 'content', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
+                    inputs: ['alignment', 'content', 'disableInteractive', 'maxWidth', 'minWidth', 'placement', 'positionRelativeTo', 'size', 'trigger']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaTooltipContentBox = class VegaTooltipContentBox {