@heartlandone/vega 1.36.0 → 1.36.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -372,6 +372,9 @@ const VegaAccordion = class {
372
372
  disconnectedCallback() {
373
373
  // this method is used as placeholder for slimmer to register
374
374
  }
375
+ componentWillLoad() {
376
+ // this method is used as placeholder for slimmer to register
377
+ }
375
378
  render() {
376
379
  return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render(this.renderTitleSlot(), this.renderContent())), this.el);
377
380
  }
@@ -5435,6 +5435,8 @@ const VegaRadio = class {
5435
5435
  this.vegaChange = index.createEvent(this, "vegaChange", 7);
5436
5436
  /** boolean indicating if the radio group is disabled */
5437
5437
  this.groupDisabled = false;
5438
+ /** value bound to the current radio input */
5439
+ this.value = '';
5438
5440
  /** boolean indicating if the radio is disabled. **/
5439
5441
  this.disabled = false;
5440
5442
  /** the value can be 'small', 'default' */
@@ -6476,6 +6478,14 @@ const VegaTabGroup = class {
6476
6478
  return tabGroupContainerWidth;
6477
6479
  };
6478
6480
  }
6481
+ /**
6482
+ * The below method is e2e-test covered in
6483
+ * @see{module:vega-tab-group-with-tabPages-change}
6484
+ */
6485
+ /* istanbul ignore next */
6486
+ watchTabPagesChange() {
6487
+ this.setCurrentPageIndexWhenTabPagesChange();
6488
+ }
6479
6489
  /**
6480
6490
  * The below method is e2e-test covered in
6481
6491
  * @see{module:vega-tab-group-with-right-button}
@@ -6680,8 +6690,21 @@ const VegaTabGroup = class {
6680
6690
  ? this.tabWidthArray[index] + Number(this.formatAndValidGap(this.gap))
6681
6691
  : this.tabWidthArray[index], this.getTabContainerSpace);
6682
6692
  }
6693
+ /**
6694
+ * Update the current page index if tab pages array length change when delete the tab items
6695
+ *
6696
+ * The below method is e2e-test covered in
6697
+ * @see{module:vega-tab-group-with-tabPages-change}
6698
+ */
6699
+ /* istanbul ignore next */
6700
+ setCurrentPageIndexWhenTabPagesChange() {
6701
+ if (this.tabPages && this.tabPages.length && !this.tabPages[this.currentPageIndex]) {
6702
+ this.currentPageIndex = this.tabPages.length - 1;
6703
+ }
6704
+ }
6683
6705
  get el() { return index.getElement(this); }
