@bagelink/vue 1.15.15 → 1.15.26

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 (151) hide show
  1. package/dist/components/AccordionItem.vue.d.ts.map +1 -1
  2. package/dist/components/Avatar.vue.d.ts.map +1 -1
  3. package/dist/components/Badge.vue.d.ts.map +1 -1
  4. package/dist/components/BglVideo.vue.d.ts.map +1 -1
  5. package/dist/components/Btn.vue.d.ts.map +1 -1
  6. package/dist/components/Card.vue.d.ts.map +1 -1
  7. package/dist/components/DataPreview.vue.d.ts.map +1 -1
  8. package/dist/components/DragOver.vue.d.ts.map +1 -1
  9. package/dist/components/Dropdown.vue.d.ts.map +1 -1
  10. package/dist/components/FieldSetVue.vue.d.ts.map +1 -1
  11. package/dist/components/FilterQuery.vue.d.ts.map +1 -1
  12. package/dist/components/Image.vue.d.ts.map +1 -1
  13. package/dist/components/ListItem.vue.d.ts.map +1 -1
  14. package/dist/components/ListView.vue.d.ts.map +1 -1
  15. package/dist/components/MapEmbed/Index.vue.d.ts.map +1 -1
  16. package/dist/components/Menu.vue.d.ts.map +1 -1
  17. package/dist/components/NavBar.vue.d.ts.map +1 -1
  18. package/dist/components/PageTitle.vue.d.ts.map +1 -1
  19. package/dist/components/RouterWrapper.vue.d.ts.map +1 -1
  20. package/dist/components/Spreadsheet/Index.vue.d.ts.map +1 -1
  21. package/dist/components/Spreadsheet/SpreadsheetTable.vue.d.ts.map +1 -1
  22. package/dist/components/Swiper.vue.d.ts.map +1 -1
  23. package/dist/components/Toast.vue.d.ts.map +1 -1
  24. package/dist/components/analytics/BarChart.vue.d.ts.map +1 -1
  25. package/dist/components/analytics/LineChart.vue.d.ts.map +1 -1
  26. package/dist/components/analytics/PieChart.vue.d.ts.map +1 -1
  27. package/dist/components/calendar/CalendarPopover.vue.d.ts.map +1 -1
  28. package/dist/components/calendar/Index.vue.d.ts.map +1 -1
  29. package/dist/components/calendar/views/AgendaView.vue.d.ts.map +1 -1
  30. package/dist/components/calendar/views/DayView.vue.d.ts.map +1 -1
  31. package/dist/components/calendar/views/MonthView.vue.d.ts.map +1 -1
  32. package/dist/components/calendar/views/WeekView.vue.d.ts.map +1 -1
  33. package/dist/components/dataTable/DataTable.vue.d.ts.map +1 -1
  34. package/dist/components/form/inputs/ArrayInput.vue.d.ts.map +1 -1
  35. package/dist/components/form/inputs/CheckInput.vue.d.ts.map +1 -1
  36. package/dist/components/form/inputs/Checkbox.vue.d.ts.map +1 -1
  37. package/dist/components/form/inputs/CodeEditor/Index.vue.d.ts.map +1 -1
  38. package/dist/components/form/inputs/ColorInput.vue.d.ts.map +1 -1
  39. package/dist/components/form/inputs/DateInput.vue.d.ts.map +1 -1
  40. package/dist/components/form/inputs/DatePicker.vue.d.ts.map +1 -1
  41. package/dist/components/form/inputs/EmailInput.vue.d.ts.map +1 -1
  42. package/dist/components/form/inputs/JSONInput.vue.d.ts.map +1 -1
  43. package/dist/components/form/inputs/MarkdownEditor.vue.d.ts.map +1 -1
  44. package/dist/components/form/inputs/NumberInput.vue.d.ts.map +1 -1
  45. package/dist/components/form/inputs/OTP.vue.d.ts.map +1 -1
  46. package/dist/components/form/inputs/PasswordInput.vue.d.ts.map +1 -1
  47. package/dist/components/form/inputs/RadioGroup.vue.d.ts.map +1 -1
  48. package/dist/components/form/inputs/RangeInput.vue.d.ts.map +1 -1
  49. package/dist/components/form/inputs/RichText/components/EditorToolbar.vue.d.ts.map +1 -1
  50. package/dist/components/form/inputs/RichText/index.vue.d.ts.map +1 -1
  51. package/dist/components/form/inputs/SelectBtn.vue.d.ts.map +1 -1
  52. package/dist/components/form/inputs/SelectInput.vue.d.ts.map +1 -1
  53. package/dist/components/form/inputs/SignaturePad.vue.d.ts.map +1 -1
  54. package/dist/components/form/inputs/TableField.vue.d.ts.map +1 -1
  55. package/dist/components/form/inputs/TelInput.vue.d.ts.map +1 -1
  56. package/dist/components/form/inputs/TextInput.vue.d.ts.map +1 -1
  57. package/dist/components/form/inputs/ToggleInput.vue.d.ts.map +1 -1
  58. package/dist/components/layout/AppContent.vue.d.ts.map +1 -1
  59. package/dist/components/layout/AppLayout.vue.d.ts.map +1 -1
  60. package/dist/components/layout/AppSidebar.vue.d.ts.map +1 -1
  61. package/dist/components/layout/BottomMenu.vue.d.ts.map +1 -1
  62. package/dist/components/layout/Resizable.vue.d.ts.map +1 -1
  63. package/dist/components/layout/SidebarMenu.vue.d.ts.map +1 -1
  64. package/dist/components/layout/Skeleton.vue.d.ts.map +1 -1
  65. package/dist/components/layout/TabbedLayout.vue.d.ts.map +1 -1
  66. package/dist/components/layout/TabsNav.vue.d.ts.map +1 -1
  67. package/dist/components/lightbox/Lightbox.vue.d.ts.map +1 -1
  68. package/dist/dialog/Dialog.vue.d.ts.map +1 -1
  69. package/dist/form-flow/MultiStepForm.vue.d.ts.map +1 -1
  70. package/dist/index.cjs +141 -166
  71. package/dist/index.mjs +33696 -27776
  72. package/dist/style.css +2 -2
  73. package/package.json +1 -1
  74. package/src/components/AccordionItem.vue +32 -28
  75. package/src/components/Avatar.vue +12 -10
  76. package/src/components/Badge.vue +15 -13
  77. package/src/components/BglVideo.vue +13 -11
  78. package/src/components/Btn.vue +90 -89
  79. package/src/components/Card.vue +33 -31
  80. package/src/components/DataPreview.vue +17 -15
  81. package/src/components/DragOver.vue +2 -0
  82. package/src/components/Dropdown.vue +38 -36
  83. package/src/components/FieldSetVue.vue +7 -5
  84. package/src/components/FilterQuery.vue +28 -24
  85. package/src/components/Image.vue +7 -5
  86. package/src/components/JSONSchema.vue +45 -43
  87. package/src/components/JsonBuilder.vue +10 -8
  88. package/src/components/ListItem.vue +41 -39
  89. package/src/components/ListView.vue +3 -1
  90. package/src/components/MapEmbed/Index.vue +4 -2
  91. package/src/components/Menu.vue +17 -13
  92. package/src/components/NavBar.vue +198 -196
  93. package/src/components/PageTitle.vue +2 -0
  94. package/src/components/RouterWrapper.vue +3 -1
  95. package/src/components/Spreadsheet/Index.vue +8 -6
  96. package/src/components/Spreadsheet/SpreadsheetTable.vue +100 -98
  97. package/src/components/Swiper.vue +33 -30
  98. package/src/components/Toast.vue +2 -0
  99. package/src/components/analytics/BarChart.vue +10 -8
  100. package/src/components/analytics/LineChart.vue +27 -23
  101. package/src/components/analytics/PieChart.vue +32 -28
  102. package/src/components/calendar/CalendarPopover.vue +19 -17
  103. package/src/components/calendar/Index.vue +6 -4
  104. package/src/components/calendar/views/AgendaView.vue +19 -17
  105. package/src/components/calendar/views/DayView.vue +44 -42
  106. package/src/components/calendar/views/MonthView.vue +85 -83
  107. package/src/components/calendar/views/WeekView.vue +55 -53
  108. package/src/components/dataTable/DataTable.vue +140 -139
  109. package/src/components/form/inputs/ArrayInput.vue +28 -26
  110. package/src/components/form/inputs/CheckInput.vue +32 -30
  111. package/src/components/form/inputs/Checkbox.vue +4 -2
  112. package/src/components/form/inputs/CodeEditor/Index.vue +49 -45
  113. package/src/components/form/inputs/ColorInput.vue +37 -35
  114. package/src/components/form/inputs/DateInput.vue +3 -1
  115. package/src/components/form/inputs/DatePicker.vue +42 -40
  116. package/src/components/form/inputs/EmailInput.vue +67 -63
  117. package/src/components/form/inputs/JSONInput.vue +4 -2
  118. package/src/components/form/inputs/MarkdownEditor.vue +3 -1
  119. package/src/components/form/inputs/NumberInput.vue +53 -51
  120. package/src/components/form/inputs/OTP.vue +45 -43
  121. package/src/components/form/inputs/PasswordInput.vue +11 -9
  122. package/src/components/form/inputs/RadioGroup.vue +19 -18
  123. package/src/components/form/inputs/RangeInput.vue +23 -21
  124. package/src/components/form/inputs/RichText/components/EditorToolbar.vue +14 -12
  125. package/src/components/form/inputs/RichText/components/gridBox.vue +10 -8
  126. package/src/components/form/inputs/RichText/index.vue +218 -212
  127. package/src/components/form/inputs/SelectBtn.vue +3 -1
  128. package/src/components/form/inputs/SelectInput.vue +61 -57
  129. package/src/components/form/inputs/SignaturePad.vue +19 -17
  130. package/src/components/form/inputs/TableField.vue +71 -67
  131. package/src/components/form/inputs/TelInput.vue +84 -82
  132. package/src/components/form/inputs/TextInput.vue +38 -34
  133. package/src/components/form/inputs/ToggleInput.vue +31 -29
  134. package/src/components/layout/AppContent.vue +21 -17
  135. package/src/components/layout/AppLayout.vue +25 -23
  136. package/src/components/layout/AppSidebar.vue +71 -72
  137. package/src/components/layout/BottomMenu.vue +7 -3
  138. package/src/components/layout/Resizable.vue +8 -6
  139. package/src/components/layout/SidebarMenu.vue +16 -12
  140. package/src/components/layout/Skeleton.vue +17 -15
  141. package/src/components/layout/TabbedLayout.vue +6 -5
  142. package/src/components/layout/TabsNav.vue +112 -108
  143. package/src/components/lightbox/Lightbox.vue +147 -145
  144. package/src/dialog/Dialog.vue +142 -140
  145. package/src/form-flow/MultiStepForm.vue +88 -86
  146. package/src/styles/appearance.css +115 -115
  147. package/src/styles/bagel.css +30 -31
  148. package/src/styles/layout.css +977 -971
  149. package/src/styles/mobilLayout.css +754 -754
  150. package/src/styles/text.css +630 -630
  151. package/vite.config.ts +0 -31
package/src/components/form/inputs/RichText/index.vue CHANGED
@@ -2893,13 +2893,15 @@ async function initEditor() {
2893
2893
  ">
2894
2894
  <base target="_blank">
2895
2895
  <style id="editor-styles">
2896
- ${editorStylesContent}
2897
- .placeholder {
2898
- color: #9ca3af;
2899
- font-style: italic;
2900
- pointer-events: none;
2901
- user-select: none;
2902
- }
2896
+
2897
+ ${editorStylesContent}
2898
+ .placeholder {
2899
+ color: #9ca3af;
2900
+ font-style: italic;
2901
+ pointer-events: none;
2902
+ user-select: none;
2903
+ }
2904
+
2903
2905
  </style>
2904
2906
  </head>
2905
2907
  <body class="richtext-editor-content">${initialContent}</body>
@@ -3242,7 +3244,7 @@ const imgTransform = computed({
3242
3244
  },
3243
3245
  set: (newVal: string) => {
3244
3246
  if (!newVal || imageForm.value.src === newVal) return
3245
- imageForm.value.src = pathKeyToURL(newVal)
3247
+ imageForm.value.src = pathKeyToURL(newVal) ?? newVal
3246
3248
  }
3247
3249
  })
3248
3250
  </script>
@@ -3741,350 +3743,354 @@ const imgTransform = computed({
3741
3743
  </template>
3742
3744
 
3743
3745
  <style>
3746
+
3744
3747
  .table-editor .colorInputPickWrap {
3745
- background: var(--bgl-input-bg);
3748
+ background: var(--bgl-input-bg);
3746
3749
  }
3747
3750
 
3748
3751
  .rich-text-editor--basic .content-area {
3749
- background: var(--bgl-input-bg) !important;
3750
- border: none;
3751
- /* padding: 0 0.7rem; */
3752
- border-radius: var(--bgl-input-border-radius);
3753
- color: var(--bgl-input-color);
3754
- min-width: calc(var(--bgl-input-height) * 3);
3755
- width: 100%;
3752
+ background: var(--bgl-input-bg) !important;
3753
+ border: none;
3754
+ /* padding: 0 0.7rem; */
3755
+ border-radius: var(--bgl-input-border-radius);
3756
+ color: var(--bgl-input-color);
3757
+ min-width: calc(var(--bgl-input-height) * 3);
3758
+ width: 100%;
3756
3759
  }
3757
3760
 
3758
3761
  .rich-text-editor--basic .content-area:hover {
3759
- outline-color: rgba(0, 0, 0, 0.05);
3760
- box-shadow: inset 0 0 8px #00000018;
3761
- outline-color: var(--bgl-input-bg);
3762
+ outline-color: rgba(0, 0, 0, 0.05);
3763
+ box-shadow: inset 0 0 8px #00000018;
3764
+ outline-color: var(--bgl-input-bg);
3762
3765
  }
3763
3766
 
3764
3767
  .content-area p,
3765
3768
  .content-area span,
3766
3769
  .content-area li {
3767
- line-height: 1.65;
3768
- font-size: var(--richtext-font-size, 16px);
3770
+ line-height: 1.65;
3771
+ font-size: var(--richtext-font-size, 16px);
3769
3772
  }
3773
+
3770
3774
  </style>
3771
3775
 
3772
3776
  <style scoped>
3777
+
3773
3778
  /* Table hover and edit button styles */
3774
3779
  .content-area table {
3775
- position: relative;
3780
+ position: relative;
3776
3781
  }
3777
3782
 
3778
3783
  .content-area table:hover {
3779
- outline: 2px solid rgba(0, 123, 204, 0.3);
3780
- outline-offset: 2px;
3784
+ outline: 2px solid rgba(0, 123, 204, 0.3);
3785
+ outline-offset: 2px;
3781
3786
  }
3782
3787
 
3783
3788
  .rich-text-editor {
3784
- background: var(--bgl-input-bg);
3785
- border: 1px solid var(--bgl-border-color);
3786
- transition: all 0.3s ease;
3789
+ background: var(--bgl-input-bg);
3790
+ border: 1px solid var(--bgl-border-color);
3791
+ transition: all 0.3s ease;
3787
3792
  }
3788
3793
 
3789
3794
  .editor-container {
3790
- display: flex;
3791
- gap: 0.5rem;
3795
+ display: flex;
3796
+ gap: 0.5rem;
3792
3797
  }
3793
3798
 
3794
3799
  .content-area,
3795
3800
  .preview-area {
3796
- flex: 1;
3797
- background: var(--bgl-richtext-color);
3798
- font-size: var(--richtext-font-size, 16px);
3801
+ flex: 1;
3802
+ background: var(--bgl-richtext-color);
3803
+ font-size: var(--richtext-font-size, 16px);
3799
3804
  }
3800
3805
 
3801
3806
  .split-view {
3802
- display: grid;
3803
- grid-template-columns: 1fr 1fr;
3807
+ display: grid;
3808
+ grid-template-columns: 1fr 1fr;
3804
3809
  }
3805
3810
 
3806
3811
  .editableContent {
3807
- width: 100%;
3808
- height: 100%;
3809
- border: none;
3810
- outline: none;
3811
- background: transparent;
3812
- font-size: var(--richtext-font-size, 16px);
3813
- opacity: 0;
3814
- transition: opacity 0.25s ease;
3812
+ width: 100%;
3813
+ height: 100%;
3814
+ border: none;
3815
+ outline: none;
3816
+ background: transparent;
3817
+ font-size: var(--richtext-font-size, 16px);
3818
+ opacity: 0;
3819
+ transition: opacity 0.25s ease;
3815
3820
  }
3816
3821
 
3817
3822
  .editableContent.editor-ready {
3818
- opacity: 1;
3823
+ opacity: 1;
3819
3824
  }
3820
3825
 
3821
3826
  .html-editor {
3822
- width: 100%;
3823
- height: 100%;
3824
- min-height: 200px;
3825
- font-family: monospace;
3826
- border: none;
3827
- outline: none;
3828
- resize: none;
3829
- color: white;
3830
- background-color: var(--bgl-black);
3827
+ width: 100%;
3828
+ height: 100%;
3829
+ min-height: 200px;
3830
+ font-family: monospace;
3831
+ border: none;
3832
+ outline: none;
3833
+ resize: none;
3834
+ color: white;
3835
+ background-color: var(--bgl-black);
3831
3836
  }
3832
3837
 
3833
3838
  .preview-area {
3834
- font-family: monospace;
3835
- white-space: pre-wrap;
3836
- overflow-x: auto;
3839
+ font-family: monospace;
3840
+ white-space: pre-wrap;
3841
+ overflow-x: auto;
3837
3842
  }
3838
3843
 
3839
3844
  .fullscreen-mode {
3840
- position: fixed;
3841
- top: 0;
3842
- left: 0;
3843
- width: 100vw;
3844
- height: 100vh;
3845
- z-index: 99;
3846
- padding: 2rem;
3845
+ position: fixed;
3846
+ top: 0;
3847
+ left: 0;
3848
+ width: 100vw;
3849
+ height: 100vh;
3850
+ z-index: 99;
3851
+ padding: 2rem;
3847
3852
  }
3848
3853
 
3849
3854
  .fullscreen-mode .editor-container {
3850
- height: calc(100vh - 4rem);
3855
+ height: calc(100vh - 4rem);
3851
3856
  }
3852
3857
 
3853
3858
  .fullscreen-mode .content-area,
3854
3859
  .fullscreen-mode .preview-area {
3855
- height: 100%;
3856
- overflow-y: auto;
3860
+ height: 100%;
3861
+ overflow-y: auto;
3857
3862
  }
3858
3863
 
3859
3864
  .debug-controls {
3860
- display: flex;
3861
- gap: 0.5rem;
3862
- justify-content: flex-end;
3865
+ display: flex;
3866
+ gap: 0.5rem;
3867
+ justify-content: flex-end;
3863
3868
  }
3864
3869
 
3865
3870
  /* Inline Toolbar Styles */
3866
3871
  .inline-toolbar {
3867
- pointer-events: all;
3872
+ pointer-events: all;
3868
3873
  }
3869
3874
 
3870
3875
  .inline-toolbar-content {
3871
- background: var(--bgl-box-bg, white);
3872
- border: 1px solid var(--bgl-border-color, #dddddd);
3873
- border-radius: 8px;
3874
- padding: 0.25rem;
3875
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3876
- display: flex;
3877
- align-items: center;
3878
- gap: 0.125rem;
3879
- backdrop-filter: blur(8px);
3876
+ background: var(--bgl-box-bg, white);
3877
+ border: 1px solid var(--bgl-border-color, #dddddd);
3878
+ border-radius: 8px;
3879
+ padding: 0.25rem;
3880
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3881
+ display: flex;
3882
+ align-items: center;
3883
+ gap: 0.125rem;
3884
+ backdrop-filter: blur(8px);
3880
3885
  }
3881
3886
 
3882
3887
  .inline-toolbar-content .btn {
3883
- min-width: 32px;
3884
- height: 32px;
3885
- padding: 0;
3886
- transform: rotate(0) !important;
3887
- }
3888
+ min-width: 32px;
3889
+ height: 32px;
3890
+ padding: 0;
3891
+ transform: rotate(0) !important;
3892
+ }
3888
3893
 
3889
- [dir="rtl"] .inline-toolbar-content .bgl_btn-icon {
3890
- transform: rotate(0) !important;
3894
+ [dir="rtl"] .inline-toolbar-content .bgl_btn-icon {
3895
+ transform: rotate(0) !important;
3891
3896
  }
3892
3897
 
3893
3898
  .inline-toolbar-content .btn.active {
3894
- background: var(--bgl-primary);
3895
- color: white;
3899
+ background: var(--bgl-primary);
3900
+ color: white;
3896
3901
  }
3897
3902
 
3898
3903
  .inline-toolbar-content .separator {
3899
- color: var(--bgl-border-color, #dddddd);
3900
- margin: 0 0.25rem;
3901
- opacity: 0.5;
3904
+ color: var(--bgl-border-color, #dddddd);
3905
+ margin: 0 0.25rem;
3906
+ opacity: 0.5;
3902
3907
  }
3903
3908
 
3904
3909
  /* Table Context Menu */
3905
3910
  .table-context-menu {
3906
- pointer-events: auto;
3911
+ pointer-events: auto;
3907
3912
  }
3908
3913
 
3909
3914
  .context-menu-content {
3910
- background: white;
3911
- border: 1px solid var(--bgl-border-color, #dddddd);
3912
- border-radius: var(--bgl-btn-border-radius) !important;
3913
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3914
- padding: 0;
3915
- min-width: 140px;
3916
- max-width: 180px;
3917
- overflow: hidden;
3918
- --bgl-input-font-size: 12px;
3915
+ background: white;
3916
+ border: 1px solid var(--bgl-border-color, #dddddd);
3917
+ border-radius: var(--bgl-btn-border-radius) !important;
3918
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
3919
+ padding: 0;
3920
+ min-width: 140px;
3921
+ max-width: 180px;
3922
+ overflow: hidden;
3923
+ --bgl-input-font-size: 12px;
3919
3924
  }
3920
3925
 
3921
3926
  .menu-header {
3922
- display: flex;
3923
- justify-content: space-between;
3924
- align-items: center;
3925
- padding: 8px 12px;
3926
- background-color: var(--bg-light, #f8f9fa);
3927
- border-bottom: 1px solid var(--bgl-border-color, #dddddd);
3928
- font-size: 12px;
3929
- font-weight: 500;
3930
- color: var(--text-secondary, #666);
3931
- margin-bottom: 5px;
3927
+ display: flex;
3928
+ justify-content: space-between;
3929
+ align-items: center;
3930
+ padding: 8px 12px;
3931
+ background-color: var(--bg-light, #f8f9fa);
3932
+ border-bottom: 1px solid var(--bgl-border-color, #dddddd);
3933
+ font-size: 12px;
3934
+ font-weight: 500;
3935
+ color: var(--text-secondary, #666);
3936
+ margin-bottom: 5px;
3932
3937
  }
3933
3938
 
3934
3939
  .close-btn {
3935
- background: none;
3936
- border: none;
3937
- font-size: 16px;
3938
- cursor: pointer;
3939
- padding: 0;
3940
- width: 20px;
3941
- height: 20px;
3942
- display: flex;
3943
- align-items: center;
3944
- justify-content: center;
3945
- border-radius: 3px;
3946
- color: var(--text-secondary, #666);
3947
- transition: all 0.2s;
3940
+ background: none;
3941
+ border: none;
3942
+ font-size: 16px;
3943
+ cursor: pointer;
3944
+ padding: 0;
3945
+ width: 20px;
3946
+ height: 20px;
3947
+ display: flex;
3948
+ align-items: center;
3949
+ justify-content: center;
3950
+ border-radius: 3px;
3951
+ color: var(--text-secondary, #666);
3952
+ transition: all 0.2s;
3948
3953
  }
3949
3954
 
3950
3955
  .close-btn:hover {
3951
- background-color: var(--hover-bg, #e9ecef);
3952
- color: var(--text-primary, #333);
3956
+ background-color: var(--hover-bg, #e9ecef);
3957
+ color: var(--text-primary, #333);
3953
3958
  }
3954
3959
 
3955
3960
  .context-menu-content>.btn {
3956
- margin: 2px 4px;
3961
+ margin: 2px 4px;
3957
3962
  }
3958
3963
 
3959
3964
  .context-menu-item {
3960
- padding: 8px 16px;
3961
- cursor: pointer;
3962
- transition: background-color 0.2s;
3963
- font-size: 14px;
3965
+ padding: 8px 16px;
3966
+ cursor: pointer;
3967
+ transition: background-color 0.2s;
3968
+ font-size: 14px;
3964
3969
  }
3965
3970
 
3966
3971
  .context-menu-item:hover {
3967
- background-color: var(--hover-bg, #f5f5f5);
3972
+ background-color: var(--hover-bg, #f5f5f5);
3968
3973
  }
3969
3974
 
3970
3975
  .context-menu-separator {
3971
- height: 1px;
3972
- background-color: var(--bgl-border-color, #dddddd);
3973
- margin: 4px 0;
3976
+ height: 1px;
3977
+ background-color: var(--bgl-border-color, #dddddd);
3978
+ margin: 4px 0;
3974
3979
  }
3975
3980
 
3976
3981
  .context-menu-btn:hover {
3977
- background-color: var(--hover-bg, #f5f5f5) !important;
3982
+ background-color: var(--hover-bg, #f5f5f5) !important;
3978
3983
  }
3979
3984
 
3980
3985
  /* Table Cell Selection */
3981
3986
  .table-cell-selected {
3982
- background-color: rgba(0, 123, 255, 0.1) !important;
3983
- border: 2px solid #007bff !important;
3984
- position: relative;
3987
+ background-color: rgba(0, 123, 255, 0.1) !important;
3988
+ border: 2px solid #007bff !important;
3989
+ position: relative;
3985
3990
  }
3986
3991
 
3987
3992
  .table-cell-selected::after {
3988
- content: '';
3989
- position: absolute;
3990
- top: -2px;
3991
- left: -2px;
3992
- right: -2px;
3993
- bottom: -2px;
3994
- border: 2px solid #007bff;
3995
- pointer-events: none;
3996
- z-index: 1;
3993
+ content: '';
3994
+ position: absolute;
3995
+ top: -2px;
3996
+ left: -2px;
3997
+ right: -2px;
3998
+ bottom: -2px;
3999
+ border: 2px solid #007bff;
4000
+ pointer-events: none;
4001
+ z-index: 1;
3997
4002
  }
3998
4003
 
3999
4004
  /* Table Modal Button Active States */
4000
4005
  .activeBtn {
4001
- background: var(--bgl-primary) !important;
4002
- color: white !important;
4003
- border-color: var(--bgl-primary) !important;
4006
+ background: var(--bgl-primary) !important;
4007
+ color: white !important;
4008
+ border-color: var(--bgl-primary) !important;
4004
4009
  }
4005
4010
 
4006
4011
  /* Table Edit Button Protection */
4007
4012
  .table-edit-btn {
4008
- position: absolute !important;
4009
- top: 5px !important;
4010
- right: 5px !important;
4011
- background: rgba(0, 0, 0, 0.7) !important;
4012
- color: white !important;
4013
- padding: 4px 8px !important;
4014
- border-radius: 4px !important;
4015
- font-size: 12px !important;
4016
- cursor: pointer !important;
4017
- z-index: 100 !important;
4018
- pointer-events: auto !important;
4019
- user-select: none !important;
4020
- -webkit-user-select: none !important;
4021
- -moz-user-select: none !important;
4022
- -ms-user-select: none !important;
4023
- outline: none !important;
4024
- border: none !important;
4025
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
4026
- white-space: nowrap !important;
4027
- overflow: hidden !important;
4028
- text-overflow: clip !important;
4029
- min-width: unset !important;
4030
- max-width: unset !important;
4031
- width: auto !important;
4032
- height: auto !important;
4033
- line-height: normal !important;
4034
- font-family: inherit !important;
4035
- font-weight: normal !important;
4036
- text-align: center !important;
4037
- vertical-align: baseline !important;
4038
- text-decoration: none !important;
4039
- text-transform: none !important;
4040
- letter-spacing: normal !important;
4041
- word-spacing: normal !important;
4042
- text-indent: 0 !important;
4043
- text-shadow: none !important;
4044
- direction: ltr !important;
4045
- unicode-bidi: normal !important;
4013
+ position: absolute !important;
4014
+ top: 5px !important;
4015
+ right: 5px !important;
4016
+ background: rgba(0, 0, 0, 0.7) !important;
4017
+ color: white !important;
4018
+ padding: 4px 8px !important;
4019
+ border-radius: 4px !important;
4020
+ font-size: 12px !important;
4021
+ cursor: pointer !important;
4022
+ z-index: 100 !important;
4023
+ pointer-events: auto !important;
4024
+ user-select: none !important;
4025
+ -webkit-user-select: none !important;
4026
+ -moz-user-select: none !important;
4027
+ -ms-user-select: none !important;
4028
+ outline: none !important;
4029
+ border: none !important;
4030
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
4031
+ white-space: nowrap !important;
4032
+ overflow: hidden !important;
4033
+ text-overflow: clip !important;
4034
+ min-width: unset !important;
4035
+ max-width: unset !important;
4036
+ width: auto !important;
4037
+ height: auto !important;
4038
+ line-height: normal !important;
4039
+ font-family: inherit !important;
4040
+ font-weight: normal !important;
4041
+ text-align: center !important;
4042
+ vertical-align: baseline !important;
4043
+ text-decoration: none !important;
4044
+ text-transform: none !important;
4045
+ letter-spacing: normal !important;
4046
+ word-spacing: normal !important;
4047
+ text-indent: 0 !important;
4048
+ text-shadow: none !important;
4049
+ direction: ltr !important;
4050
+ unicode-bidi: normal !important;
4046
4051
  }
4047
4052
 
4048
4053
  .table-edit-btn:hover {
4049
- background: rgba(0, 0, 0, 0.9) !important;
4054
+ background: rgba(0, 0, 0, 0.9) !important;
4050
4055
  }
4051
4056
 
4052
4057
  /* Prevent any content insertion into table edit buttons */
4053
4058
  .table-edit-btn * {
4054
- display: none !important;
4059
+ display: none !important;
4055
4060
  }
4056
4061
 
4057
4062
  .table-edit-btn::before,
4058
4063
  .table-edit-btn::after {
4059
- content: none !important;
4064
+ content: none !important;
4060
4065
  }
4061
4066
 
4062
4067
  /* Editor Tooltip */
4063
4068
  .editor-tooltip {
4064
- position: fixed;
4065
- background: rgba(0, 0, 0, 0.9);
4066
- color: white;
4067
- padding: 8px 12px;
4068
- border-radius: 6px;
4069
- font-size: 14px;
4070
- line-height: 1.4;
4071
- max-width: 300px;
4072
- word-wrap: break-word;
4073
- z-index: 9999;
4074
- pointer-events: none;
4075
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
4076
- animation: tooltipFadeIn 0.2s ease-out;
4069
+ position: fixed;
4070
+ background: rgba(0, 0, 0, 0.9);
4071
+ color: white;
4072
+ padding: 8px 12px;
4073
+ border-radius: 6px;
4074
+ font-size: 14px;
4075
+ line-height: 1.4;
4076
+ max-width: 300px;
4077
+ word-wrap: break-word;
4078
+ z-index: 9999;
4079
+ pointer-events: none;
4080
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
4081
+ animation: tooltipFadeIn 0.2s ease-out;
4077
4082
  }
4078
4083
 
4079
4084
  @keyframes tooltipFadeIn {
4080
- from {
4081
- opacity: 0;
4082
- transform: translateY(-5px);
4083
- }
4085
+ from {
4086
+ opacity: 0;
4087
+ transform: translateY(-5px);
4088
+ }
4084
4089
 
4085
- to {
4086
- opacity: 1;
4087
- transform: translateY(0);
4088
- }
4090
+ to {
4091
+ opacity: 1;
4092
+ transform: translateY(0);
4089
4093
  }
4094
+ }
4095
+
4090
4096
  </style>
package/src/components/form/inputs/SelectBtn.vue CHANGED
@@ -86,7 +86,9 @@ function isSelected(val: OptionValue) {
86
86
  </template>
87
87
 
88
88
  <style scoped>
89
+
89
90
  .SelectBtn {
90
- --bgl-btn-height: 30px;
91
+ --bgl-btn-height: 30px;
91
92
  }
93
+
92
94
  </style>