@aurodesignsystem-dev/auro-formkit 0.0.0-pr740.5 → 0.0.0-pr740.6

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.
@@ -3836,12 +3836,6 @@ class AuroDropdownBib extends i$2 {
3836
3836
  reflect: true
3837
3837
  },
3838
3838
 
3839
- isVisible: {
3840
- type: Boolean,
3841
- reflect: true,
3842
- attribute: 'data-show'
3843
- },
3844
-
3845
3839
  /**
3846
3840
  * If declared, will apply all styles for the common theme.
3847
3841
  */
@@ -16186,7 +16180,7 @@ class AuroCombobox extends AuroElement$1 {
16186
16180
  // wait a frame in case the bib gets hide immediately after showing because there is no value
16187
16181
  setTimeout(() => {
16188
16182
  if (document.activeElement === this) {
16189
- this.setInputFocus();
16183
+ this.focus();
16190
16184
  }
16191
16185
  }, 0);
16192
16186
  });
@@ -16205,24 +16199,13 @@ class AuroCombobox extends AuroElement$1 {
16205
16199
  this.hideBib = this.hideBib.bind(this);
16206
16200
  this.bibtemplate.addEventListener('close-click', this.hideBib);
16207
16201
 
16208
- this.setInputFocus = this.setInputFocus.bind(this);
16202
+ this.focus = this.focus.bind(this);
16209
16203
  this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
16210
16204
  // event when the strategy(bib mode) is changed between fullscreen and floating
16211
- setTimeout(this.setInputFocus, 0);
16205
+ setTimeout(this.focus, 0);
16212
16206
  });
16213
16207
  }
16214
16208
 
16215
- /**
16216
- * @private
16217
- */
16218
- setInputFocus() {
16219
- if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
16220
- this.inputInBib.focus();
16221
- } else {
16222
- this.input.focus();
16223
- }
16224
- }
16225
-
16226
16209
  /**
16227
16210
  * Binds all behavior needed to the menu after rendering.
16228
16211
  * @private
@@ -16512,7 +16495,11 @@ class AuroCombobox extends AuroElement$1 {
16512
16495
  * @returns {void}
16513
16496
  */
16514
16497
  focus() {
16515
- this.input.focus();
16498
+ if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
16499
+ this.inputInBib.focus();
16500
+ } else {
16501
+ this.input.focus();
16502
+ }
16516
16503
  }
16517
16504
 
16518
16505
  /**
@@ -3694,12 +3694,6 @@ class AuroDropdownBib extends i$2 {
3694
3694
  reflect: true
3695
3695
  },
3696
3696
 
3697
- isVisible: {
3698
- type: Boolean,
3699
- reflect: true,
3700
- attribute: 'data-show'
3701
- },
3702
-
3703
3697
  /**
3704
3698
  * If declared, will apply all styles for the common theme.
3705
3699
  */
@@ -16044,7 +16038,7 @@ class AuroCombobox extends AuroElement$1 {
16044
16038
  // wait a frame in case the bib gets hide immediately after showing because there is no value
16045
16039
  setTimeout(() => {
16046
16040
  if (document.activeElement === this) {
16047
- this.setInputFocus();
16041
+ this.focus();
16048
16042
  }
16049
16043
  }, 0);
16050
16044
  });
@@ -16063,24 +16057,13 @@ class AuroCombobox extends AuroElement$1 {
16063
16057
  this.hideBib = this.hideBib.bind(this);
16064
16058
  this.bibtemplate.addEventListener('close-click', this.hideBib);
16065
16059
 
16066
- this.setInputFocus = this.setInputFocus.bind(this);
16060
+ this.focus = this.focus.bind(this);
16067
16061
  this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
16068
16062
  // event when the strategy(bib mode) is changed between fullscreen and floating
16069
- setTimeout(this.setInputFocus, 0);
16063
+ setTimeout(this.focus, 0);
16070
16064
  });
16071
16065
  }
16072
16066
 
16073
- /**
16074
- * @private
16075
- */
16076
- setInputFocus() {
16077
- if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
16078
- this.inputInBib.focus();
16079
- } else {
16080
- this.input.focus();
16081
- }
16082
- }
16083
-
16084
16067
  /**
16085
16068
  * Binds all behavior needed to the menu after rendering.
16086
16069
  * @private
@@ -16370,7 +16353,11 @@ class AuroCombobox extends AuroElement$1 {
16370
16353
  * @returns {void}
16371
16354
  */
