@usssa/component-library 1.0.0-alpha.18 → 1.0.0-alpha.19

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.
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Component Library v1.0.0-alpha.18
1
+ # Component Library v1.0.0-alpha.19
2
2
 
3
3
  This library provides custom UI components for USSSA applications.
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usssa/component-library",
3
- "version": "1.0.0-alpha.18",
3
+ "version": "1.0.0-alpha.19",
4
4
  "description": "A Quasar component library project",
5
5
  "productName": "Quasar component library App",
6
6
  "author": "Troy Moreland <troy.moreland@usssa.com>",
@@ -54,7 +54,7 @@ const headerClass = computed(() => {
54
54
  <div class="flex items-center dialog-heading-container">
55
55
  <div v-if="leftIcon">
56
56
  <UBtnStd
57
- tabindex="0"
57
+ tabindex="-1"
58
58
  class="dialog-action-icons"
59
59
  :flat="true"
60
60
  :aria-label="leftIconLabel"
@@ -66,6 +66,7 @@ const headerClass = computed(() => {
66
66
  size="1.5rem"
67
67
  @click="handleBackClick()"
68
68
  :aria-label="leftIconLabel"
69
+ tabindex="0"
69
70
  />
70
71
  </UBtnStd>
71
72
  </div>
@@ -86,7 +87,7 @@ const headerClass = computed(() => {
86
87
  class="dialog-action-icons"
87
88
  :flat="true"
88
89
  :aria-label="closeIconLabel"
89
- tabindex="0"
90
+ tabindex="-1"
90
91
  @click="dialogRef.hide()"
91
92
  >
92
93
  <q-icon
@@ -97,6 +98,7 @@ const headerClass = computed(() => {
97
98
  @click="dialogRef.hide()"
98
99
  :aria-label="closeIconLabel"
99
100
  :aria-hidden="false"
101
+ tabindex="0"
100
102
  />
101
103
  </UBtnStd>
102
104
  </div>
@@ -187,7 +189,6 @@ const headerClass = computed(() => {
187
189
  justify-content: space-between
188
190
  flex-wrap: nowrap
189
191
  margin-bottom: $ba
190
- align-items: center
191
192
 
192
193
  .icon-close
193
194
  color: $neutral-9
@@ -67,7 +67,9 @@ onMounted(() => {
67
67
  const inputElement = toggleElement.querySelector('input')
68
68
  const thumbElement = toggleElement.getElementsByClassName('q-toggle__thumb')
69
69
  thumbElement[0].id = `${props.id}`
70
- inputElement.id = `u-toggle-${props.id}`
70
+ if (inputElement) {
71
+ inputElement.id = `u-toggle-${props.id}`
72
+ }
71
73
  }
72
74
  updateIconPosition()
73
75
  })