@empathyco/x-components 6.0.0-alpha.85 → 6.0.0-alpha.87

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 (18) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/design-system/deprecated-full-theme.css +138 -137
  3. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.md +1 -0
  4. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.suggestionimageurl.md +11 -0
  5. package/docs/API-reference/api/x-components.relatedpromptstaglist.md +1 -0
  6. package/docs/API-reference/api/x-types.relatedprompt.md +1 -0
  7. package/docs/API-reference/api/x-types.relatedprompt.suggestionimageurl.md +13 -0
  8. package/js/components/base-teleport.vue.js.map +1 -1
  9. package/js/components/base-teleport.vue2.js +11 -5
  10. package/js/components/base-teleport.vue2.js.map +1 -1
  11. package/package.json +4 -4
  12. package/report/x-adapter-platform.api.json +27 -0
  13. package/report/x-components.api.json +1 -1
  14. package/report/x-components.api.md +1 -0
  15. package/report/x-types.api.json +27 -0
  16. package/types/components/base-teleport.vue.d.ts.map +1 -1
  17. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts +1 -0
  18. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,23 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [6.0.0-alpha.87](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.86...@empathyco/x-components@6.0.0-alpha.87) (2025-05-20)
7
+
8
+ **Note:** Version bump only for package @empathyco/x-components
9
+
10
+
11
+
12
+
13
+
14
+ ## [6.0.0-alpha.86](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.85...@empathyco/x-components@6.0.0-alpha.86) (2025-05-19)
15
+
16
+
17
+ ### Features
18
+
19
+ * **base-teleport:** support SSR ensuring DOM existence ([5ad6f28](https://github.com/empathyco/x/commit/5ad6f28c46fea6e6e665796cf7ddb722285746ce))
20
+
21
+
22
+
6
23
  ## [6.0.0-alpha.85](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.84...@empathyco/x-components@6.0.0-alpha.85) (2025-05-19)
7
24
 
8
25
  **Note:** Version bump only for package @empathyco/x-components
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .x-uppercase {
2
4
  text-transform: uppercase;
3
5
  }
@@ -13,7 +15,25 @@
13
15
  .x-normal-case {
14
16
  text-transform: none;
15
17
  }
18
+ .x-static {
19
+ position: static !important;
20
+ }
21
+
22
+ .x-fixed {
23
+ position: fixed !important;
24
+ }
16
25
 
26
+ .x-absolute {
27
+ position: absolute !important;
28
+ }
29
+
30
+ .x-relative {
31
+ position: relative !important;
32
+ }
33
+
34
+ .x-sticky {
35
+ position: sticky !important;
36
+ }
17
37
  .x-underline {
18
38
  -webkit-text-decoration-line: underline;
19
39
  text-decoration-line: underline;
@@ -33,25 +53,6 @@
33
53
  -webkit-text-decoration-line: none;
34
54
  text-decoration-line: none;
35
55
  }
36
- .x-static {
37
- position: static !important;
38
- }
39
-
40
- .x-fixed {
41
- position: fixed !important;
42
- }
43
-
44
- .x-absolute {
45
- position: absolute !important;
46
- }
47
-
48
- .x-relative {
49
- position: relative !important;
50
- }
51
-
52
- .x-sticky {
53
- position: sticky !important;
54
- }
55
56
  .x-padding--00 {
56
57
  padding: 0 !important;
57
58
  }
@@ -3595,6 +3596,9 @@
3595
3596
  :root {
3596
3597
  --x-color-text-accent: var(--x-color-base-accent);
3597
3598
  }
3599
+ .x-text--accent {
3600
+ --x-color-text-default: var(--x-color-text-accent);
3601
+ }
3598
3602
  :root {
3599
3603
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3600
3604
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3602,9 +3606,6 @@
3602
3606
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3603
3607
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3604
3608
  }
3605
- .x-text--accent {
3606
- --x-color-text-default: var(--x-color-text-accent);
3607
- }
3608
3609
  :root {
3609
3610
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3610
3611
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3635,6 +3636,18 @@
3635
3636
  --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3636
3637
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3637
3638
  }
3639
+ :root {
3640
+ --x-color-background-tag-ghost: transparent;
3641
+ --x-color-border-tag-ghost: transparent;
3642
+ --x-color-background-tag-selected-ghost: transparent;
3643
+ --x-color-border-tag-selected-ghost: transparent;
3644
+ --x-color-background-tag-curated-ghost: transparent;
3645
+ --x-color-border-tag-curated-ghost: transparent;
3646
+ --x-color-background-tag-curated-selected-ghost: transparent;
3647
+ --x-color-border-tag-curated-selected-ghost: transparent;
3648
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3649
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3650
+ }
3638
3651
 
3639
3652
  .x-tag--ghost.x-tag,
3640
3653
  .x-tag--ghost .x-tag {
@@ -3699,18 +3712,6 @@
3699
3712
  --x-number-font-weight-tag-default-selected
3700
3713
  );
3701
3714
  }
3702
- :root {
3703
- --x-color-background-tag-ghost: transparent;
3704
- --x-color-border-tag-ghost: transparent;
3705
- --x-color-background-tag-selected-ghost: transparent;
3706
- --x-color-border-tag-selected-ghost: transparent;
3707
- --x-color-background-tag-curated-ghost: transparent;
3708
- --x-color-border-tag-curated-ghost: transparent;
3709
- --x-color-background-tag-curated-selected-ghost: transparent;
3710
- --x-color-border-tag-curated-selected-ghost: transparent;
3711
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3712
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3713
- }
3714
3715
  :root {
3715
3716
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3716
3717
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -3998,47 +3999,6 @@
3998
3999
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3999
4000
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4000
4001
  }
4001
- :root {
4002
- --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4003
- --x-color-text-suggestion-group-matching-part-default: var(
4004
- --x-color-text-suggestion-matching-part-default
4005
- );
4006
- --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4007
- --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4008
- --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4009
- --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4010
- --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4011
- --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4012
- --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4013
- --x-size-border-width-suggestion-group-default: 0;
4014
- --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4015
- --x-size-border-width-right-suggestion-group-default: var(
4016
- --x-size-border-width-suggestion-default
4017
- );
4018
- --x-size-border-width-bottom-suggestion-group-default: var(
4019
- --x-size-border-width-suggestion-default
4020
- );
4021
- --x-size-border-width-left-suggestion-group-default: var(
4022
- --x-size-border-width-suggestion-default
4023
- );
4024
- --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4025
- --x-size-border-radius-top-left-suggestion-group-default: var(
4026
- --x-size-border-radius-suggestion-default
4027
- );
4028
- --x-size-border-radius-top-right-suggestion-group-default: var(
4029
- --x-size-border-radius-suggestion-default
4030
- );
4031
- --x-size-border-radius-bottom-right-suggestion-group-default: var(
4032
- --x-size-border-radius-suggestion-default
4033
- );
4034
- --x-size-border-radius-bottom-left-suggestion-group-default: var(
4035
- --x-size-border-radius-suggestion-default
4036
- );
4037
- --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4038
- --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4039
- --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4040
- --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4041
- }
4042
4002
 
4043
4003
  [dir="ltr"] .x-suggestion-group {
4044
4004
  padding-left: var(--x-size-padding-left-suggestion-group-default);
@@ -4114,6 +4074,47 @@
4114
4074
  --x-size-padding-left-button-default: 0;
4115
4075
  border: none;
4116
4076
  }
4077
+ :root {
4078
+ --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4079
+ --x-color-text-suggestion-group-matching-part-default: var(
4080
+ --x-color-text-suggestion-matching-part-default
4081
+ );
4082
+ --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4083
+ --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4084
+ --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4085
+ --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4086
+ --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4087
+ --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4088
+ --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4089
+ --x-size-border-width-suggestion-group-default: 0;
4090
+ --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4091
+ --x-size-border-width-right-suggestion-group-default: var(
4092
+ --x-size-border-width-suggestion-default
4093
+ );
4094
+ --x-size-border-width-bottom-suggestion-group-default: var(
4095
+ --x-size-border-width-suggestion-default
4096
+ );
4097
+ --x-size-border-width-left-suggestion-group-default: var(
4098
+ --x-size-border-width-suggestion-default
4099
+ );
4100
+ --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4101
+ --x-size-border-radius-top-left-suggestion-group-default: var(
4102
+ --x-size-border-radius-suggestion-default
4103
+ );
4104
+ --x-size-border-radius-top-right-suggestion-group-default: var(
4105
+ --x-size-border-radius-suggestion-default
4106
+ );
4107
+ --x-size-border-radius-bottom-right-suggestion-group-default: var(
4108
+ --x-size-border-radius-suggestion-default
4109
+ );
4110
+ --x-size-border-radius-bottom-left-suggestion-group-default: var(
4111
+ --x-size-border-radius-suggestion-default
4112
+ );
4113
+ --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4114
+ --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4115
+ --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4116
+ --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4117
+ }
4117
4118
  :root {
4118
4119
  --x-string-align-items-suggestion-default: center;
4119
4120
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -5090,6 +5091,12 @@
5090
5091
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5091
5092
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5092
5093
  }
5094
+ :root {
5095
+ --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5096
+ --x-mix-blend-mode-picture-colored: multiply;
5097
+ --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5098
+ --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5099
+ }
5093
5100
 
5094
5101
  .x-picture--colored.x-picture {
5095
5102
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5103,12 +5110,6 @@
5103
5110
  .x-picture--colored.x-picture .x-picture--placeholder {
5104
5111
  --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5105
5112
  }
5106
- :root {
5107
- --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5108
- --x-mix-blend-mode-picture-colored: multiply;
5109
- --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5110
- --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5111
- }
5112
5113
  :root {
5113
5114
  --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5114
5115
  --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
@@ -5700,6 +5701,22 @@
5700
5701
  --x-size-padding-list-12: var(--x-size-base-12);
5701
5702
  --x-size-padding-list-13: var(--x-size-base-13);
5702
5703
  }
5704
+ /* @deprecated */
5705
+ :root {
5706
+ --x-size-padding-list-01: var(--x-size-base-01);
5707
+ --x-size-padding-list-02: var(--x-size-base-02);
5708
+ --x-size-padding-list-03: var(--x-size-base-03);
5709
+ --x-size-padding-list-04: var(--x-size-base-04);
5710
+ --x-size-padding-list-05: var(--x-size-base-05);
5711
+ --x-size-padding-list-06: var(--x-size-base-06);
5712
+ --x-size-padding-list-07: var(--x-size-base-07);
5713
+ --x-size-padding-list-08: var(--x-size-base-08);
5714
+ --x-size-padding-list-09: var(--x-size-base-09);
5715
+ --x-size-padding-list-10: var(--x-size-base-10);
5716
+ --x-size-padding-list-11: var(--x-size-base-11);
5717
+ --x-size-padding-list-12: var(--x-size-base-12);
5718
+ --x-size-padding-list-13: var(--x-size-base-13);
5719
+ }
5703
5720
 
5704
5721
  /* @deprecated */
5705
5722
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6024,22 +6041,6 @@
6024
6041
  margin-right: var(--x-size-gap-list-13);
6025
6042
  }
6026
6043
  }