16372
16355
  focus() {
16373
- this.input.focus();
16356
+ if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
16357
+ this.inputInBib.focus();
16358
+ } else {
16359
+ this.input.focus();
16360
+ }
16374
16361
  }
16375
16362
 
16376
16363
  /**
@@ -332,9 +332,10 @@ export class AuroCombobox extends AuroElement {
332
332
  bibtemplate: any;
333
333
  inputInBib: any;
334
334
  /**
335
- * @private
335
+ * Focuses the combobox trigger input.
336
+ * @returns {void}
336
337
  */
337
- private setInputFocus;
338
+ focus(): void;
338
339
  /**
339
340
  * Binds all behavior needed to the menu after rendering.
340
341
  * @private
@@ -380,11 +381,6 @@ export class AuroCombobox extends AuroElement {
380
381
  firstUpdated(): void;
381
382
  dropdown: any;
382
383
  input: any;
383
- /**
384
- * Focuses the combobox trigger input.
385
- * @returns {void}
386
- */
387
- focus(): void;
388
384
  /**
389
385
  * Resets component to initial state.
390
386
  * @returns {void}
@@ -3625,12 +3625,6 @@ class AuroDropdownBib extends LitElement {
3625
3625
  reflect: true
3626
3626
  },
3627
3627
 
3628
- isVisible: {
3629
- type: Boolean,
3630
- reflect: true,
3631
- attribute: 'data-show'
3632
- },
3633
-
3634
3628
  /**
3635
3629
  * If declared, will apply all styles for the common theme.
3636
3630
  */
@@ -15962,7 +15956,7 @@ class AuroCombobox extends AuroElement {
15962
15956
  // wait a frame in case the bib gets hide immediately after showing because there is no value
15963
15957
  setTimeout(() => {
15964
15958
  if (document.activeElement === this) {
15965
- this.setInputFocus();
15959
+ this.focus();
15966
15960
  }
15967
15961
  }, 0);
15968
15962
  });
@@ -15981,24 +15975,13 @@ class AuroCombobox extends AuroElement {
15981
15975
  this.hideBib = this.hideBib.bind(this);
15982
15976
  this.bibtemplate.addEventListener('close-click', this.hideBib);
15983
15977
 
15984
- this.setInputFocus = this.setInputFocus.bind(this);
15978
+ this.focus = this.focus.bind(this);
15985
15979
  this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
15986
15980
  // event when the strategy(bib mode) is changed between fullscreen and floating
15987
- setTimeout(this.setInputFocus, 0);
15981
+ setTimeout(this.focus, 0);
15988
15982
  });
15989
15983
  }
15990
15984
 
15991
- /**
15992
- * @private
15993
- */
15994
- setInputFocus() {
15995
- if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
15996
- this.inputInBib.focus();
15997
- } else {
15998
- this.input.focus();
15999
- }
16000
- }
16001
-
16002
15985
  /**
16003
15986
  * Binds all behavior needed to the menu after rendering.
16004
15987
  * @private
@@ -16288,7 +16271,11 @@ class AuroCombobox extends AuroElement {
16288
16271
  * @returns {void}
16289
16272
  */
16290
16273
  focus() {
16291
- this.input.focus();
16274
+ if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
16275
+ this.inputInBib.focus();
16276
+ } else {
16277
+ this.input.focus();
16278
+ }
16292
16279
  }
16293
16280
 
16294
16281
  /**
@@ -3625,12 +3625,6 @@ class AuroDropdownBib extends LitElement {
3625
3625
  reflect: true
3626
3626
  },
3627
3627
 
3628
- isVisible: {
3629
- type: Boolean,
3630
- reflect: true,
3631
- attribute: 'data-show'
3632
- },
3633
-
3634
3628
  /**
3635
3629
  * If declared, will apply all styles for the common theme.
3636
3630
  */
@@ -15962,7 +15956,7 @@ class AuroCombobox extends AuroElement {
15962
15956
  // wait a frame in case the bib gets hide immediately after showing because there is no value
15963
15957
  setTimeout(() => {
15964
15958
  if (document.activeElement === this) {
15965
- this.setInputFocus();
15959
+ this.focus();
15966
15960
  }
15967
15961
  }, 0);
15968
15962
  });
