@heartlandone/vega-angular 2.5.0 → 2.6.0

package/dist/fesm2020/heartlandone-vega-angular-testing.mjs

@@ -0,0 +1,104 @@
+import { FeatureFlag } from '@heartlandone/vega';
+import { waitFor } from '@testing-library/angular';
+
+async function waitForVegaReady(renderResult, delay = 300) {
+    await waitFor(() => {
+        renderResult.container
+            .querySelectorAll('*:not(.hydrated)')
+            // eslint-disable-next-line unicorn/no-array-for-each
+            .forEach((element) => {
+            if (element.tagName.startsWith('VEGA')) {
+                throw new Error('Vega component is not rendered yet, retrying...');
+            }
+        });
+    });
+    /*
+       * The following code is added to load the vega component, and the attribute value is set after each component is loaded.
+       * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,
+       * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded
+       *
+       code link: ./node_modules/@heartlandone/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}
+      */
+    await sleep(delay);
+    return renderResult;
+}
+function mockResizeObserver() {
+    FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');
+    const resizeObserverElementMap = new Map();
+    const VegaResizeObserver = class {
+        constructor(callback) {
+            this.observedElements = [];
+            this.callback = callback;
+        }
+        observe(element) {
+            if (!this.isObserved(element)) {
+                resizeObserverElementMap.set(element, this);
+                this.observedElements.push(element);
+            }
+        }
+        unobserve(element) {
+            if (this.isObserved(element)) {
+                resizeObserverElementMap.delete(element);
+                this.observedElements = this.observedElements.filter((observedElement) => observedElement !== element);
+            }
+        }
+        disconnect() {
+            for (const element of this.observedElements) {
+                resizeObserverElementMap.delete(element);
+            }
+            this.observedElements = [];
+        }
+        show() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 100 } }], this);
+        }
+        hide() {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.callback([{ contentRect: { height: 0 } }], this);
+        }
+        isObserved(element) {
+            return this.observedElements.includes(element);
+        }
+    };
+    Object.assign(window, { VegaResizeObserver });
+    return {
+        show: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.show();
+                }
+            });
+        },
+        hide: (selector, container) => {
+            (container || document)
+                .querySelectorAll(selector)
+                // eslint-disable-next-line unicorn/no-array-for-each
+                .forEach((el) => {
+                const resizeObserver = resizeObserverElementMap.get(el);
+                if (resizeObserver) {
+                    resizeObserver.hide();
+                }
+            });
+        },
+    };
+}
+function sleep(ms) {
+    return new Promise((resolve) => {
+        setTimeout(resolve, ms);
+    });
+}
+
+/*
+ * Public API Surface of vega-angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { mockResizeObserver, waitForVegaReady };
+//# sourceMappingURL=heartlandone-vega-angular-testing.mjs.map

package/dist/fesm2020/heartlandone-vega-angular-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"heartlandone-vega-angular-testing.mjs","sources":["../../testing/index.ts","../../testing/public-api.ts","../../testing/heartlandone-vega-angular-testing.ts"],"sourcesContent":["import { FeatureFlag } from '@heartlandone/vega';\nimport { waitFor } from '@testing-library/angular';\nimport type { RenderResult } from '@testing-library/angular';\n\ntype Nullable<T> = T | undefined | null;\n\nexport async function waitForVegaReady(\n  renderResult: RenderResult<unknown, unknown>,\n  delay: number = 300,\n): Promise<RenderResult<unknown, unknown>> {\n  await waitFor(() => {\n    renderResult.container\n      .querySelectorAll('*:not(.hydrated)')\n      // eslint-disable-next-line unicorn/no-array-for-each\n      .forEach((element: Element) => {\n        if (element.tagName.startsWith('VEGA')) {\n          throw new Error('Vega component is not rendered yet, retrying...');\n        }\n      });\n  });\n  /*\n     * The following code is added to load the vega component, and the attribute value is set after each component is loaded.\n     * To determine whether there is a hydrated style that cannot meet the requirements after the component is loaded,\n     * It need to set the sleep time to ensure that each attribute of the vega component is fully loaded\n     *\n     code link: ./node_modules/@heartlandone/vega-react/dist/react-component-lib/utils/attachProps.js(line 28-33)}\n    */\n  await sleep(delay);\n  return renderResult;\n}\n\nexport type MockedResizeObserverController = {\n  hide: (selector: string, container?: HTMLElement) => void;\n  show: (selector: string, container?: HTMLElement) => void;\n};\n\nexport function mockResizeObserver(): MockedResizeObserverController {\n  type MockedResizeObserver = ResizeObserver & {\n    show: () => void;\n    hide: () => void;\n  };\n  FeatureFlag.disable('VEGA_ANGULAR.USE_JUGGLE_RESIZE_OBSERVER');\n  const resizeObserverElementMap: Map<HTMLElement, MockedResizeObserver> = new Map();\n  const VegaResizeObserver: unknown = class {\n    private readonly callback: ResizeObserverCallback;\n    private observedElements: HTMLElement[] = [];\n    constructor(callback: ResizeObserverCallback) {\n      this.callback = callback;\n    }\n\n    observe(element: HTMLElement): void {\n      if (!this.isObserved(element)) {\n        resizeObserverElementMap.set(element, this);\n        this.observedElements.push(element);\n      }\n    }\n\n    unobserve(element: HTMLElement): void {\n      if (this.isObserved(element)) {\n        resizeObserverElementMap.delete(element);\n        this.observedElements = this.observedElements.filter(\n          (observedElement: HTMLElement) => observedElement !== element,\n        );\n      }\n    }\n\n    disconnect(): void {\n      for (const element of this.observedElements) {\n        resizeObserverElementMap.delete(element);\n      }\n      this.observedElements = [];\n    }\n\n    show(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 100 } }] as any, this);\n    }\n\n    hide(): void {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      this.callback([{ contentRect: { height: 0 } }] as any, this);\n    }\n\n    private isObserved(element: HTMLElement): boolean {\n      return this.observedElements.includes(element);\n    }\n  };\n  Object.assign(window, { VegaResizeObserver });\n  return {\n    show: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.show();\n          }\n        });\n    },\n    hide: (selector: string, container?: HTMLElement): void => {\n      (container || document)\n        .querySelectorAll(selector)\n        // eslint-disable-next-line unicorn/no-array-for-each\n        .forEach((el: Element) => {\n          const resizeObserver: Nullable<MockedResizeObserver> = resizeObserverElementMap.get(\n            el as HTMLElement,\n          );\n          if (resizeObserver) {\n            resizeObserver.hide();\n          }\n        });\n    },\n  };\n}\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve: () => void) => {\n    setTimeout(resolve, ms);\n  });\n}\n","/*\n * Public API Surface of vega-angular\n */\nexport * from './index';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -550,11 +550,11 @@ let VegaCheckboxGroup = class VegaCheckboxGroup {
     }
 };
 VegaCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaCheckboxGroup, selector: "vega-checkbox-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaCheckboxGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value', 'vegaFlexProp']
     })
 ], VegaCheckboxGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaCheckboxGroup, decorators: [{
@@ -563,7 +563,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-checkbox-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'hint', 'isValid', 'label', 'required', 'value', 'vegaFlexProp']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'required', 'validationRules', 'value', 'vegaFlexProp']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaChip = class VegaChip {
@@ -892,11 +892,11 @@ let VegaFlex = class VegaFlex {
     }
 };
 VegaFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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.2", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaFlex, selector: "vega-flex", inputs: { alignItems: "alignItems", breakpoint: "breakpoint", direction: "direction", flexWrap: "flexWrap", 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', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+        inputs: ['alignItems', 'breakpoint', 'direction', 'flexWrap', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
     })
 ], VegaFlex);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaFlex, decorators: [{
@@ -905,7 +905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-flex',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['alignItems', 'breakpoint', 'direction', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
+                    inputs: ['alignItems', 'breakpoint', 'direction', 'flexWrap', 'gap', 'justifyContent', 'margin', 'useNativeFlex']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaFont = class VegaFont {
@@ -1585,11 +1585,11 @@ let VegaRadioGroup = class VegaRadioGroup {
     }
 };
 VegaRadioGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-VegaRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRadioGroup, selector: "vega-radio-group", inputs: { disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", required: "required", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+VegaRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: VegaRadioGroup, selector: "vega-radio-group", inputs: { autoValidation: "autoValidation", disabled: "disabled", hint: "hint", isValid: "isValid", label: "label", name: "name", required: "required", validationRules: "validationRules", value: "value", vegaFlexProp: "vegaFlexProp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 VegaRadioGroup = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+        inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'required', 'validationRules', 'value', 'vegaFlexProp']
     })
 ], VegaRadioGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VegaRadioGroup, decorators: [{
@@ -1598,7 +1598,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: 'vega-radio-group',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['disabled', 'hint', 'isValid', 'label', 'name', 'required', 'value', 'vegaFlexProp']
+                    inputs: ['autoValidation', 'disabled', 'hint', 'isValid', 'label', 'name', 'required', 'validationRules', 'value', 'vegaFlexProp']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let VegaSectionTitle = class VegaSectionTitle {