6027
- /* @deprecated */
6028
- :root {
6029
- --x-size-padding-list-01: var(--x-size-base-01);
6030
- --x-size-padding-list-02: var(--x-size-base-02);
6031
- --x-size-padding-list-03: var(--x-size-base-03);
6032
- --x-size-padding-list-04: var(--x-size-base-04);
6033
- --x-size-padding-list-05: var(--x-size-base-05);
6034
- --x-size-padding-list-06: var(--x-size-base-06);
6035
- --x-size-padding-list-07: var(--x-size-base-07);
6036
- --x-size-padding-list-08: var(--x-size-base-08);
6037
- --x-size-padding-list-09: var(--x-size-base-09);
6038
- --x-size-padding-list-10: var(--x-size-base-10);
6039
- --x-size-padding-list-11: var(--x-size-base-11);
6040
- --x-size-padding-list-12: var(--x-size-base-12);
6041
- --x-size-padding-list-13: var(--x-size-base-13);
6042
- }
6043
6044
  :root {
6044
6045
  --x-size-gap-list-01: var(--x-size-base-01);
6045
6046
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -7692,6 +7693,30 @@
7692
7693
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7693
7694
  --x-size-border-width-left-facet-header-line: 0;
7694
7695
  }
7696
+ :root {
7697
+ --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7698
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7699
+ --x-size-border-width-top-facet-header-line: 0;
7700
+ --x-size-border-width-right-facet-header-line: 0;
7701
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7702
+ --x-size-border-width-left-facet-header-line: 0;
7703
+ }
7704
+
7705
+ .x-facet--line.x-facet,
7706
+ .x-facet--line .x-facet {
7707
+ --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7708
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7709
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7710
+ --x-size-border-width-right-facet-header-default: var(
7711
+ --x-size-border-width-right-facet-header-line
7712
+ );
7713
+ --x-size-border-width-bottom-facet-header-default: var(
7714
+ --x-size-border-width-bottom-facet-header-line
7715
+ );
7716
+ --x-size-border-width-left-facet-header-default: var(
7717
+ --x-size-border-width-left-facet-header-line
7718
+ );
7719
+ }
7695
7720
  :root {
7696
7721
  --x-color-background-facet-default: transparent;
7697
7722
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7890,30 +7915,6 @@
7890
7915
  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
7891
7916
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7892
7917
  }