@@ -15981,24 +15975,13 @@ class AuroCombobox extends AuroElement {
15981
15975
  this.hideBib = this.hideBib.bind(this);
15982
15976
  this.bibtemplate.addEventListener('close-click', this.hideBib);
15983
15977
 
15984
- this.setInputFocus = this.setInputFocus.bind(this);
15978
+ this.focus = this.focus.bind(this);
15985
15979
  this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
15986
15980
  // event when the strategy(bib mode) is changed between fullscreen and floating
15987
- setTimeout(this.setInputFocus, 0);
15981
+ setTimeout(this.focus, 0);
15988
15982
  });
15989
15983
  }
15990
15984
 
15991
- /**
15992
- * @private
15993
- */
15994
- setInputFocus() {
15995
- if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
15996
- this.inputInBib.focus();
15997
- } else {
15998
- this.input.focus();
15999
- }
16000
- }
16001
-
16002
15985
  /**
16003
15986
  * Binds all behavior needed to the menu after rendering.
16004
15987
  * @private
@@ -16288,7 +16271,11 @@ class AuroCombobox extends AuroElement {
16288
16271
  * @returns {void}
16289
16272
  */
16290
16273
  focus() {
16291
- this.input.focus();
16274
+ if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
16275
+ this.inputInBib.focus();
16276
+ } else {
16277
+ this.input.focus();
16278
+ }
16292
16279
  }
16293
16280
 
16294
16281
  /**
@@ -5545,12 +5545,6 @@ class AuroDropdownBib extends i$2 {
5545
5545
  reflect: true
5546
5546
  },
5547
5547
 
5548
- isVisible: {
5549
- type: Boolean,
5550
- reflect: true,
5551
- attribute: 'data-show'
5552
- },
5553
-
5554
5548
  /**
5555
5549
  * If declared, will apply all styles for the common theme.
5556
5550
  */
@@ -5545,12 +5545,6 @@ class AuroDropdownBib extends i$2 {
5545
5545
  reflect: true
5546
5546
  },
5547
5547
 
5548
- isVisible: {
5549
- type: Boolean,
5550
- reflect: true,
5551
- attribute: 'data-show'
5552
- },
5553
-
5554
5548
  /**
5555
5549
  * If declared, will apply all styles for the common theme.
5556
5550
  */
@@ -5498,12 +5498,6 @@ class AuroDropdownBib extends LitElement {
5498
5498
  reflect: true
5499
5499
  },
5500
5500
 
5501
- isVisible: {
5502
- type: Boolean,
5503
- reflect: true,
5504
- attribute: 'data-show'
5505
- },
5506
-
5507
5501
  /**
5508
5502
  * If declared, will apply all styles for the common theme.
5509
5503
  */
@@ -5498,12 +5498,6 @@ class AuroDropdownBib extends LitElement {
5498
5498
  reflect: true
5499
5499
  },
5500
5500
 
5501
- isVisible: {
5502
- type: Boolean,
5503
- reflect: true,
5504
- attribute: 'data-show'
5505
- },
5506
-
5507
5501
  /**
5508
5502
  * If declared, will apply all styles for the common theme.
5509
5503
  */
@@ -17129,12 +17129,6 @@ class AuroDropdownBib extends i {
17129
17129
  reflect: true
17130
17130
  },
17131
17131
 
17132
- isVisible: {
17133
- type: Boolean,
17134
- reflect: true,
17135
- attribute: 'data-show'
17136
- },
17137
-
17138
17132
  /**
17139
17133
  * If declared, will apply all styles for the common theme.
17140
17134
  */
@@ -16870,12 +16870,6 @@ class AuroDropdownBib extends i {
16870
16870
  reflect: true
16871
16871
  },
16872
16872
 
16873
- isVisible: {
16874
- type: Boolean,
16875
- reflect: true,
16876
- attribute: 'data-show'
16877
- },
16878
-
16879
16873
  /**
16880
16874
  * If declared, will apply all styles for the common theme.
16881
16875
  */
@@ -16819,12 +16819,6 @@ class AuroDropdownBib extends LitElement {
16819
16819
  reflect: true
16820
16820
  },
16821
16821
 
16822
- isVisible: {
16823
- type: Boolean,
16824
- reflect: true,
16825
- attribute: 'data-show'
16826
- },
16827
-
16828
16822
  /**
16829
16823
  * If declared, will apply all styles for the common theme.
16830
16824
  */