6684
6706
  static get watchers() { return {
6707
+ "tabPages": ["watchTabPagesChange"],
6685
6708
  "tabWidthArray": ["watchTabWidthArrayChange"],
6686
6709
  "currentPageIndex": ["watchCurrentPageIndexChange"],
6687
6710
  "selectedTabDataTarget": ["watchSelectedTabDataTargetChange"],
@@ -33,6 +33,9 @@ export class VegaAccordion {
33
33
  disconnectedCallback() {
34
34
  // this method is used as placeholder for slimmer to register
35
35
  }
36
+ componentWillLoad() {
37
+ // this method is used as placeholder for slimmer to register
38
+ }
36
39
  render() {
37
40
  return sanitizeVegaComponent(h(Host, null, this.renderer.render(this.renderTitleSlot(), this.renderContent())), this.el);
38
41
  }
@@ -16,6 +16,8 @@ export class VegaRadio {
16
16
  constructor() {
17
17
  /** boolean indicating if the radio group is disabled */
18
18
  this.groupDisabled = false;
19
+ /** value bound to the current radio input */
20
+ this.value = '';
19
21
  /** boolean indicating if the radio is disabled. **/
20
22
  this.disabled = false;
21
23
  /** the value can be 'small', 'default' */
@@ -140,7 +142,8 @@ export class VegaRadio {
140
142
  "text": "value bound to the current radio input"
141
143
  },
142
144
  "attribute": "value",
143
- "reflect": false
145
+ "reflect": false,
146
+ "defaultValue": "''"
144
147
  },
145
148
  "name": {
146
149
  "type": "string",
@@ -78,6 +78,14 @@ export class VegaTabGroup {
78
78
  return tabGroupContainerWidth;
79
79
  };
80
80
  }
81
+ /**
82
+ * The below method is e2e-test covered in
83
+ * @see{module:vega-tab-group-with-tabPages-change}
84
+ */
85
+ /* istanbul ignore next */
86
+ watchTabPagesChange() {
87
+ this.setCurrentPageIndexWhenTabPagesChange();
88
+ }
81
89
  /**
82
90
  * The below method is e2e-test covered in
83
91
  * @see{module:vega-tab-group-with-right-button}
@@ -300,6 +308,18 @@ export class VegaTabGroup {
300
308
  ? this.tabWidthArray[index] + Number(this.formatAndValidGap(this.gap))
301
309
  : this.tabWidthArray[index], this.getTabContainerSpace);
302
310
  }
311
+ /**
312
+ * Update the current page index if tab pages array length change when delete the tab items
313
+ *
314
+ * The below method is e2e-test covered in
315
+ * @see{module:vega-tab-group-with-tabPages-change}
316
+ */
317
+ /* istanbul ignore next */
318
+ setCurrentPageIndexWhenTabPagesChange() {
319
+ if (this.tabPages && this.tabPages.length && !this.tabPages[this.currentPageIndex]) {
320
+ this.currentPageIndex = this.tabPages.length - 1;
321
+ }
322
+ }
303
323
  static get is() { return "vega-tab-group"; }
304
324
  static get properties() { return {
305
325
  "selectedTabDataTarget": {
@@ -422,6 +442,9 @@ export class VegaTabGroup {
422
442
  }]; }
423
443
  static get elementRef() { return "el"; }
424
444
  static get watchers() { return [{
445
+ "propName": "tabPages",
446
+ "methodName": "watchTabPagesChange"
447
+ }, {
425
448
  "propName": "tabWidthArray",
426
449
  "methodName": "watchTabWidthArrayChange"
427
450
  }, {
@@ -1,15 +1,19 @@
1
1
  export const AngularAccessorAdapter = [
2
2
  {
3
3
  elementSelectors: [
4
+ 'vega-checkbox-group',
5
+ 'vega-checkbox',
6
+ 'vega-color-picker',
7
+ 'vega-combo-box',
8
+ 'vega-date-picker',
9
+ 'vega-image-uploader',
4
10
  'vega-input',
11
+ 'vega-input-credit-card',
5
12
  'vega-input-select',
6
- 'vega-date-picker',
7
- 'vega-checkbox',
8
- 'vega-checkbox-group',
9
13
  'vega-radio-group',
10
- 'vega-textarea',
11
- 'vega-combo-box',
12
14
  'vega-stepper',
15
+ 'vega-textarea',
16
+ 'vega-time-picker',
13
17
  ],
14
18
  event: 'vegaChange',
15
19
  targetAttr: 'value',
@@ -0,0 +1,24 @@
1
+ // This is an array of ComponentModelConfig objects for components that should be integrated with v-model.
2
+ // https://github.com/ionic-team/stencil-ds-output-targets#componentmodels
3
+ export const VueComponentVModelAdaptor = [
4
+ {
5
+ elements: [
6
+ 'vega-checkbox-group',
7
+ 'vega-checkbox',
8
+ 'vega-color-picker',
9
+ 'vega-combo-box',
10
+ 'vega-date-picker',
11
+ 'vega-image-uploader',
12
+ 'vega-input',
13
+ 'vega-input-credit-card',
14
+ 'vega-input-select',
15
+ 'vega-radio-group',
16
+ 'vega-stepper',
17
+ 'vega-textarea',
18
+ 'vega-time-picker',
19
+ ],
20
+ event: 'vegaChange',
21
+ externalEvent: 'on-change',
22
+ targetAttr: 'value',
23
+ },
24
+ ];
@@ -368,6 +368,9 @@ const VegaAccordion = class {
368
368
  disconnectedCallback() {
369
369
  // this method is used as placeholder for slimmer to register
370
370
  }
371
+ componentWillLoad() {
372
+ // this method is used as placeholder for slimmer to register
373
+ }
371
374
  render() {
372
375
  return sanitizeVegaComponent(h(Host, null, this.renderer.render(this.renderTitleSlot(), this.renderContent())), this.el);
373
376
  }
@@ -5431,6 +5431,8 @@ const VegaRadio = class {
5431
5431
  this.vegaChange = createEvent(this, "vegaChange", 7);
5432
5432
  /** boolean indicating if the radio group is disabled */
5433
5433
  this.groupDisabled = false;
5434
+ /** value bound to the current radio input */
5435
+ this.value = '';
5434
5436
  /** boolean indicating if the radio is disabled. **/
5435
5437
  this.disabled = false;
5436
5438
  /** the value can be 'small', 'default' */
@@ -6472,6 +6474,14 @@ const VegaTabGroup = class {
6472
6474
  return tabGroupContainerWidth;
6473
6475
  };
6474
6476
  }
6477
+ /**
6478
+ * The below method is e2e-test covered in
6479
+ * @see{module:vega-tab-group-with-tabPages-change}
6480
+ */
6481
+ /* istanbul ignore next */
6482
+ watchTabPagesChange() {
6483
+ this.setCurrentPageIndexWhenTabPagesChange();
6484
+ }
6475
6485
  /**
6476
6486
  * The below method is e2e-test covered in
6477
6487
  * @see{module:vega-tab-group-with-right-button}
@@ -6676,8 +6686,21 @@ const VegaTabGroup = class {
6676
6686
  ? this.tabWidthArray[index] + Number(this.formatAndValidGap(this.gap))
6677
6687
  : this.tabWidthArray[index], this.getTabContainerSpace);
6678
6688
  }
6689
+ /**
6690
+ * Update the current page index if tab pages array length change when delete the tab items
6691
+ *
6692
+ * The below method is e2e-test covered in
6693
+ * @see{module:vega-tab-group-with-tabPages-change}
6694
+ */
6695
+ /* istanbul ignore next */
6696
+ setCurrentPageIndexWhenTabPagesChange() {
6697
+ if (this.tabPages && this.tabPages.length && !this.tabPages[this.currentPageIndex]) {
6698
+ this.currentPageIndex = this.tabPages.length - 1;
6699
+ }
6700
+ }
6679
6701
  get el() { return getElement(this); }
6680
6702
  static get watchers() { return {
6703
+ "tabPages": ["watchTabPagesChange"],
6681
6704
  "tabWidthArray": ["watchTabWidthArrayChange"],
6682
6705
  "currentPageIndex": ["watchCurrentPageIndexChange"],
6683
6706
  "selectedTabDataTarget": ["watchSelectedTabDataTargetChange"],
@@ -28,6 +28,7 @@ export declare class VegaAccordion {
28
28
  */
29
29
  vegaExpand: EventEmitter<boolean>;
30
30
  disconnectedCallback(): void;
31
+ componentWillLoad(): void;
31
32
  render(): VegaAccordion;
32
33
  private renderContent;
33
34
  private renderTitleSlot;
@@ -17,6 +17,11 @@ export declare class VegaTabGroup {
17
17
  */
18
18
  el: HTMLVegaTabGroupElement;
19
19
  tabPages: TabConfig[][];
20
+ /**
21
+ * The below method is e2e-test covered in
22
+ * @see{module:vega-tab-group-with-tabPages-change}
23
+ */
24
+ watchTabPagesChange(): void;
20
25
  tabWidthArray: number[];
21
26
  /**
22
27
  * The below method is e2e-test covered in
@@ -113,4 +118,11 @@ export declare class VegaTabGroup {
113
118
  * @see{module:vega-tab-group-with-right-button}
114
119
  */
115
120
  private getTabContainerSpace;
121
+ /**
122
+ * Update the current page index if tab pages array length change when delete the tab items
123
+ *
124
+ * The below method is e2e-test covered in
125
+ * @see{module:vega-tab-group-with-tabPages-change}
126
+ */
127
+ private setCurrentPageIndexWhenTabPagesChange;
116
128
  }