7893
- :root {
7894
- --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7895
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7896
- --x-size-border-width-top-facet-header-line: 0;
7897
- --x-size-border-width-right-facet-header-line: 0;
7898
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7899
- --x-size-border-width-left-facet-header-line: 0;
7900
- }
7901
-
7902
- .x-facet--line.x-facet,
7903
- .x-facet--line .x-facet {
7904
- --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7905
- --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7906
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7907
- --x-size-border-width-right-facet-header-default: var(
7908
- --x-size-border-width-right-facet-header-line
7909
- );
7910
- --x-size-border-width-bottom-facet-header-default: var(
7911
- --x-size-border-width-bottom-facet-header-line
7912
- );
7913
- --x-size-border-width-left-facet-header-default: var(
7914
- --x-size-border-width-left-facet-header-line
7915
- );
7916
- }
7917
7918
  :root {
7918
7919
  --x-size-width-dropdown-xl: 282px;
7919
7920
  }
@@ -8669,13 +8670,6 @@
8669
8670
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8670
8671
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8671
8672
  }
8672
- :root {
8673
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8674
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8675
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8676
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8677
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8678
- }
8679
8673
  :root {
8680
8674
  --x-color-background-button-default: var(--x-color-base-lead);
8681
8675
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8762,14 +8756,11 @@
8762
8756
  }
8763
8757
  }
8764
8758
  :root {
8765
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8766
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8767
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8768
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8769
- --x-size-border-width-badge-default: 0;
8770
- --x-size-width-badge-default: 1.5em;
8771
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8772
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8759
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8760
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8761
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8762
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8763
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8773
8764
  }
8774
8765
  :root {
8775
8766
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
@@ -8803,6 +8794,16 @@
8803
8794
  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8804
8795
  --x-size-font-badge-default: var(--x-size-font-base-xs);
8805
8796
  }
8797
+ :root {
8798
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8799
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8800
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8801
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8802
+ --x-size-border-width-badge-default: 0;
8803
+ --x-size-width-badge-default: 1.5em;
8804
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8805
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8806
+ }
8806
8807
 
8807
8808
  [dir="ltr"] .x-badge {
8808
8809
  right: calc(var(--x-size-width-badge-default) / 4);
@@ -8883,4 +8884,4 @@
8883
8884
  --x-size-border-radius-base-m: var(--x-size-base-06);
8884
8885
  --x-size-border-radius-base-pill: 99999px;
8885
8886
  --x-size-border-width-base: 1px;
8886
- }
8887
+ }
package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.md CHANGED
@@ -17,6 +17,7 @@ export interface PlatformRelatedPrompt
17
17
  | Property | Modifiers | Type | Description |
18
18
  | --- | --- | --- | --- |
19
19
  | [nextQueries](./x-adapter-platform.platformrelatedprompt.nextqueries.md) | | string\[\] | |
20
+ | [suggestionImageUrl](./x-adapter-platform.platformrelatedprompt.suggestionimageurl.md) | | string | |
20
21
  | [suggestionText](./x-adapter-platform.platformrelatedprompt.suggestiontext.md) | | string | |
21
22
  | [tagging](./x-adapter-platform.platformrelatedprompt.tagging.md) | | [PlatformRelatedPromptTagging](./x-adapter-platform.platformrelatedprompttagging.md) | |
22
23
  | [type](./x-adapter-platform.platformrelatedprompt.type.md) | | 'SYNTHETIC' \| 'CURATED' | |