@@ -16819,12 +16819,6 @@ class AuroDropdownBib extends LitElement {
16819
16819
  reflect: true
16820
16820
  },
16821
16821
 
16822
- isVisible: {
16823
- type: Boolean,
16824
- reflect: true,
16825
- attribute: 'data-show'
16826
- },
16827
-
16828
16822
  /**
16829
16823
  * If declared, will apply all styles for the common theme.
16830
16824
  */
@@ -2809,12 +2809,6 @@ class AuroDropdownBib extends i {
2809
2809
  reflect: true
2810
2810
  },
2811
2811
 
2812
- isVisible: {
2813
- type: Boolean,
2814
- reflect: true,
2815
- attribute: 'data-show'
2816
- },
2817
-
2818
2812
  /**
2819
2813
  * If declared, will apply all styles for the common theme.
2820
2814
  */
@@ -2784,12 +2784,6 @@ class AuroDropdownBib extends i {
2784
2784
  reflect: true
2785
2785
  },
2786
2786
 
2787
- isVisible: {
2788
- type: Boolean,
2789
- reflect: true,
2790
- attribute: 'data-show'
2791
- },
2792
-
2793
2787
  /**
2794
2788
  * If declared, will apply all styles for the common theme.
2795
2789
  */
@@ -12,11 +12,6 @@ export class AuroDropdownBib extends LitElement {
12
12
  type: BooleanConstructor;
13
13
  reflect: boolean;
14
14
  };
15
- isVisible: {
16
- type: BooleanConstructor;
17
- reflect: boolean;
18
- attribute: string;
19
- };
20
15
  /**
21
16
  * If declared, will apply all styles for the common theme.
22
17
  */
@@ -2737,12 +2737,6 @@ class AuroDropdownBib extends LitElement {
2737
2737
  reflect: true
2738
2738
  },
2739
2739
 
2740
- isVisible: {
2741
- type: Boolean,
2742
- reflect: true,
2743
- attribute: 'data-show'
2744
- },
2745
-
2746
2740
  /**
2747
2741
  * If declared, will apply all styles for the common theme.
2748
2742
  */
@@ -2737,12 +2737,6 @@ class AuroDropdownBib extends LitElement {
2737
2737
  reflect: true
2738
2738
  },
2739
2739
 
2740
- isVisible: {
2741
- type: Boolean,
2742
- reflect: true,
2743
- attribute: 'data-show'
2744
- },
2745
-
2746
2740
  /**
2747
2741
  * If declared, will apply all styles for the common theme.
2748
2742
  */
@@ -3873,12 +3873,6 @@ class AuroDropdownBib extends i$2 {
3873
3873
  reflect: true
3874
3874
  },
3875
3875
 
3876
- isVisible: {
3877
- type: Boolean,
3878
- reflect: true,
3879
- attribute: 'data-show'
3880
- },
3881
-
3882
3876
  /**
3883
3877
  * If declared, will apply all styles for the common theme.
3884
3878
  */
@@ -3770,12 +3770,6 @@ class AuroDropdownBib extends i$2 {
3770
3770
  reflect: true
3771
3771
  },
3772
3772
 
3773
- isVisible: {
3774
- type: Boolean,
3775
- reflect: true,
3776
- attribute: 'data-show'
3777
- },
3778
-
3779
3773
  /**
3780
3774
  * If declared, will apply all styles for the common theme.
3781
3775
  */
@@ -3724,12 +3724,6 @@ class AuroDropdownBib extends LitElement {
3724
3724
  reflect: true
3725
3725
  },
3726
3726
 
3727
- isVisible: {
3728
- type: Boolean,
3729
- reflect: true,
3730
- attribute: 'data-show'
3731
- },
3732
-
3733
3727
  /**
3734
3728
  * If declared, will apply all styles for the common theme.
3735
3729
  */
@@ -3724,12 +3724,6 @@ class AuroDropdownBib extends LitElement {
3724
3724
  reflect: true
3725
3725
  },
3726
3726
 
3727
- isVisible: {
3728
- type: Boolean,
3729
- reflect: true,
3730
- attribute: 'data-show'
3731
- },
3732
-
3733
3727
  /**
3734
3728
  * If declared, will apply all styles for the common theme.
3735
3729
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr740.5",
3
+ "version": "0.0.0-pr740.6",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {