@dcrackel/hematournamentui 1.0.33 → 1.0.35

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.
Files changed (35) hide show
  1. package/dist/HemaTouranmentUI-lib.es.js +5631 -5576
  2. package/dist/HemaTouranmentUI-lib.umd.js +24 -24
  3. package/dist/style.css +1 -1
  4. package/package.json +29 -29
  5. package/src/index.js +12 -12
  6. package/src/stories/Atoms/Input/BaseInput.vue +10 -6
  7. package/src/stories/Molecules/{Button → Buttons/BaseButton}/BaseButton.stories.js +1 -1
  8. package/src/stories/Molecules/{Button → Buttons/BaseButton}/BaseButton.vue +3 -3
  9. package/src/stories/Molecules/Cards/Detail/TournamentCardDetail.vue +1 -1
  10. package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.stories.js +0 -10
  11. package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue +2 -2
  12. package/src/stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue +2 -2
  13. package/src/stories/Molecules/{Modal/Modal.stories.js → Modals/BaseModal/BaseModal.stories.js} +3 -3
  14. package/src/stories/Organisms/{TournamentCard → Cards/TournamentCard}/TournamentCard.stories.js +1 -1
  15. package/src/stories/Organisms/{TournamentCard → Cards/TournamentCard}/TournamentCard.vue +2 -2
  16. package/src/stories/Organisms/{Grid → Grids}/GridContainer.stories.js +1 -1
  17. package/src/stories/Organisms/{Grid → Grids}/GridContainer.vue +1 -1
  18. package/src/stories/Organisms/{AddressAutocomplete → Inputs/AddressAutocomplete}/AddressAutocomplete.stories.js +1 -1
  19. package/src/stories/Organisms/{DatePicker → Inputs/DatePicker}/DatePicker.stories.js +1 -1
  20. package/src/stories/Organisms/{DatePicker → Inputs/DatePicker}/DatePicker.vue +2 -1
  21. package/src/stories/Organisms/{DropDown → Inputs/DropDown}/DropDownMenu.stories.js +1 -1
  22. package/src/stories/Organisms/{DropDown → Inputs/DropDown}/DropDownMenu.vue +1 -1
  23. package/src/stories/Organisms/{ImageCropper → Inputs/ImageCropper}/ImageCropper.stories.js +1 -1
  24. package/src/stories/Organisms/{TextBoxEditor → Inputs/TextBoxEditor}/TextBoxEditor.stories.js +1 -1
  25. package/src/stories/Organisms/{TextBoxEditor → Inputs/TextBoxEditor}/TextBoxEditor.vue +1 -1
  26. package/src/stories/Templates/{Menu → Menus}/Admin/AdminLeftMenu.vue +1 -1
  27. package/src/stories/Templates/{Forms/AddTournamentPageOne → TournamentManagement/AddTournament/PageOne}/AddTournamentPageOne.stories.js +5 -8
  28. package/src/stories/Templates/{Forms/AddTournamentPageOne → TournamentManagement/AddTournament/PageOne}/AddTournamentPageOne.vue +9 -10
  29. package/src/stories/Templates/{Forms/AddTournamentPageTwo → TournamentManagement/AddTournament/PageTwo}/AddTournamentPageTwo.stories.js +6 -6
  30. package/src/stories/Templates/{Forms/AddTournamentPageTwo → TournamentManagement/AddTournament/PageTwo}/AddTournamentPageTwo.vue +4 -4
  31. /package/src/stories/Molecules/{Button → Buttons/BaseButton}/BaseButton.test.js +0 -0
  32. /package/src/stories/Molecules/{Modal/Modal.vue → Modals/BaseModal/BaseModal.vue} +0 -0
  33. /package/src/stories/Organisms/{AddressAutocomplete → Inputs/AddressAutocomplete}/AddressAutocomplete.vue +0 -0
  34. /package/src/stories/Organisms/{ImageCropper → Inputs/ImageCropper}/ImageCropper.vue +0 -0
  35. /package/src/stories/Templates/{Menu → Menus}/Admin/AdminLeftMenu.stories.js +0 -0
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:rgba(255,255,255,.5);cursor:not-allowed}.dp__menu_readonly{background:rgba(0,0,0,0);cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}[data-v-7427caf8] .dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg{color:#2b324b;font-size:14px;border-radius:8px}[data-v-7427caf8] .dp__input_invalid{box-shadow:0 0;border:1px solid rgb(213,228,238)}[data-v-7427caf8] .dp__input_valid{box-shadow:0 0;border:1px solid rgb(255,0,0)}/*!
1
+ .dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::-moz-placeholder{opacity:.7}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::-moz-placeholder{color:var(--dp-disabled-color-text)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}[data-v-18850cde] .dp__pointer.dp__input_readonly.dp__input.dp__input_icon_pad.dp__input_reg{color:#2b324b;font-size:14px;border-radius:8px}[data-v-18850cde] .dp__input_invalid{box-shadow:0 0;border:1px solid rgb(213,228,238)}[data-v-18850cde] .dp__input_valid{box-shadow:0 0;border:1px solid rgb(255,0,0)}/*!
2
2
  * Cropper.js v1.6.1
3
3
  * https://fengyuanchen.github.io/cropperjs
4
4
  *
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@dcrackel/hematournamentui",
3
3
  "private": false,
4
- "version": "1.0.33",
4
+ "version": "1.0.35",
5
5
  "type": "module",
6
6
  "main": "dist/HemaTouranmentUI-lib.umd.js",
7
7
  "module": "dist/HemaTouranmentUI-lib.es.js",
8
8
  "scripts": {
9
- "dev": "vite",
9
+ "dev-donotuse": "vite",
10
10
  "build": "npm version patch && vite build",
11
11
  "publish:package": "npm publish",
12
12
  "preview": "vite preview",
@@ -19,40 +19,40 @@
19
19
  "coverage": "vitest run --coverage"
20
20
  },
21
21
  "dependencies": {
22
- "@storybook/addon-actions": "^8.0.0-alpha.0",
23
- "@tiptap/extension-bold": "^2.1.11",
24
- "@tiptap/extension-highlight": "^2.1.12",
25
- "@tiptap/extension-text-align": "^2.1.12",
26
- "@tiptap/starter-kit": "^2.1.11",
27
- "@tiptap/vue-3": "^2.1.11",
28
- "@vuepic/vue-datepicker": "^7.1.0",
29
- "concurrently": "^8.2.1",
22
+ "@storybook/addon-actions": "^7.6.6",
23
+ "@tiptap/extension-bold": "^2.1.13",
24
+ "@tiptap/extension-highlight": "^2.1.13",
25
+ "@tiptap/extension-text-align": "^2.1.13",
26
+ "@tiptap/starter-kit": "^2.1.13",
27
+ "@tiptap/vue-3": "^2.1.13",
28
+ "@vuepic/vue-datepicker": "^7.4.0",
29
+ "concurrently": "^8.2.2",
30
30
  "cropperjs": "^1.6.1",
31
31
  "font-awesome": "^4.7.0",
32
- "happy-dom": "^12.8.0",
33
- "vue": "^3.3.4",
34
- "vue-avatar-cropper": "^6.0.9",
32
+ "happy-dom": "^12.10.3",
33
+ "vue": "^3.4.0",
34
+ "vue-avatar-cropper": "^6.0.10",
35
35
  "vue-google-autocomplete": "^1.1.4"
36
36
  },
37
37
  "devDependencies": {
38
- "@storybook/addon-docs": "^8.0.0-alpha.4",
39
- "@storybook/addon-essentials": "^8.0.0-alpha.4",
40
- "@storybook/addon-interactions": "^8.0.0-alpha.4",
41
- "@storybook/addon-links": "^8.0.0-alpha.4",
42
- "@storybook/addon-mdx-gfm": "^8.0.0-alpha.4",
43
- "@storybook/blocks": "^8.0.0-alpha.4",
38
+ "@storybook/addon-docs": "^7.6.6",
39
+ "@storybook/addon-essentials": "^7.6.6",
40
+ "@storybook/addon-interactions": "^7.6.6",
41
+ "@storybook/addon-links": "^7.6.6",
42
+ "@storybook/addon-mdx-gfm": "^7.6.6",
43
+ "@storybook/blocks": "^7.6.6",
44
44
  "@storybook/testing-library": "^0.2.2",
45
- "@storybook/vue3": "^8.0.0-alpha.4",
46
- "@storybook/vue3-vite": "^8.0.0-alpha.4",
47
- "@vitejs/plugin-vue": "^4.2.3",
48
- "@vitest/coverage-v8": "^0.34.6",
45
+ "@storybook/vue3": "^7.6.6",
46
+ "@storybook/vue3-vite": "^7.6.6",
47
+ "@vitejs/plugin-vue": "^5.0.0",
48
+ "@vitest/coverage-v8": "^1.1.0",
49
49
  "@vue/cli-plugin-babel": "^5.0.8",
50
- "@vue/test-utils": "^2.4.0-alpha.2",
50
+ "@vue/test-utils": "^2.4.3",
51
51
  "autoprefixer": "^10.4.16",
52
- "storybook": "^8.0.0-alpha.4",
53
- "storybook-vue3-router": "^4.0.1",
54
- "tailwindcss": "^3.3.3",
55
- "vite": "^4.4.5",
56
- "vitest": "^0.34.6"
52
+ "storybook": "^7.6.6",
53
+ "storybook-vue3-router": "^4.25.0",
54
+ "tailwindcss": "^3.4.0",
55
+ "vite": "^5.0.10",
56
+ "vitest": "^1.1.0"
57
57
  }
58
58
  }
package/src/index.js CHANGED
@@ -5,22 +5,22 @@ export { default as BaseTag } from './stories/Atoms/Tag/BaseTag.vue';
5
5
  export { default as BaseText } from './stories/Atoms/Text/BaseText.vue';
6
6
 
7
7
  export { default as Breadcrumb } from './stories/Molecules/Breadcrumb/Admin/Breadcrumb.vue';
8
- export { default as BaseButton } from './stories/Molecules/Button/BaseButton.vue';
8
+ export { default as BaseButton } from './stories/Molecules/Buttons/BaseButton/BaseButton.vue';
9
9
  export { default as TournamentCardDetail } from './stories/Molecules/Cards/Detail/TournamentCardDetail.vue';
10
10
  export { default as TournamentCardHeader } from './stories/Molecules/Cards/Header/TournamentCardHeader.vue';
11
11
  export { default as FilterAndSortBar } from './stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue';
12
12
  export { default as FilterUpcomingPast } from './stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue';
13
- export { default as Modal } from './stories/Molecules/Modal/Modal.vue';
13
+ export { default as Modal } from './stories/Molecules/Modals/BaseModal/BaseModal.vue';
14
14
 
15
- export { default as AddressAutocomplete } from './stories/Organisms/AddressAutocomplete/AddressAutocomplete.vue';
16
- export { default as DatePicker } from './stories/Organisms/DatePicker/DatePicker.vue';
17
- export { default as DropDownMenu } from './stories/Organisms/DropDown/DropDownMenu.vue';
18
- export { default as GridContainer } from './stories/Organisms/Grid/GridContainer.vue';
19
- export { default as ImageCropper } from './stories/Organisms/ImageCropper/ImageCropper.vue';
20
- export { default as TextBoxEditor } from './stories/Organisms/TextBoxEditor/TextBoxEditor.vue';
21
- export { default as TournamentCard } from './stories/Organisms/TournamentCard/TournamentCard.vue';
15
+ export { default as AddressAutocomplete } from './stories/Organisms/Inputs/AddressAutocomplete/AddressAutocomplete.vue';
16
+ export { default as DatePicker } from './stories/Organisms/Inputs/DatePicker/DatePicker.vue';
17
+ export { default as DropDownMenu } from './stories/Organisms/Inputs/DropDown/DropDownMenu.vue';
18
+ export { default as GridContainer } from './stories/Organisms/Grids/GridContainer.vue';
19
+ export { default as ImageCropper } from './stories/Organisms/Inputs/ImageCropper/ImageCropper.vue';
20
+ export { default as TextBoxEditor } from './stories/Organisms/Inputs/TextBoxEditor/TextBoxEditor.vue';
21
+ export { default as TournamentCard } from './stories/Organisms/Cards/TournamentCard/TournamentCard.vue';
22
22
 
23
- export { default as AddTournamentPageOne } from './stories/Templates/Forms/AddTournamentPageOne/AddTournamentPageOne.vue';
24
- export { default as AddTournamentPageTwo } from './stories/Templates/Forms/AddTournamentPageTwo/AddTournamentPageTwo.vue';
25
- export { default as AdminLeftMenu } from './stories/Templates/Menu/Admin/AdminLeftMenu.vue';
23
+ export { default as AddTournamentPageOne } from './stories/Templates/TournamentManagement/AddTournament/PageOne/AddTournamentPageOne.vue';
24
+ export { default as AddTournamentPageTwo } from './stories/Templates/TournamentManagement/AddTournament/PageTwo/AddTournamentPageTwo.vue';
25
+ export { default as AdminLeftMenu } from './stories/Templates/Menus/Admin/AdminLeftMenu.vue';
26
26
 
package/src/stories/Atoms/Input/BaseInput.vue CHANGED
@@ -13,11 +13,10 @@
13
13
  <script>
14
14
  import {computed, ref, watch} from 'vue';
15
15
  import BaseIcon from "../Icon/BaseIcon.vue";
16
- import BaseButton from "../../Molecules/Button/BaseButton.vue";
17
16
 
18
17
  export default {
19
18
  name: 'BaseInput',
20
- components: {BaseButton, BaseIcon},
19
+ components: {BaseIcon},
21
20
  props: {
22
21
  placeholder: {
23
22
  type: String,
@@ -31,6 +30,10 @@ export default {
31
30
  type: Boolean,
32
31
  default: false
33
32
  },
33
+ addBorder: {
34
+ type: Boolean,
35
+ default: false
36
+ },
34
37
  iconName: {
35
38
  type: String,
36
39
  default: ''
@@ -61,10 +64,11 @@ export default {
61
64
  });
62
65
 
63
66
  const baseClasses = computed(() => {
64
- let baseClasses = 'appearance-none focus:outline-none w-full text-sm border rounded-lg p-2';
65
-
66
- props.invalid ? baseClasses += ' border border-alarm rounded-lg p-2' : baseClasses += ' border-dropdownSelect';
67
- return baseClasses;
67
+ let classes = 'appearance-none focus:outline-none w-full text-sm rounded-lg';
68
+ if (props.addBorder) {
69
+ classes += props.invalid ? ' border border-alarm p-2' : ' border border-dropdownSelect p-2';
70
+ }
71
+ return classes;
68
72
  });
69
73
 
70
74
  const onInput = () => {
package/src/stories/Molecules/{Button → Buttons/BaseButton}/BaseButton.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import BaseButton from './BaseButton.vue';
2
2
 
3
3
  export default {
4
- title: 'Molecules/Button/BaseButton',
4
+ title: 'Molecules/Buttons/BaseButton',
5
5
  component: BaseButton,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {
package/src/stories/Molecules/{Button → Buttons/BaseButton}/BaseButton.vue RENAMED
@@ -8,8 +8,8 @@
8
8
 
9
9
  <script>
10
10
  import {computed} from 'vue';
11
- import BaseText from '../../Atoms/Text/BaseText.vue';
12
- import BaseIcon from '../../Atoms/Icon/BaseIcon.vue';
11
+ import BaseText from '../../../Atoms/Text/BaseText.vue';
12
+ import BaseIcon from '../../../Atoms/Icon/BaseIcon.vue';
13
13
 
14
14
  export default {
15
15
  name: 'base-button',
@@ -47,7 +47,7 @@ export default {
47
47
 
48
48
  setup(props, {emit}) {
49
49
  const typeClasses = {
50
- primary: 'p-2 items-center gap-2.5 text-center rounded-md shadow border border-dropdownSelect justify-center hover:bg-tertiary ' +
50
+ primary: 'mx-1 p-2 items-center gap-2.5 text-center rounded-md shadow border border-dropdownSelect justify-center hover:bg-tertiary ' +
51
51
  (props.selected ? 'bg-dropdownSelect' : 'bg-neutral'),
52
52
 
53
53
  secondary: 'px-2.5 items-center gap-2.5 text-center my-1 p-3 border-b border-secondary hover:border-b hover:border-neutral w-full rounded-lg flex flex-row justify-center ' +
package/src/stories/Molecules/Cards/Detail/TournamentCardDetail.vue CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <script>
16
16
  import BaseText from '../../../Atoms/Text/BaseText.vue';
17
- import BaseButton from '../../../Molecules/Button/BaseButton.vue';
17
+ import BaseButton from '../../../Molecules/Buttons/BaseButton/BaseButton.vue';
18
18
 
19
19
  export default {
20
20
  name: 'tournament-card-details',
package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.stories.js CHANGED
@@ -13,16 +13,6 @@ export default {
13
13
  }
14
14
  };
15
15
 
16
- // const Template = args => ({
17
- // components: { FilterAndSortBar },
18
- // props: Object.keys(args),
19
- // methods: {
20
- // onButtonClick(button) {
21
- // console.log('Button clicked:', button);
22
- // }
23
- // }
24
- // });
25
-
26
16
  export const Default = {
27
17
  args: {
28
18
  label: 'Sort by',
package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue CHANGED
@@ -2,7 +2,7 @@
2
2
  <section class="flex flex-row w-full justify-between">
3
3
  <div class="rounded-lg shadow px-2 py-1 w-full flex flex-row mt-0.5 mr-4">
4
4
  <i class="fa-solid fa-magnifying-glass text-primaryHighlight w-6 mt-1" />
5
- <BaseInput placeholder="Search on Name, Location, or Date" class="text-quaternary" :value="filterText" @update:value="handleFilter" />
5
+ <BaseInput placeholder="Search on Name, Location, or Date" class="text-quaternary w-full" :addBorder=false :value="filterText" @update:value="handleFilter" />
6
6
  </div>
7
7
  <div>
8
8
  <DropDownMenu :label="label" :items="items" :selectedItem="localSelectedItem" @update:selectedItem="handleSelectedItem" />
@@ -12,7 +12,7 @@
12
12
 
13
13
  <script>
14
14
  import BaseInput from "../../../Atoms/Input/BaseInput.vue";
15
- import DropDownMenu from "../../../Organisms/DropDown/DropDownMenu.vue";
15
+ import DropDownMenu from "../../../Organisms/Inputs/DropDown/DropDownMenu.vue";
16
16
 
17
17
  export default {
18
18
  name: 'FilterAndSortBar',
package/src/stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue CHANGED
@@ -13,8 +13,8 @@
13
13
 
14
14
  <script>
15
15
  import BaseInput from "../../../Atoms/Input/BaseInput.vue";
16
- import DropDownMenu from "../../../Organisms/DropDown/DropDownMenu.vue";
17
- import BaseButton from "../../../Molecules/Button/BaseButton.vue";
16
+ import DropDownMenu from "../../../Organisms/Inputs/DropDown/DropDownMenu.vue";
17
+ import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
18
18
  import BaseText from "../../../Atoms/Text/BaseText.vue";
19
19
 
20
20
  export default {
package/src/stories/Molecules/{Modal/Modal.stories.js → Modals/BaseModal/BaseModal.stories.js} RENAMED
@@ -1,7 +1,7 @@
1
- import Modal from './Modal.vue';
1
+ import Modal from './BaseModal.vue';
2
2
 
3
3
  export default {
4
- title: 'Molecules/Modal',
4
+ title: 'Molecules/Modals/BaseModal',
5
5
  component: Modal,
6
6
  tags: ['autodocs'],
7
7
  };
@@ -11,7 +11,7 @@ const Template = (args) => ({
11
11
  setup() {
12
12
  return { args };
13
13
  },
14
- template: '<Modal v-bind="args" />',
14
+ template: '<Modals v-bind="args" />',
15
15
  });
16
16
 
17
17
  export const Default = Template.bind({});
package/src/stories/Organisms/{TournamentCard → Cards/TournamentCard}/TournamentCard.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import TournamentCard from './TournamentCard.vue';
2
2
 
3
3
  export default {
4
- title: 'Organisms/TournamentCard',
4
+ title: 'Organisms/Cards/TournamentCard',
5
5
  component: TournamentCard,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {
package/src/stories/Organisms/{TournamentCard → Cards/TournamentCard}/TournamentCard.vue RENAMED
@@ -6,8 +6,8 @@
6
6
  </template>
7
7
 
8
8
  <script>
9
- import TournamentHeader from '../../Molecules/Cards/Header/TournamentCardHeader.vue';
10
- import TournamentDetail from '../../Molecules/Cards/Detail/TournamentCardDetail.vue';
9
+ import TournamentHeader from '../../../Molecules/Cards/Header/TournamentCardHeader.vue';
10
+ import TournamentDetail from '../../../Molecules/Cards/Detail/TournamentCardDetail.vue';
11
11
 
12
12
  export default {
13
13
  name: 'TournamentCard',
package/src/stories/Organisms/{Grid → Grids}/GridContainer.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import GridContainer from './GridContainer.vue';
2
2
  import MockTournaments from '../../../mocks/tournamentMock.js';
3
3
  export default {
4
- title: 'Organisms/GridContainer',
4
+ title: 'Organisms/Grids/GridContainer',
5
5
  component: GridContainer,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {}
package/src/stories/Organisms/{Grid → Grids}/GridContainer.vue RENAMED
@@ -18,7 +18,7 @@
18
18
 
19
19
  <script>
20
20
  import BaseText from "../../Atoms/Text/BaseText.vue";
21
- import TournamentCard from "../../Organisms/TournamentCard/TournamentCard.vue";
21
+ import TournamentCard from "../../Organisms/Cards/TournamentCard/TournamentCard.vue";
22
22
  import FilterAndSortBar from "../../Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue";
23
23
  import FilterUpcomingPast from "../../Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue";
24
24
 
package/src/stories/Organisms/{AddressAutocomplete → Inputs/AddressAutocomplete}/AddressAutocomplete.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import AddressAutocomplete from './AddressAutocomplete.vue';
2
2
 
3
3
  export default {
4
- title: 'Organisms/AddressAutocomplete',
4
+ title: 'Organisms/Inputs/AddressAutocomplete',
5
5
  component: AddressAutocomplete,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {}
package/src/stories/Organisms/{DatePicker → Inputs/DatePicker}/DatePicker.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import DatePicker from './DatePicker.vue';
2
2
 
3
3
  export default {
4
- title: 'Organisms/DatePicker',
4
+ title: 'Organisms/Inputs/DatePicker',
5
5
  component: DatePicker,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {}
package/src/stories/Organisms/{DatePicker → Inputs/DatePicker}/DatePicker.vue RENAMED
@@ -1,5 +1,6 @@
1
1
  <template>
2
- <div> {{ invalid }}
2
+ <div>
3
+ <!-- when invalid is true, box should be red-->
3
4
  <VueDatePicker
4
5
  v-model="selectedDate"
5
6
  :enable-time-picker="false"
package/src/stories/Organisms/{DropDown → Inputs/DropDown}/DropDownMenu.stories.js RENAMED
@@ -1,6 +1,6 @@
1
1
  import DropDownMenu from './DropDownMenu.vue';
2
2
  export default {
3
- title: 'Organisms/DropDownMenu',
3
+ title: 'Organisms/Inputs/DropDownMenu',
4
4
  component: DropDownMenu,
5
5
  tags: ['autodocs']
6
6
  };
package/src/stories/Organisms/{DropDown → Inputs/DropDown}/DropDownMenu.vue RENAMED
@@ -16,7 +16,7 @@
16
16
  </template>
17
17
 
18
18
  <script>
19
- import BaseText from "../../Atoms/Text/BaseText.vue";
19
+ import BaseText from "../../../Atoms/Text/BaseText.vue";
20
20
 
21
21
  export default {
22
22
  name: 'DropDownMenu',
package/src/stories/Organisms/{ImageCropper → Inputs/ImageCropper}/ImageCropper.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import AvatarUploader from './ImageCropper.vue';
2
2
 
3
3
  export default {
4
- title: 'Organisms/ImageCropper',
4
+ title: 'Organisms/Inputs/ImageCropper',
5
5
  tags: ['autodocs'],
6
6
  component: AvatarUploader,
7
7
  argTypes: {}
package/src/stories/Organisms/{TextBoxEditor → Inputs/TextBoxEditor}/TextBoxEditor.stories.js RENAMED
@@ -1,7 +1,7 @@
1
1
  import TextBoxEditor from './TextBoxEditor.vue';
2
2
 
3
3
  export default {
4
- title: 'Organisms/TextBoxEditor',
4
+ title: 'Organisms/Inputs/TextBoxEditor',
5
5
  tags: ['autodocs'],
6
6
  component: TextBoxEditor,
7
7
  argTypes: {}
package/src/stories/Organisms/{TextBoxEditor → Inputs/TextBoxEditor}/TextBoxEditor.vue RENAMED
@@ -47,7 +47,7 @@ import {EditorContent, useEditor} from '@tiptap/vue-3'
47
47
  import StarterKit from '@tiptap/starter-kit'
48
48
  import Highlight from '@tiptap/extension-highlight'
49
49
  import TextAlign from '@tiptap/extension-text-align'
50
- import BaseButton from "../../Molecules/Button/BaseButton.vue";
50
+ import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
51
51
 
52
52
  export default {
53
53
  components: {
package/src/stories/Templates/{Menu → Menus}/Admin/AdminLeftMenu.vue RENAMED
@@ -37,7 +37,7 @@
37
37
  </template>
38
38
 
39
39
  <script>
40
- import BaseButton from "../../../Molecules/Button/BaseButton.vue";
40
+ import BaseButton from "../../../Molecules/Buttons/BaseButton/BaseButton.vue";
41
41
 
42
42
  export default {
43
43
  name: 'AdminLeftMenu',
package/src/stories/Templates/{Forms/AddTournamentPageOne → TournamentManagement/AddTournament/PageOne}/AddTournamentPageOne.stories.js RENAMED
@@ -1,25 +1,22 @@
1
1
  import AddTournamentPageOne from './AddTournamentPageOne.vue';
2
2
 
3
3
  export default {
4
- title: 'Templates/Forms/AddTournamentForm/PageOne',
4
+ title: 'Templates/TournamentManagement/AddTournament/PageOne',
5
5
  component: AddTournamentPageOne,
6
6
  tags: ['autodocs'],
7
7
  argTypes: {}
8
8
  };
9
9
 
10
10
  const Template = args => ({
11
- components: { AddTournamentPageOne },
11
+ components: {AddTournamentPageOne},
12
12
  setup() {
13
13
  return {
14
- args: {
15
- }
14
+ args: {}
16
15
  };
17
16
  },
18
- methods: {
19
- }
17
+ methods: {}
20
18
  });
21
19
 
22
20
  export const Default = {
23
- args: {
24
- }
21
+ args: {}
25
22
  };
package/src/stories/Templates/{Forms/AddTournamentPageOne → TournamentManagement/AddTournament/PageOne}/AddTournamentPageOne.vue RENAMED
@@ -36,8 +36,7 @@
36
36
  <div class="w-1/4 ml-1">
37
37
  <BaseText :color="'primaryHighlight'" :invalid="validation.totalDays" :size="'sm'" :text="'Total Days'"
38
38
  :weight="'normal'" class="mb-1" data-testid="text-total-days"/>
39
- <BaseInput :invalid="validation.totalDays" :placeholder="`${1}`" :value="`${tournament.totalDays}`"
40
- type="formInput"/>
39
+ <BaseInput :addBorder="true" :invalid="validation.totalDays" :placeholder="`${1}`" :value="`${tournament.totalDays}`"/>
41
40
  </div>
42
41
  </div>
43
42
  <div class="flex flex-col mb-3">
@@ -61,14 +60,14 @@
61
60
  </template>
62
61
 
63
62
  <script>
64
- import BaseText from "../../../Atoms/Text/BaseText.vue";
65
- import ImageCropper from "../../../Organisms/ImageCropper/ImageCropper.vue";
66
- import BaseInput from "../../../Atoms/Input/BaseInput.vue";
67
- import AddressAutocomplete from "../../../Organisms/AddressAutocomplete/AddressAutocomplete.vue";
68
- import DatePicker from "../../../Organisms/DatePicker/DatePicker.vue";
69
- import TextBoxEditor from "../../../Organisms/TextBoxEditor/TextBoxEditor.vue";
70
- import BaseRadioGroup from "../../../Atoms/RadioGroup/BaseRadioGroup.vue";
71
- import BaseButton from "../../../Molecules/Button/BaseButton.vue";
63
+ import BaseText from "../../../../Atoms/Text/BaseText.vue";
64
+ import ImageCropper from "../../../../Organisms/Inputs/ImageCropper/ImageCropper.vue";
65
+ import BaseInput from "../../../../Atoms/Input/BaseInput.vue";
66
+ import AddressAutocomplete from "../../../../Organisms/Inputs/AddressAutocomplete/AddressAutocomplete.vue";
67
+ import DatePicker from "../../../../Organisms/Inputs/DatePicker/DatePicker.vue";
68
+ import TextBoxEditor from "../../../../Organisms/Inputs/TextBoxEditor/TextBoxEditor.vue";
69
+ import BaseRadioGroup from "../../../../Atoms/RadioGroup/BaseRadioGroup.vue";
70
+ import BaseButton from "../../../../Molecules/Buttons/BaseButton/BaseButton.vue";
72
71
 
73
72
  export default {
74
73
  name: 'AddTournamentPageOne',
package/src/stories/Templates/{Forms/AddTournamentPageTwo → TournamentManagement/AddTournament/PageTwo}/AddTournamentPageTwo.stories.js RENAMED
@@ -1,21 +1,21 @@
1
1
  import AddTournamentPageTwo from './AddTournamentPageTwo.vue';
2
+
2
3
  export default {
3
- title: 'Templates/Forms/AddTournamentForm/PageTwo',
4
+ title: 'Templates/TournamentManagement/AddTournament/PageTwo',
4
5
  component: AddTournamentPageTwo,
5
6
  tags: ['autodocs'],
6
7
  argTypes: {}
7
8
  };
8
9
 
9
10
  const Template = args => ({
10
- components: { AddTournamentPageTwo },
11
+ components: {AddTournamentPageTwo},
11
12
  setup() {
12
13
  return {
13
- args: {
14
- }
14
+ args: {}
15
15
  };
16
16
  },
17
- methods: {
18
- }
17
+ methods: {}
18
+
19
19
  });
20
20
 
21
21
  export const Default = {
package/src/stories/Templates/{Forms/AddTournamentPageTwo → TournamentManagement/AddTournament/PageTwo}/AddTournamentPageTwo.vue RENAMED
@@ -57,10 +57,10 @@
57
57
 
58
58
 
59
59
  <script>
60
- import BaseText from "../../../Atoms/Text/BaseText.vue";
61
- import BaseButton from "../../../Molecules/Button/BaseButton.vue";
62
- import BaseInput from "../../../Atoms/Input/BaseInput.vue";
63
- import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
60
+ import BaseText from "../../../../Atoms/Text/BaseText.vue";
61
+ import BaseButton from "../../../../Molecules/Buttons/BaseButton/BaseButton.vue";
62
+ import BaseInput from "../../../../Atoms/Input/BaseInput.vue";
63
+ import BaseIcon from "../../../../Atoms/Icon/BaseIcon.vue";
64
64
 
65
65
  export default {
66
66
  name: 'AddTournamentPageTwo',