package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.suggestionimageurl.md ADDED
@@ -0,0 +1,11 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformRelatedPrompt](./x-adapter-platform.platformrelatedprompt.md) &gt; [suggestionImageUrl](./x-adapter-platform.platformrelatedprompt.suggestionimageurl.md)
4
+
5
+ ## PlatformRelatedPrompt.suggestionImageUrl property
6
+
7
+ **Signature:**
8
+
9
+ ```typescript
10
+ suggestionImageUrl: string;
11
+ ```
package/docs/API-reference/api/x-components.relatedpromptstaglist.md CHANGED
@@ -35,6 +35,7 @@ _default: import("vue").DefineComponent<{
35
35
  relatedPromptNextQueries?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
36
36
  nextQueries: string[];
37
37
  suggestionText: string;
38
+ suggestionImageUrl?: string | undefined;
38
39
  type: string;
39
40
  toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
40
41
  tagging?: {
package/docs/API-reference/api/x-types.relatedprompt.md CHANGED
@@ -19,6 +19,7 @@ export interface RelatedPrompt extends NamedModel<'RelatedPrompt'>
19
19
  | --- | --- | --- | --- |
20
20
  | [nextQueries](./x-types.relatedprompt.nextqueries.md) | | string\[\] | The queries of the next queries related to the prompt. |
21
21
  | [relatedPromptNextQueries?](./x-types.relatedprompt.relatedpromptnextqueries.md) | | [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\] | _(Optional)_ The next queries related to the prompt. |
22
+ | [suggestionImageUrl?](./x-types.relatedprompt.suggestionimageurl.md) | | string | _(Optional)_ The prompt image |
22
23
  | [suggestionText](./x-types.relatedprompt.suggestiontext.md) | | string | The prompt. |
23
24
  | [tagging?](./x-types.relatedprompt.tagging.md) | | { toolingDisplayTagging?: [TaggingRequest](./x-types.taggingrequest.md)<!-- -->; toolingDisplayClickTagging?: [TaggingRequest](./x-types.taggingrequest.md)<!-- -->; nextQueriesTagging?: [RelatedPromptNextQuery](./x-types.relatedpromptnextquery.md)<!-- -->\[\]; } | _(Optional)_ Related prompt tagging. |
24
25
  | [toolingDisplayTagging?](./x-types.relatedprompt.toolingdisplaytagging.md) | | [TaggingRequest](./x-types.taggingrequest.md) | _(Optional)_ The tooling display tagging of the prompt. |
package/docs/API-reference/api/x-types.relatedprompt.suggestionimageurl.md ADDED
@@ -0,0 +1,13 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [RelatedPrompt](./x-types.relatedprompt.md) &gt; [suggestionImageUrl](./x-types.relatedprompt.suggestionimageurl.md)
4
+
5
+ ## RelatedPrompt.suggestionImageUrl property
6
+
7
+ The prompt image
8
+
9
+ **Signature:**
10
+
11
+ ```typescript
12
+ suggestionImageUrl?: string;
13
+ ```
package/js/components/base-teleport.vue.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"teleportHost\" :to=\"teleportHost.shadowRoot ?? teleportHost\" :disabled>\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport {\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n onMounted,\n onUnmounted,\n ref,\n watch,\n watchEffect,\n} from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n /** The element or css selector to which the component will be teleported. */\n target: {\n type: [String, Object] as PropType<string | Element>,\n required: true,\n },\n /**\n * The position relative to the target\n * - `beforebegin`: Before the target element.\n * - `afterbegin`: Inside the target element, before its first child.\n * - `beforeend`: Inside the target element, after its last child.\n * - `afterend`: After the target element.\n * - `onlychild`: Adds it as child and hides all other children of the target element.\n */\n position: {\n type: String as PropType<\n 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' | 'onlychild'\n >,\n default: 'onlychild',\n },\n /** If disabled, the slot content will not be teleported */\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n const instance = getCurrentInstance()\n /** Hook where the slot content will be teleported to. */\n const teleportHost = ref<Element>()\n /** The page element where the teleport host will be inserted. */\n const targetElement = ref<Element>()\n let isIsolated = false\n\n // Before doing app.mount it is unknown if it will be mounted in a shadow so we need to wait.\n if (instance?.appContext.app._container) {\n createHost()\n } else {\n afterAppMount(createHost)\n }\n\n const targetAddedObserver = new MutationObserver(targetAdded)\n const targetRemovedObserver = new MutationObserver(targetRemoved)\n\n onUnmounted(() => {\n if (isIsolated && teleportHost.value) {\n ;(window as any).xCSSInjector.removeHost(teleportHost.value.shadowRoot)\n }\n })\n\n onBeforeUnmount(() => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n teleportHost.value?.remove()\n })\n\n // Handles target prop changes and init the observers accordingly.\n watch(\n () => props.target,\n newTarget => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n const target = typeof newTarget === 'string' ? document.querySelector(newTarget) : newTarget\n if (target?.isConnected) {\n targetAdded()\n } else {\n targetRemoved()\n }\n },\n { immediate: true },\n )\n\n // Updates the teleport host when props change.\n watchEffect(() => {\n if (!teleportHost.value) {\n return\n }\n if (props.disabled) {\n teleportHost.value.remove()\n return\n }\n teleportHost.value.className = `x-base-teleport x-base-teleport--${props.position}`\n\n if (!targetElement.value) {\n console.warn(`BaseTeleport: Target element \"${props.target}\" not found.`)\n return\n }\n const position = props.position === 'onlychild' ? 'beforeend' : props.position\n targetElement.value.insertAdjacentElement(position, teleportHost.value)\n })\n\n /** Checks if the target element exists in the DOM and updates the observers */\n function targetAdded() {\n let element =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (element?.isConnected) {\n targetAddedObserver.disconnect()\n targetElement.value = element\n while (element.parentElement) {\n element = element.parentElement\n targetRemovedObserver.observe(element, { childList: true })\n }\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (targetElement.value && !targetElement.value.isConnected) {\n targetRemovedObserver.disconnect()\n targetAddedObserver.observe(document.body, { childList: true, subtree: true })\n targetElement.value = undefined\n }\n }\n\n /** Creates and sets the teleport host element */\n function createHost() {\n teleportHost.value = document.createElement('div')\n isIsolated = instance?.appContext.app._container instanceof ShadowRoot\n if (isIsolated) {\n teleportHost.value.attachShadow({ mode: 'open' })\n ;(window as any).xCSSInjector.addHost(teleportHost.value.shadowRoot)\n }\n }\n\n function afterAppMount(fn: () => void) {\n onMounted(() => setTimeout(fn, 0))\n }\n\n return { teleportHost }\n },\n})\n\n/** Teleport host styles should be injected outside our shadowRoots */\nconst css = document.createElement('style')\ncss.textContent = ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }'\ndocument.head?.appendChild(css) ||\n document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css))\n</script>\n"],"names":["_openBlock","_Teleport","teleportHost","_renderSlot","_createCommentVNode"],"mappings":";;;;qBACE,IAEW,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAHb,EAAA,OAAA,IAAA,CAAA,YAAA,IAAAA,SAAA,gBACkDC,QAAcC,EAAAA;AAAAA,IAAe,GAAA,EAAA,CAAA;AAAA,IAAA,EAAA,EAAA,IAAA,CAAA,YAAA,CAAA,UAAA,IAAA,IAAA,CAAA,YAAA;IAC3E,QAAa,EAAA,IAAA,CAAA,QAAA;AAAA,GAAA,EAAA;AAFjB,IAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
1
+ {"version":3,"file":"base-teleport.vue.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"teleportHost\" :to=\"teleportHost.shadowRoot ?? teleportHost\" :disabled>\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport {\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n onMounted,\n onUnmounted,\n ref,\n watch,\n watchEffect,\n} from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n /** The element or css selector to which the component will be teleported. */\n target: {\n type: [String, Object] as PropType<string | Element>,\n required: true,\n },\n /**\n * The position relative to the target\n * - `beforebegin`: Before the target element.\n * - `afterbegin`: Inside the target element, before its first child.\n * - `beforeend`: Inside the target element, after its last child.\n * - `afterend`: After the target element.\n * - `onlychild`: Adds it as child and hides all other children of the target element.\n */\n position: {\n type: String as PropType<\n 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' | 'onlychild'\n >,\n default: 'onlychild',\n },\n /** If disabled, the slot content will not be teleported */\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n if (typeof document === 'undefined') {\n return { teleportHost: ref<Element>() }\n }\n\n const instance = getCurrentInstance()\n /** Hook where the slot content will be teleported to. */\n const teleportHost = ref<Element>()\n /** The page element where the teleport host will be inserted. */\n const targetElement = ref<Element>()\n let isIsolated = false\n\n // Before doing app.mount it is unknown if it will be mounted in a shadow so we need to wait.\n if (instance?.appContext.app._container) {\n createHost()\n } else {\n afterAppMount(createHost)\n }\n\n const targetAddedObserver = new MutationObserver(targetAdded)\n const targetRemovedObserver = new MutationObserver(targetRemoved)\n\n onUnmounted(() => {\n if (isIsolated && teleportHost.value) {\n ;(window as any).xCSSInjector.removeHost(teleportHost.value.shadowRoot)\n }\n })\n\n onBeforeUnmount(() => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n teleportHost.value?.remove()\n })\n\n // Handles target prop changes and init the observers accordingly.\n watch(\n () => props.target,\n newTarget => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n const target = typeof newTarget === 'string' ? document.querySelector(newTarget) : newTarget\n if (target?.isConnected) {\n targetAdded()\n } else {\n targetRemoved()\n }\n },\n { immediate: true },\n )\n\n // Updates the teleport host when props change.\n watchEffect(() => {\n if (!teleportHost.value) {\n return\n }\n if (props.disabled) {\n teleportHost.value.remove()\n return\n }\n teleportHost.value.className = `x-base-teleport x-base-teleport--${props.position}`\n\n if (!targetElement.value) {\n console.warn(`BaseTeleport: Target element \"${props.target}\" not found.`)\n return\n }\n const position = props.position === 'onlychild' ? 'beforeend' : props.position\n targetElement.value.insertAdjacentElement(position, teleportHost.value)\n })\n\n /** Checks if the target element exists in the DOM and updates the observers */\n function targetAdded() {\n let element =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (element?.isConnected) {\n targetAddedObserver.disconnect()\n targetElement.value = element\n while (element.parentElement) {\n element = element.parentElement\n targetRemovedObserver.observe(element, { childList: true })\n }\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (targetElement.value && !targetElement.value.isConnected) {\n targetRemovedObserver.disconnect()\n targetAddedObserver.observe(document.body, { childList: true, subtree: true })\n targetElement.value = undefined\n }\n }\n\n /** Creates and sets the teleport host element */\n function createHost() {\n teleportHost.value = document.createElement('div')\n isIsolated = instance?.appContext.app._container instanceof ShadowRoot\n if (isIsolated) {\n teleportHost.value.attachShadow({ mode: 'open' })\n ;(window as any).xCSSInjector.addHost(teleportHost.value.shadowRoot)\n }\n }\n\n function afterAppMount(fn: () => void) {\n onMounted(() => setTimeout(fn, 0))\n }\n\n return { teleportHost }\n },\n})\n\n/** Teleport host styles should be injected outside our shadowRoots */\nif (typeof document !== 'undefined') {\n const css = document.createElement('style')\n css.textContent =\n ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }'\n document.head?.appendChild(css) ||\n document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css))\n}\n</script>\n"],"names":["_openBlock","_Teleport","teleportHost","_renderSlot","_createCommentVNode"],"mappings":";;;;qBACE,IAEW,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AAHb,EAAA,OAAA,IAAA,CAAA,YAAA,IAAAA,SAAA,gBACkDC,QAAcC,EAAAA;AAAAA,IAAe,GAAA,EAAA,CAAA;AAAA,IAAA,EAAA,EAAA,IAAA,CAAA,YAAA,CAAA,UAAA,IAAA,IAAA,CAAA,YAAA;IAC3E,QAAa,EAAA,IAAA,CAAA,QAAA;AAAA,GAAA,EAAA;AAFjB,IAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
package/js/components/base-teleport.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, getCurrentInstance, ref, onUnmounted, onBeforeUnmount, watch, watchEffect, onMounted } from 'vue';
1
+ import { defineComponent, ref, getCurrentInstance, onUnmounted, onBeforeUnmount, watch, watchEffect, onMounted } from 'vue';
2
2
 
3
3
  var _sfc_main = defineComponent({
4
4
  name: 'BaseTeleport',
@@ -27,6 +27,9 @@ var _sfc_main = defineComponent({
27
27
  },
28
28
  },
29
29
  setup(props) {
30
+ if (typeof document === 'undefined') {
31
+ return { teleportHost: ref() };
32
+ }
30
33
  const instance = getCurrentInstance();
31
34
  /** Hook where the slot content will be teleported to. */
32
35
  const teleportHost = ref();
@@ -117,10 +120,13 @@ var _sfc_main = defineComponent({
117
120
  },
118
121
  });
119
122
  /** Teleport host styles should be injected outside our shadowRoots */
120
- const css = document.createElement('style');
121
- css.textContent = ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }';
122
- document.head?.appendChild(css) ||
123
- document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css));
123
+ if (typeof document !== 'undefined') {
124
+ const css = document.createElement('style');
125
+ css.textContent =
126
+ ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }';
127
+ document.head?.appendChild(css) ||
128
+ document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css));
129
+ }
124
130
 
125
131
  export { _sfc_main as default };
126
132
  //# sourceMappingURL=base-teleport.vue2.js.map
package/js/components/base-teleport.vue2.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue2.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"teleportHost\" :to=\"teleportHost.shadowRoot ?? teleportHost\" :disabled>\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport {\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n onMounted,\n onUnmounted,\n ref,\n watch,\n watchEffect,\n} from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n /** The element or css selector to which the component will be teleported. */\n target: {\n type: [String, Object] as PropType<string | Element>,\n required: true,\n },\n /**\n * The position relative to the target\n * - `beforebegin`: Before the target element.\n * - `afterbegin`: Inside the target element, before its first child.\n * - `beforeend`: Inside the target element, after its last child.\n * - `afterend`: After the target element.\n * - `onlychild`: Adds it as child and hides all other children of the target element.\n */\n position: {\n type: String as PropType<\n 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' | 'onlychild'\n >,\n default: 'onlychild',\n },\n /** If disabled, the slot content will not be teleported */\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n const instance = getCurrentInstance()\n /** Hook where the slot content will be teleported to. */\n const teleportHost = ref<Element>()\n /** The page element where the teleport host will be inserted. */\n const targetElement = ref<Element>()\n let isIsolated = false\n\n // Before doing app.mount it is unknown if it will be mounted in a shadow so we need to wait.\n if (instance?.appContext.app._container) {\n createHost()\n } else {\n afterAppMount(createHost)\n }\n\n const targetAddedObserver = new MutationObserver(targetAdded)\n const targetRemovedObserver = new MutationObserver(targetRemoved)\n\n onUnmounted(() => {\n if (isIsolated && teleportHost.value) {\n ;(window as any).xCSSInjector.removeHost(teleportHost.value.shadowRoot)\n }\n })\n\n onBeforeUnmount(() => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n teleportHost.value?.remove()\n })\n\n // Handles target prop changes and init the observers accordingly.\n watch(\n () => props.target,\n newTarget => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n const target = typeof newTarget === 'string' ? document.querySelector(newTarget) : newTarget\n if (target?.isConnected) {\n targetAdded()\n } else {\n targetRemoved()\n }\n },\n { immediate: true },\n )\n\n // Updates the teleport host when props change.\n watchEffect(() => {\n if (!teleportHost.value) {\n return\n }\n if (props.disabled) {\n teleportHost.value.remove()\n return\n }\n teleportHost.value.className = `x-base-teleport x-base-teleport--${props.position}`\n\n if (!targetElement.value) {\n console.warn(`BaseTeleport: Target element \"${props.target}\" not found.`)\n return\n }\n const position = props.position === 'onlychild' ? 'beforeend' : props.position\n targetElement.value.insertAdjacentElement(position, teleportHost.value)\n })\n\n /** Checks if the target element exists in the DOM and updates the observers */\n function targetAdded() {\n let element =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (element?.isConnected) {\n targetAddedObserver.disconnect()\n targetElement.value = element\n while (element.parentElement) {\n element = element.parentElement\n targetRemovedObserver.observe(element, { childList: true })\n }\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (targetElement.value && !targetElement.value.isConnected) {\n targetRemovedObserver.disconnect()\n targetAddedObserver.observe(document.body, { childList: true, subtree: true })\n targetElement.value = undefined\n }\n }\n\n /** Creates and sets the teleport host element */\n function createHost() {\n teleportHost.value = document.createElement('div')\n isIsolated = instance?.appContext.app._container instanceof ShadowRoot\n if (isIsolated) {\n teleportHost.value.attachShadow({ mode: 'open' })\n ;(window as any).xCSSInjector.addHost(teleportHost.value.shadowRoot)\n }\n }\n\n function afterAppMount(fn: () => void) {\n onMounted(() => setTimeout(fn, 0))\n }\n\n return { teleportHost }\n },\n})\n\n/** Teleport host styles should be injected outside our shadowRoots */\nconst css = document.createElement('style')\ncss.textContent = ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }'\ndocument.head?.appendChild(css) ||\n document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css))\n</script>\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base-teleport.vue2.js","sources":["../../../src/components/base-teleport.vue"],"sourcesContent":["<template>\n <Teleport v-if=\"teleportHost\" :to=\"teleportHost.shadowRoot ?? teleportHost\" :disabled>\n <slot></slot>\n </Teleport>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport {\n defineComponent,\n getCurrentInstance,\n onBeforeUnmount,\n onMounted,\n onUnmounted,\n ref,\n watch,\n watchEffect,\n} from 'vue'\n\nexport default defineComponent({\n name: 'BaseTeleport',\n props: {\n /** The element or css selector to which the component will be teleported. */\n target: {\n type: [String, Object] as PropType<string | Element>,\n required: true,\n },\n /**\n * The position relative to the target\n * - `beforebegin`: Before the target element.\n * - `afterbegin`: Inside the target element, before its first child.\n * - `beforeend`: Inside the target element, after its last child.\n * - `afterend`: After the target element.\n * - `onlychild`: Adds it as child and hides all other children of the target element.\n */\n position: {\n type: String as PropType<\n 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' | 'onlychild'\n >,\n default: 'onlychild',\n },\n /** If disabled, the slot content will not be teleported */\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n setup(props) {\n if (typeof document === 'undefined') {\n return { teleportHost: ref<Element>() }\n }\n\n const instance = getCurrentInstance()\n /** Hook where the slot content will be teleported to. */\n const teleportHost = ref<Element>()\n /** The page element where the teleport host will be inserted. */\n const targetElement = ref<Element>()\n let isIsolated = false\n\n // Before doing app.mount it is unknown if it will be mounted in a shadow so we need to wait.\n if (instance?.appContext.app._container) {\n createHost()\n } else {\n afterAppMount(createHost)\n }\n\n const targetAddedObserver = new MutationObserver(targetAdded)\n const targetRemovedObserver = new MutationObserver(targetRemoved)\n\n onUnmounted(() => {\n if (isIsolated && teleportHost.value) {\n ;(window as any).xCSSInjector.removeHost(teleportHost.value.shadowRoot)\n }\n })\n\n onBeforeUnmount(() => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n teleportHost.value?.remove()\n })\n\n // Handles target prop changes and init the observers accordingly.\n watch(\n () => props.target,\n newTarget => {\n targetAddedObserver.disconnect()\n targetRemovedObserver.disconnect()\n const target = typeof newTarget === 'string' ? document.querySelector(newTarget) : newTarget\n if (target?.isConnected) {\n targetAdded()\n } else {\n targetRemoved()\n }\n },\n { immediate: true },\n )\n\n // Updates the teleport host when props change.\n watchEffect(() => {\n if (!teleportHost.value) {\n return\n }\n if (props.disabled) {\n teleportHost.value.remove()\n return\n }\n teleportHost.value.className = `x-base-teleport x-base-teleport--${props.position}`\n\n if (!targetElement.value) {\n console.warn(`BaseTeleport: Target element \"${props.target}\" not found.`)\n return\n }\n const position = props.position === 'onlychild' ? 'beforeend' : props.position\n targetElement.value.insertAdjacentElement(position, teleportHost.value)\n })\n\n /** Checks if the target element exists in the DOM and updates the observers */\n function targetAdded() {\n let element =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (element?.isConnected) {\n targetAddedObserver.disconnect()\n targetElement.value = element\n while (element.parentElement) {\n element = element.parentElement\n targetRemovedObserver.observe(element, { childList: true })\n }\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (targetElement.value && !targetElement.value.isConnected) {\n targetRemovedObserver.disconnect()\n targetAddedObserver.observe(document.body, { childList: true, subtree: true })\n targetElement.value = undefined\n }\n }\n\n /** Creates and sets the teleport host element */\n function createHost() {\n teleportHost.value = document.createElement('div')\n isIsolated = instance?.appContext.app._container instanceof ShadowRoot\n if (isIsolated) {\n teleportHost.value.attachShadow({ mode: 'open' })\n ;(window as any).xCSSInjector.addHost(teleportHost.value.shadowRoot)\n }\n }\n\n function afterAppMount(fn: () => void) {\n onMounted(() => setTimeout(fn, 0))\n }\n\n return { teleportHost }\n },\n})\n\n/** Teleport host styles should be injected outside our shadowRoots */\nif (typeof document !== 'undefined') {\n const css = document.createElement('style')\n css.textContent =\n ':has(> .x-base-teleport--onlychild) > *:not(.x-base-teleport) { display: none; }'\n document.head?.appendChild(css) ||\n document.addEventListener('DOMContentLoaded', () => document.head.appendChild(css))\n}\n</script>\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "6.0.0-alpha.85",
3
+ "version": "6.0.0-alpha.87",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -78,12 +78,12 @@
78
78
  },
