@bagelink/vue 1.15.47 → 1.15.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bagelink/vue",
3
3
  "type": "module",
4
- "version": "1.15.47",
4
+ "version": "1.15.51",
5
5
  "description": "Bagel core sdk packages",
6
6
  "author": {
7
7
  "name": "Bagel Studio",
@@ -50,7 +50,10 @@ onBeforeUnmount(() => {
50
50
 
51
51
  const contentWindow = () => iframe.value?.contentWindow as Window | null
52
52
 
53
- defineExpose({ contentWindow })
53
+ /** The underlying <iframe> element (e.g. for getBoundingClientRect). */
54
+ const element = () => iframe.value ?? null
55
+
56
+ defineExpose({ contentWindow, element })
54
57
  </script>
55
58
 
56
59
  <template>
@@ -58,6 +58,10 @@ const bind = computed(() => {
58
58
 
59
59
  <template>
60
60
  <div class="flex space-between">
61
+ <!-- Content rendered before the clickable area (e.g. a drag handle). Lives
62
+ outside the clickable component so interacting with it never triggers
63
+ navigation/selection. -->
64
+ <slot name="start" />
61
65
  <component
62
66
  :is="isComponent" v-bind="bind" v-ripple="ripple && isClickable"
63
67
  class="flex flex-grow-1 gap-05 list-item" :class="{
@@ -25,9 +25,9 @@
25
25
  * :focus-visible is set by the browser only for keyboard/programmatic focus,
26
26
  * so :focus:not(:focus-visible) targets pointer focus exclusively.
27
27
  */
28
- .bgl_btn:focus:not(:focus-visible),
29
- .bgl_flatBtn:focus:not(:focus-visible),
30
- .bgl_btn-icon:focus:not(:focus-visible),
28
+ .bgl_btn:not(.outline):not(.outline-dashed):not(.outline-primary):not(.bgl_pill-border):focus:not(:focus-visible),
29
+ .bgl_flatBtn:not(.outline):not(.outline-dashed):not(.outline-primary):not(.bgl_pill-border):focus:not(:focus-visible),
30
+ .bgl_btn-icon:not(.outline):not(.outline-dashed):not(.outline-primary):not(.bgl_pill-border):focus:not(:focus-visible),
31
31
  .btn-close:focus:not(:focus-visible) {
32
32
  outline: none;
33
33
  }