@usssa/component-library 1.0.0-alpha.209 → 1.0.0-alpha.210

package/README.md

@@ -1,4 +1,4 @@
-# Component Library v1.0.0-alpha.209
+# Component Library v1.0.0-alpha.210
 
 **This library provides custom UI components for USSSA applications**
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usssa/component-library",
-  "version": "1.0.0-alpha.209",
+  "version": "1.0.0-alpha.210",
   "description": "A Quasar component library project",
   "productName": "Quasar component library App",
   "author": "Engineering Team <engineering@usssa.com>",

package/src/components/core/UDialogStd.vue

@@ -4,7 +4,11 @@ import { computed, onMounted, onUnmounted, ref, useSlots, watch } from 'vue'
 import { useScreenType } from '../../composables/useScreenType'
 import UBtnStd from './UBtnStd.vue'
 
-const emit = defineEmits(['onBackIconClick', 'hideDialog', 'handleCloseIconClick'])
+const emit = defineEmits([
+  'onBackIconClick',
+  'hideDialog',
+  'handleCloseIconClick',
+])
 const model = defineModel()
 const props = defineProps({
   closeIcon: String,
@@ -116,7 +120,7 @@ const getDialogHeaderheight = () => {
   }, 100)
   setTimeout(() => {
     // dynamically adding height by removing toolbar height of 50px
-    const dialogWrapper = document.getElementsByClassName('dialog-wrapper')[0]
+    const dialogWrapper = document.getElementsByClassName('dialog-wrappers')[0]
     if (dialogWrapper) {
       dialogWrapper?.setAttribute(
         'style',
@@ -243,7 +247,7 @@ watch(
     :style="dialogStyle"
   >
     <q-card
-      :class="`dialog-wrapper${!isMobile ? ' full-height' : ''}`"
+      :class="`dialog-wrappers${!isMobile ? ' full-height' : ''}`"
       :style="{
         height: isMobile ? currentDialogHeight + 'px !important' : 'auto',
         overflow: isMobile ? 'hidden' : 'auto',
@@ -415,7 +419,7 @@ watch(
 <style lang="sass">
 .dialog-default, .dialog-half
   .q-dialog__inner--left, .q-dialog__inner--right
-    .dialog-wrapper
+    .dialog-wrappers
       max-height: 100vh !important
   .q-dialog__inner
     &.q-dialog__inner--right
@@ -433,7 +437,9 @@ watch(
 .heading-section
     padding: $ba
 
-.dialog-wrapper
+.dialog-wrappers
+  max-height: 100vh !important
+  height: 100vh !important
   border-radius: $xs !important
   .divider
     border-bottom: 1.5px solid $neutral-4
@@ -453,7 +459,7 @@ watch(
   .q-dialog__inner
     padding: 0 0
     width: 100% !important
-  .dialog-wrapper
+  .dialog-wrappers
     max-height: calc(100vh - 1rem)
     border-radius: $xs $xs 0 0 !important
     &.action-wrapper