79
79
  "dependencies": {
80
80
  "@empathyco/x-adapter": "^8.1.0-alpha.3",
81
- "@empathyco/x-adapter-platform": "^1.1.0-alpha.16",
81
+ "@empathyco/x-adapter-platform": "^1.1.0-alpha.17",
82
82
  "@empathyco/x-bus": "^1.0.3-alpha.3",
83
83
  "@empathyco/x-deep-merge": "^2.0.3-alpha.4",
84
84
  "@empathyco/x-logger": "^1.2.0-alpha.11",
85
85
  "@empathyco/x-storage-service": "^2.0.3-alpha.2",
86
- "@empathyco/x-types": "^10.1.0-alpha.12",
86
+ "@empathyco/x-types": "^10.1.0-alpha.13",
87
87
  "@empathyco/x-utils": "^1.0.3-alpha.3",
88
88
  "@vue/devtools-api": "~6.5.0",
89
89
  "@vueuse/core": "~10.7.1",
@@ -142,5 +142,5 @@
142
142
  "access": "public",
143
143
  "directory": "dist"
144
144
  },
145
- "gitHead": "5fe2507e4b13bb83eec94df393bb1d2534fca4d7"
145
+ "gitHead": "9e2e0f48486ff6d0c06d58e5c55439002e5a6d48"
146
146
  }
package/report/x-adapter-platform.api.json CHANGED
@@ -3783,6 +3783,33 @@
3783
3783
  "endIndex": 2
3784
3784
  }
3785
3785
  },
3786
+ {
3787
+ "kind": "PropertySignature",
3788
+ "canonicalReference": "@empathyco/x-adapter-platform!PlatformRelatedPrompt#suggestionImageUrl:member",
3789
+ "docComment": "",
3790
+ "excerptTokens": [
3791
+ {
3792
+ "kind": "Content",
3793
+ "text": "suggestionImageUrl: "
3794
+ },
3795
+ {
3796
+ "kind": "Content",
3797
+ "text": "string"
3798
+ },
3799
+ {
3800
+ "kind": "Content",
3801
+ "text": ";"
3802
+ }
3803
+ ],
3804
+ "isReadonly": false,
3805
+ "isOptional": false,
3806
+ "releaseTag": "Public",
3807
+ "name": "suggestionImageUrl",
3808
+ "propertyTypeTokenRange": {
3809
+ "startIndex": 1,
3810
+ "endIndex": 2
3811
+ }
3812
+ },
3786
3813
  {
3787
3814
  "kind": "PropertySignature",
3788
3815
  "canonicalReference": "@empathyco/x-adapter-platform!PlatformRelatedPrompt#suggestionText:member",
package/report/x-components.api.json CHANGED
@@ -52756,7 +52756,7 @@
52756
52756
  },
52757
52757
  {
52758
52758
  "kind": "Content",
52759
- "text": "[] | undefined;\n nextQueries: string[];\n suggestionText: string;\n type: string;\n toolingDisplayTagging?: import(\"@empathyco/x-types\")."
52759
+ "text": "[] | undefined;\n nextQueries: string[];\n suggestionText: string;\n suggestionImageUrl?: string | undefined;\n type: string;\n toolingDisplayTagging?: import(\"@empathyco/x-types\")."
52760
52760
  },
52761
52761
  {
52762
52762
  "kind": "Reference",
package/report/x-components.api.md CHANGED
@@ -5955,6 +5955,7 @@ index: number;
5955
5955
  relatedPromptNextQueries?: RelatedPromptNextQuery[] | undefined;
5956
5956
  nextQueries: string[];
5957
5957
  suggestionText: string;
5958
+ suggestionImageUrl?: string | undefined;
5958
5959
  type: string;
5959
5960
  toolingDisplayTagging?: TaggingRequest | undefined;
5960
5961
  tagging?: {
package/report/x-types.api.json CHANGED
@@ -4667,6 +4667,33 @@
4667
4667
  "endIndex": 3
4668
4668
  }
4669
4669
  },
4670
+ {
4671
+ "kind": "PropertySignature",
4672
+ "canonicalReference": "@empathyco/x-types!RelatedPrompt#suggestionImageUrl:member",
4673
+ "docComment": "/**\n * The prompt image\n */\n",
4674
+ "excerptTokens": [
4675
+ {
4676
+ "kind": "Content",
4677
+ "text": "suggestionImageUrl?: "
4678
+ },
4679
+ {
4680
+ "kind": "Content",
4681
+ "text": "string"
4682
+ },
4683
+ {
4684
+ "kind": "Content",
4685
+ "text": ";"
4686
+ }
4687
+ ],
4688
+ "isReadonly": false,
4689
+ "isOptional": true,
4690
+ "releaseTag": "Public",
4691
+ "name": "suggestionImageUrl",
4692
+ "propertyTypeTokenRange": {
4693
+ "startIndex": 1,
4694
+ "endIndex": 2
4695
+ }
4696
+ },
4670
4697
  {
4671
4698
  "kind": "PropertySignature",
4672
4699
  "canonicalReference": "@empathyco/x-types!RelatedPrompt#suggestionText:member",
package/types/components/base-teleport.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"base-teleport.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/base-teleport.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;IAe/B,6EAA6E;;;;;IAK7E;;;;;;;OAOG;;;;;IAOH,2DAA2D;;;;;;;;IAnB3D,6EAA6E;;;;;IAK7E;;;;;;;OAOG;;;;;IAOH,2DAA2D;;;;;;;;;AAtB/D,wBAoIE"}
1
+ {"version":3,"file":"base-teleport.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/base-teleport.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;;IAe/B,6EAA6E;;;;;IAK7E;;;;;;;OAOG;;;;;IAOH,2DAA2D;;;;;;;;IAnB3D,6EAA6E;;;;;IAK7E;;;;;;;OAOG;;;;;IAOH,2DAA2D;;;;;;;;;AAtB/D,wBAwIE"}
package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts CHANGED
@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
62
62
  relatedPromptNextQueries?: import("@empathyco/x-types").RelatedPromptNextQuery[] | undefined;
63
63
  nextQueries: string[];
64
64
  suggestionText: string;
65
+ suggestionImageUrl?: string | undefined;
65
66
  type: string;
66
67
  toolingDisplayTagging?: import("@empathyco/x-types").TaggingRequest | undefined;
67
68
  tagging?: {
package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAQnC;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;8BAoE8B,MAAM,KAAG,IAAI;wBAiEnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;IAzM9C;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;AAxCP,wBAiPE"}
1
+ {"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAQnC;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;8BAoE8B,MAAM,KAAG,IAAI;wBAiEnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;IAzM9C;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;;;;;;;;;AAxCP,wBAiPE"}