@empathyco/x-components 6.0.0-alpha.62 → 6.0.0-alpha.63
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/CHANGELOG.md +9 -0
- package/design-system/deprecated-full-theme.css +117 -117
- package/docs/API-reference/api/x-adapter-platform.md +1 -1
- package/docs/API-reference/api/x-adapter-platform.nextqueriesrelatedpromptsschema.md +2 -0
- package/docs/API-reference/api/x-types.md +1 -1
- package/docs/API-reference/api/x-types.xcomponentsadapter.md +2 -0
- package/js/directives/infinite-scroll.js +1 -1
- package/js/directives/infinite-scroll.js.map +1 -1
- package/js/x-installer/api/base-api.js +2 -2
- package/js/x-installer/api/base-api.js.map +1 -1
- package/package.json +3 -3
- package/report/x-adapter-platform.api.json +2 -2
- package/report/x-components.api.md +1 -1
- package/report/x-types.api.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
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.63](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.62...@empathyco/x-components@6.0.0-alpha.63) (2025-04-15)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **x-components:** fix type error on bus emit (#1751) ([7357693](https://github.com/empathyco/x/commit/7357693bc9ffa5d5fbd60ca40fa7760b33da2782))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## [6.0.0-alpha.62](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.61...@empathyco/x-components@6.0.0-alpha.62) (2025-04-14)
|
|
7
16
|
|
|
8
17
|
**Note:** Version bump only for package @empathyco/x-components
|
|
@@ -3636,18 +3636,6 @@
|
|
|
3636
3636
|
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3637
3637
|
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3638
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
|
-
}
|
|
3651
3639
|
|
|
3652
3640
|
.x-tag--ghost.x-tag,
|
|
3653
3641
|
.x-tag--ghost .x-tag {
|
|
@@ -3712,6 +3700,18 @@
|
|
|
3712
3700
|
--x-number-font-weight-tag-default-selected
|
|
3713
3701
|
);
|
|
3714
3702
|
}
|
|
3703
|
+
:root {
|
|
3704
|
+
--x-color-background-tag-ghost: transparent;
|
|
3705
|
+
--x-color-border-tag-ghost: transparent;
|
|
3706
|
+
--x-color-background-tag-selected-ghost: transparent;
|
|
3707
|
+
--x-color-border-tag-selected-ghost: transparent;
|
|
3708
|
+
--x-color-background-tag-curated-ghost: transparent;
|
|
3709
|
+
--x-color-border-tag-curated-ghost: transparent;
|
|
3710
|
+
--x-color-background-tag-curated-selected-ghost: transparent;
|
|
3711
|
+
--x-color-border-tag-curated-selected-ghost: transparent;
|
|
3712
|
+
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3713
|
+
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3714
|
+
}
|
|
3715
3715
|
:root {
|
|
3716
3716
|
--x-color-background-tag-default: var(--x-color-base-neutral-100);
|
|
3717
3717
|
--x-color-border-tag-default: var(--x-color-text-tag-default);
|
|
@@ -4919,14 +4919,6 @@
|
|
|
4919
4919
|
:root {
|
|
4920
4920
|
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4921
4921
|
}
|
|
4922
|
-
:root {
|
|
4923
|
-
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4924
|
-
}
|
|
4925
|
-
|
|
4926
|
-
.x-result.x-result--card {
|
|
4927
|
-
overflow: hidden;
|
|
4928
|
-
--x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
|
|
4929
|
-
}
|
|
4930
4922
|
:root {
|
|
4931
4923
|
--x-size-height-progress-bar-line-default: var(--x-size-base-02);
|
|
4932
4924
|
--x-size-width-progress-bar-line-default: var(--x-size-base-20);
|
|
@@ -4965,6 +4957,14 @@
|
|
|
4965
4957
|
--x-number-zoom-scale-picture: 1.1;
|
|
4966
4958
|
--x-number-zoom-duration-picture: 0.3s;
|
|
4967
4959
|
}
|
|
4960
|
+
:root {
|
|
4961
|
+
--x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
|
|
4962
|
+
}
|
|
4963
|
+
|
|
4964
|
+
.x-result.x-result--card {
|
|
4965
|
+
overflow: hidden;
|
|
4966
|
+
--x-size-border-radius-result-default: var(--x-size-border-radius-result-card);
|
|
4967
|
+
}
|
|
4968
4968
|
:root {
|
|
4969
4969
|
--x-number-zoom-scale-picture: 1.1;
|
|
4970
4970
|
--x-number-zoom-duration-picture: 0.3s;
|
|
@@ -5091,6 +5091,12 @@
|
|
|
5091
5091
|
--x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5092
5092
|
--x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5093
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
|
+
}
|
|
5094
5100
|
|
|
5095
5101
|
.x-picture--colored.x-picture {
|
|
5096
5102
|
--x-color-background-picture-default: var(--x-color-background-picture-colored);
|
|
@@ -5104,12 +5110,6 @@
|
|
|
5104
5110
|
.x-picture--colored.x-picture .x-picture--placeholder {
|
|
5105
5111
|
--x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
|
|
5106
5112
|
}
|
|
5107
|
-
:root {
|
|
5108
|
-
--x-color-background-picture-colored: var(--x-color-base-neutral-95);
|
|
5109
|
-
--x-mix-blend-mode-picture-colored: multiply;
|
|
5110
|
-
--x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5111
|
-
--x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5112
|
-
}
|
|
5113
5113
|
:root {
|
|
5114
5114
|
--x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
|
|
5115
5115
|
--x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
|
|
@@ -7515,38 +7515,6 @@
|
|
|
7515
7515
|
);
|
|
7516
7516
|
--x-size-line-height-filter-default: var(--x-size-line-height-text);
|
|
7517
7517
|
}
|
|
7518
|
-
:root {
|
|
7519
|
-
--x-color-background-filter-default: transparent;
|
|
7520
|
-
--x-color-border-filter-default: var(--x-color-background-filter-default);
|
|
7521
|
-
--x-color-text-filter-default: var(--x-color-text-default);
|
|
7522
|
-
--x-color-background-filter-default-selected: var(--x-color-background-filter-default);
|
|
7523
|
-
--x-color-border-filter-default-selected: var(--x-color-border-filter-default);
|
|
7524
|
-
--x-color-text-filter-default-selected: var(--x-color-text-filter-default);
|
|
7525
|
-
--x-size-border-width-filter-default: var(--x-size-border-width-base);
|
|
7526
|
-
--x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
|
|
7527
|
-
--x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
|
|
7528
|
-
--x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
|
|
7529
|
-
--x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
|
|
7530
|
-
--x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
|
|
7531
|
-
--x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
|
|
7532
|
-
--x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
|
|
7533
|
-
--x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
|
|
7534
|
-
--x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
|
|
7535
|
-
--x-size-padding-top-filter-default: var(--x-size-base-03);
|
|
7536
|
-
--x-size-padding-right-filter-default: 0;
|
|
7537
|
-
--x-size-padding-bottom-filter-default: var(--x-size-base-03);
|
|
7538
|
-
--x-size-padding-left-filter-default: 0;
|
|
7539
|
-
--x-size-gap-filter-default: var(--x-size-base-03);
|
|
7540
|
-
--x-font-family-filter-default: var(--x-font-family-text);
|
|
7541
|
-
--x-size-font-filter-default: var(--x-size-font-text);
|
|
7542
|
-
--x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
|
|
7543
|
-
--x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
|
|
7544
|
-
--x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
|
|
7545
|
-
--x-number-font-weight-filter-count-default-selected: var(
|
|
7546
|
-
--x-number-font-weight-filter-count-default
|
|
7547
|
-
);
|
|
7548
|
-
--x-size-line-height-filter-default: var(--x-size-line-height-text);
|
|
7549
|
-
}
|
|
7550
7518
|
|
|
7551
7519
|
[dir="ltr"] .x-filter,[dir="ltr"]
|
|
7552
7520
|
.x-facet-filter {
|
|
@@ -7685,6 +7653,38 @@
|
|
|
7685
7653
|
--x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-outlined);
|
|
7686
7654
|
--x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-outlined);
|
|
7687
7655
|
}
|
|
7656
|
+
:root {
|
|
7657
|
+
--x-color-background-filter-default: transparent;
|
|
7658
|
+
--x-color-border-filter-default: var(--x-color-background-filter-default);
|
|
7659
|
+
--x-color-text-filter-default: var(--x-color-text-default);
|
|
7660
|
+
--x-color-background-filter-default-selected: var(--x-color-background-filter-default);
|
|
7661
|
+
--x-color-border-filter-default-selected: var(--x-color-border-filter-default);
|
|
7662
|
+
--x-color-text-filter-default-selected: var(--x-color-text-filter-default);
|
|
7663
|
+
--x-size-border-width-filter-default: var(--x-size-border-width-base);
|
|
7664
|
+
--x-size-border-width-top-filter-default: var(--x-size-border-width-filter-default);
|
|
7665
|
+
--x-size-border-width-right-filter-default: var(--x-size-border-width-filter-default);
|
|
7666
|
+
--x-size-border-width-bottom-filter-default: var(--x-size-border-width-filter-default);
|
|
7667
|
+
--x-size-border-width-left-filter-default: var(--x-size-border-width-filter-default);
|
|
7668
|
+
--x-size-border-radius-filter-default: var(--x-size-border-radius-base-none);
|
|
7669
|
+
--x-size-border-radius-top-left-filter-default: var(--x-size-border-radius-filter-default);
|
|
7670
|
+
--x-size-border-radius-top-right-filter-default: var(--x-size-border-radius-filter-default);
|
|
7671
|
+
--x-size-border-radius-bottom-right-filter-default: var(--x-size-border-radius-filter-default);
|
|
7672
|
+
--x-size-border-radius-bottom-left-filter-default: var(--x-size-border-radius-filter-default);
|
|
7673
|
+
--x-size-padding-top-filter-default: var(--x-size-base-03);
|
|
7674
|
+
--x-size-padding-right-filter-default: 0;
|
|
7675
|
+
--x-size-padding-bottom-filter-default: var(--x-size-base-03);
|
|
7676
|
+
--x-size-padding-left-filter-default: 0;
|
|
7677
|
+
--x-size-gap-filter-default: var(--x-size-base-03);
|
|
7678
|
+
--x-font-family-filter-default: var(--x-font-family-text);
|
|
7679
|
+
--x-size-font-filter-default: var(--x-size-font-text);
|
|
7680
|
+
--x-number-font-weight-filter-default: var(--x-number-font-weight-base-regular);
|
|
7681
|
+
--x-number-font-weight-filter-default-selected: var(--x-number-font-weight-base-bold);
|
|
7682
|
+
--x-number-font-weight-filter-count-default: var(--x-number-font-weight-base-light);
|
|
7683
|
+
--x-number-font-weight-filter-count-default-selected: var(
|
|
7684
|
+
--x-number-font-weight-filter-count-default
|
|
7685
|
+
);
|
|
7686
|
+
--x-size-line-height-filter-default: var(--x-size-line-height-text);
|
|
7687
|
+
}
|
|
7688
7688
|
:root {
|
|
7689
7689
|
--x-color-border-facet-header-line: var(--x-color-base-neutral-10);
|
|
7690
7690
|
--x-size-border-width-facet-header-line: var(--x-size-border-width-base);
|
|
@@ -7889,6 +7889,18 @@
|
|
|
7889
7889
|
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7890
7890
|
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7891
7891
|
}
|
|
7892
|
+
:root {
|
|
7893
|
+
--x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
|
|
7894
|
+
--x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7895
|
+
--x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7896
|
+
--x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7897
|
+
--x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7898
|
+
--x-size-padding-facet-header-card: var(--x-size-base-03);
|
|
7899
|
+
--x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7900
|
+
--x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7901
|
+
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7902
|
+
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7903
|
+
}
|
|
7892
7904
|
|
|
7893
7905
|
.x-facet--card.x-facet,
|
|
7894
7906
|
.x-facet--card .x-facet {
|
|
@@ -7903,18 +7915,6 @@
|
|
|
7903
7915
|
--x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
|
|
7904
7916
|
--x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
|
|
7905
7917
|
}
|
|
7906
|
-
:root {
|
|
7907
|
-
--x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
|
|
7908
|
-
--x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7909
|
-
--x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7910
|
-
--x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
|
|
7911
|
-
--x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
|
|
7912
|
-
--x-size-padding-facet-header-card: var(--x-size-base-03);
|
|
7913
|
-
--x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7914
|
-
--x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7915
|
-
--x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7916
|
-
--x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
|
|
7917
|
-
}
|
|
7918
7918
|
:root {
|
|
7919
7919
|
--x-size-width-dropdown-xl: 282px;
|
|
7920
7920
|
}
|
|
@@ -7928,6 +7928,9 @@
|
|
|
7928
7928
|
:root {
|
|
7929
7929
|
--x-size-width-dropdown-s: 74px;
|
|
7930
7930
|
}
|
|
7931
|
+
:root {
|
|
7932
|
+
--x-size-width-dropdown-s: 74px;
|
|
7933
|
+
}
|
|
7931
7934
|
|
|
7932
7935
|
.x-dropdown.x-dropdown--s {
|
|
7933
7936
|
--x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
|
|
@@ -7988,13 +7991,13 @@
|
|
|
7988
7991
|
:root {
|
|
7989
7992
|
--x-size-width-dropdown-m: 130px;
|
|
7990
7993
|
}
|
|
7994
|
+
:root {
|
|
7995
|
+
--x-size-width-dropdown-m: 130px;
|
|
7996
|
+
}
|
|
7991
7997
|
|
|
7992
7998
|
.x-dropdown.x-dropdown--m {
|
|
7993
7999
|
--x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
|
|
7994
8000
|
}
|
|
7995
|
-
:root {
|
|
7996
|
-
--x-size-width-dropdown-m: 130px;
|
|
7997
|
-
}
|
|
7998
8001
|
:root {
|
|
7999
8002
|
--x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
|
|
8000
8003
|
--x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
|
|
@@ -8019,6 +8022,9 @@
|
|
|
8019
8022
|
--x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8020
8023
|
--x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
|
|
8021
8024
|
}
|
|
8025
|
+
:root {
|
|
8026
|
+
--x-size-width-dropdown-l: 202px;
|
|
8027
|
+
}
|
|
8022
8028
|
:root {
|
|
8023
8029
|
--x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
|
|
8024
8030
|
--x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
|
|
@@ -8085,9 +8091,6 @@
|
|
|
8085
8091
|
:root {
|
|
8086
8092
|
--x-size-width-dropdown-l: 202px;
|
|
8087
8093
|
}
|
|
8088
|
-
:root {
|
|
8089
|
-
--x-size-width-dropdown-l: 202px;
|
|
8090
|
-
}
|
|
8091
8094
|
|
|
8092
8095
|
.x-dropdown.x-dropdown--l {
|
|
8093
8096
|
--x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
|
|
@@ -8473,27 +8476,6 @@
|
|
|
8473
8476
|
--x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8474
8477
|
--x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8475
8478
|
}
|
|
8476
|
-
:root {
|
|
8477
|
-
--x-color-background-button-tertiary: var(--x-color-base-neutral-95);
|
|
8478
|
-
--x-color-border-button-tertiary: var(--x-color-base-neutral-70);
|
|
8479
|
-
--x-color-text-button-tertiary: var(--x-color-text-default);
|
|
8480
|
-
--x-size-border-width-button-tertiary: var(--x-size-border-width-base);
|
|
8481
|
-
--x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8482
|
-
--x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8483
|
-
--x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8484
|
-
--x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8485
|
-
}
|
|
8486
|
-
|
|
8487
|
-
.x-button--tertiary.x-button,
|
|
8488
|
-
.x-button--tertiary .x-button {
|
|
8489
|
-
--x-color-background-button-default: var(--x-color-background-button-tertiary);
|
|
8490
|
-
--x-color-border-button-default: var(--x-color-border-button-tertiary);
|
|
8491
|
-
--x-color-text-button-default: var(--x-color-text-button-tertiary);
|
|
8492
|
-
--x-size-border-width-top-button-default: var(--x-size-border-width-top-button-tertiary);
|
|
8493
|
-
--x-size-border-width-right-button-default: var(--x-size-border-width-right-button-tertiary);
|
|
8494
|
-
--x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-tertiary);
|
|
8495
|
-
--x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
|
|
8496
|
-
}
|
|
8497
8479
|
:root {
|
|
8498
8480
|
--x-color-background-button-secondary: transparent;
|
|
8499
8481
|
--x-color-border-button-secondary: var(--x-color-border-button-default);
|
|
@@ -8532,6 +8514,27 @@
|
|
|
8532
8514
|
--x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
|
|
8533
8515
|
--x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
|
|
8534
8516
|
}
|
|
8517
|
+
:root {
|
|
8518
|
+
--x-color-background-button-tertiary: var(--x-color-base-neutral-95);
|
|
8519
|
+
--x-color-border-button-tertiary: var(--x-color-base-neutral-70);
|
|
8520
|
+
--x-color-text-button-tertiary: var(--x-color-text-default);
|
|
8521
|
+
--x-size-border-width-button-tertiary: var(--x-size-border-width-base);
|
|
8522
|
+
--x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8523
|
+
--x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8524
|
+
--x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8525
|
+
--x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8526
|
+
}
|
|
8527
|
+
|
|
8528
|
+
.x-button--tertiary.x-button,
|
|
8529
|
+
.x-button--tertiary .x-button {
|
|
8530
|
+
--x-color-background-button-default: var(--x-color-background-button-tertiary);
|
|
8531
|
+
--x-color-border-button-default: var(--x-color-border-button-tertiary);
|
|
8532
|
+
--x-color-text-button-default: var(--x-color-text-button-tertiary);
|
|
8533
|
+
--x-size-border-width-top-button-default: var(--x-size-border-width-top-button-tertiary);
|
|
8534
|
+
--x-size-border-width-right-button-default: var(--x-size-border-width-right-button-tertiary);
|
|
8535
|
+
--x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-tertiary);
|
|
8536
|
+
--x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
|
|
8537
|
+
}
|
|
8535
8538
|
:root {
|
|
8536
8539
|
--x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
|
|
8537
8540
|
--x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
|
|
@@ -8595,18 +8598,6 @@
|
|
|
8595
8598
|
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8596
8599
|
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8597
8600
|
}
|
|
8598
|
-
:root {
|
|
8599
|
-
--x-color-background-button-ghost: transparent;
|
|
8600
|
-
--x-color-border-button-ghost: transparent;
|
|
8601
|
-
--x-color-text-button-ghost: var(--x-color-base-lead);
|
|
8602
|
-
}
|
|
8603
|
-
:root {
|
|
8604
|
-
--x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
|
|
8605
|
-
--x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8606
|
-
--x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8607
|
-
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8608
|
-
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8609
|
-
}
|
|
8610
8601
|
|
|
8611
8602
|
.x-button--pill.x-button,
|
|
8612
8603
|
.x-button--pill .x-button {
|
|
@@ -8627,6 +8618,11 @@
|
|
|
8627
8618
|
--x-color-border-button-ghost: transparent;
|
|
8628
8619
|
--x-color-text-button-ghost: var(--x-color-base-lead);
|
|
8629
8620
|
}
|
|
8621
|
+
:root {
|
|
8622
|
+
--x-color-background-button-ghost: transparent;
|
|
8623
|
+
--x-color-border-button-ghost: transparent;
|
|
8624
|
+
--x-color-text-button-ghost: var(--x-color-base-lead);
|
|
8625
|
+
}
|
|
8630
8626
|
|
|
8631
8627
|
.x-button--ghost.x-button,
|
|
8632
8628
|
.x-button--ghost .x-button {
|
|
@@ -8826,6 +8822,13 @@
|
|
|
8826
8822
|
--x-color-base-disable: #e11f26;
|
|
8827
8823
|
--x-color-base-transparent: transparent;
|
|
8828
8824
|
}
|
|
8825
|
+
:root {
|
|
8826
|
+
--x-size-border-radius-base-none: 0;
|
|
8827
|
+
--x-size-border-radius-base-s: var(--x-size-base-02);
|
|
8828
|
+
--x-size-border-radius-base-m: var(--x-size-base-06);
|
|
8829
|
+
--x-size-border-radius-base-pill: 99999px;
|
|
8830
|
+
--x-size-border-width-base: 1px;
|
|
8831
|
+
}
|
|
8829
8832
|
:root {
|
|
8830
8833
|
--x-color-background-badge-default: var(--x-color-base-neutral-10);
|
|
8831
8834
|
--x-color-text-badge-default: var(--x-color-base-neutral-100);
|
|
@@ -8876,12 +8879,9 @@
|
|
|
8876
8879
|
position: relative;
|
|
8877
8880
|
}
|
|
8878
8881
|
:root {
|
|
8879
|
-
--x-size-border-radius-
|
|
8880
|
-
--x-size-border-radius-
|
|
8881
|
-
--x-size-border-radius-
|
|
8882
|
-
--x-size-border-radius-
|
|
8883
|
-
--x-size-border-
|
|
8884
|
-
}
|
|
8885
|
-
:root {
|
|
8886
|
-
--x-size-width-dropdown-s: 74px;
|
|
8882
|
+
--x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
|
|
8883
|
+
--x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8884
|
+
--x-size-border-radius-top-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8885
|
+
--x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
|
|
8886
|
+
--x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
|
|
8887
8887
|
}
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
| [identifierResultsResponseMapper](./x-adapter-platform.identifierresultsresponsemapper.md) | Default implementation for the IdentifierResultsResponseMapper. |
|
|
75
75
|
| [identifierResultsResponseSchema](./x-adapter-platform.identifierresultsresponseschema.md) | Default implementation for the IdentifierResultsResponseSchema. |
|
|
76
76
|
| [nextQueriesEndpointAdapter](./x-adapter-platform.nextqueriesendpointadapter.md) | This endpoint does not support pagination in the request. |
|
|
77
|
-
| [nextQueriesRelatedPromptsSchema](./x-adapter-platform.nextqueriesrelatedpromptsschema.md) |
|
|
77
|
+
| [nextQueriesRelatedPromptsSchema](./x-adapter-platform.nextqueriesrelatedpromptsschema.md) | Default implementation for the NextQueriesRelatedPromptsSchema. |
|
|
78
78
|
| [nextQueriesRequestMapper](./x-adapter-platform.nextqueriesrequestmapper.md) | Default implementation for the NextQueriesRequestMapper. |
|
|
79
79
|
| [nextQueriesRequestSchema](./x-adapter-platform.nextqueriesrequestschema.md) | Default implementation for the NextQueriesRequestSchema. |
|
|
80
80
|
| [nextQueriesResponseMapper](./x-adapter-platform.nextqueriesresponsemapper.md) | Default implementation for the NextQueriesResponseMapper. |
|
|
@@ -97,7 +97,7 @@ Entry point to export search-type models and testing schemas in a unified api-ex
|
|
|
97
97
|
| [TrackableRequest](./x-types.trackablerequest.md) | Interface for any Request with tagging. |
|
|
98
98
|
| [TrackableShowResponse](./x-types.trackableshowresponse.md) | Response to be implemented by all responses that contain a part to track the show event. |
|
|
99
99
|
| [UserInfo](./x-types.userinfo.md) | The representation of the user. |
|
|
100
|
-
| [XComponentsAdapter](./x-types.xcomponentsadapter.md) |
|
|
100
|
+
| [XComponentsAdapter](./x-types.xcomponentsadapter.md) | XComponentsAdapter. |
|
|
101
101
|
|
|
102
102
|
## Variables
|
|
103
103
|
|
|
@@ -88,7 +88,7 @@ const infiniteScroll = {
|
|
|
88
88
|
const xBus = XPlugin.bus;
|
|
89
89
|
state[id] = new IntersectionObserver(([entry]) => {
|
|
90
90
|
if (entry.isIntersecting) {
|
|
91
|
-
void xBus.emit('UserReachedResultsListEnd');
|
|
91
|
+
void xBus.emit('UserReachedResultsListEnd', undefined);
|
|
92
92
|
}
|
|
93
93
|
}, {
|
|
94
94
|
threshold: 0.99,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"infinite-scroll.js","sources":["../../../src/directives/infinite-scroll.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { XPlugin } from '../plugins'\n\nconst VIEWPORT_ID = 'viewport'\n\n/**\n * A record which contains {@link IntersectionObserver} objects indexed by the ID of the scrollable\n * container.\n */\nconst state: Record<string, IntersectionObserver> = {}\n\n/**\n * Retrieves the root element for the provided ID.\n *\n * @param element - Target element where directive is set.\n * @param id - String identifier.\n * @returns HTMLElement or null.\n */\nfunction getRoot(element: HTMLElement, id: string): HTMLElement | null {\n switch (id) {\n case 'html':\n return null\n case 'body':\n return document.body\n case VIEWPORT_ID:\n return null\n default:\n return element.closest(`#${id}`)!\n }\n}\n\n/**\n * Custom Vue directive for infinite scroll.\n *\n * This directive uses the IntersectionObserver API to handle the intersection between the\n * children and the scrollable container. The content of the children moves up on scroll and when it\n * reaches the end, the IntersectionObserver triggers that both elements are intersecting.\n *\n * How it works.\n *\n * As a summary, if the scroll reaches the end, `UserReachedResultsListEnd` event is emitted to the\n * xBus. If you provide a margin in the directive options, this function is triggered when the\n * scroll reaches the end minus that amount of pixels. A default margin of 200px is set.\n *\n * Usage.\n *\n * The directive has to be set in the target element. It can receive an argument which will be used\n * to determine the scrollable container. Possible values:\n * `html`: will set the <html> as the scrollable container.\n * `body`: will set the <body> as the scrollable container.\n * ID: will set the DOM element with the provided id as the scrollable container.\n *\n * If no argument is provided the scrollable container fallbacks to the viewport.\n *\n * @example How to use it.\n *\n * ```html\n * <ResultsList v-infinite-scroll:html>\n * ```\n *\n * ```html\n * <ResultsList v-infinite-scroll:body>\n * ```\n *\n * ```html\n * <BaseScroll id='scroll-test'>\n * <ResultsList v-infinite-scroll:scroll-test>\n * </BaseScroll>\n * ```\n *\n * ```html\n * <ResultsList v-infinite-scroll=\"{ margin: 40 }\">\n * ```\n *\n * @public\n */\nexport const infiniteScroll: Directive<HTMLElement, { margin: number }> = {\n mounted(element, { arg: id = VIEWPORT_ID, value: { margin = 200 } = {} }) {\n /*\n * This hack allows the root element to always contain the observed element.\n * Not overpass the top margin more than 1700000 because it doesn't work in Android chrome\n */\n const rootMargin = `1000000% 0px ${margin}px 0px`\n const root = getRoot(element, id)\n const xBus = XPlugin.bus\n\n state[id] = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n void xBus.emit('UserReachedResultsListEnd')\n }\n },\n {\n threshold: 0.99,\n rootMargin,\n root,\n },\n )\n\n state[id].observe(element)\n },\n unmounted(_, { arg: id = VIEWPORT_ID }) {\n if (state[id]) {\n state[id].disconnect()\n delete state[id]\n }\n },\n}\n"],"names":[],"mappings":";;;;;;;;;AAGA,MAAM,WAAW,GAAG,UAAU,CAAA;AAE9B;;;AAGG;AACH,MAAM,KAAK,GAAyC,EAAE,CAAA;AAEtD;;;;;;AAMG;AACH,SAAS,OAAO,CAAC,OAAoB,EAAE,EAAU,EAAA;AAC/C,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI,CAAA;AACb,QAAA,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,IAAI,CAAA;AACb,QAAA;YACE,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA,CAAE,CAAE,CAAA;AACpC,KAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;AACU,MAAA,cAAc,GAA+C;AACxE,IAAA,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE,EAAA;AACtE;;;AAGG;AACH,QAAA,MAAM,UAAU,GAAG,CAAgB,aAAA,EAAA,MAAM,QAAQ,CAAA;QACjD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AACjC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAA;AAExB,QAAA,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,oBAAoB,CAClC,CAAC,CAAC,KAAK,CAAC,KAAI;YACV,IAAI,KAAK,CAAC,cAAc,EAAE;
|
|
1
|
+
{"version":3,"file":"infinite-scroll.js","sources":["../../../src/directives/infinite-scroll.ts"],"sourcesContent":["import type { Directive } from 'vue'\nimport { XPlugin } from '../plugins'\n\nconst VIEWPORT_ID = 'viewport'\n\n/**\n * A record which contains {@link IntersectionObserver} objects indexed by the ID of the scrollable\n * container.\n */\nconst state: Record<string, IntersectionObserver> = {}\n\n/**\n * Retrieves the root element for the provided ID.\n *\n * @param element - Target element where directive is set.\n * @param id - String identifier.\n * @returns HTMLElement or null.\n */\nfunction getRoot(element: HTMLElement, id: string): HTMLElement | null {\n switch (id) {\n case 'html':\n return null\n case 'body':\n return document.body\n case VIEWPORT_ID:\n return null\n default:\n return element.closest(`#${id}`)!\n }\n}\n\n/**\n * Custom Vue directive for infinite scroll.\n *\n * This directive uses the IntersectionObserver API to handle the intersection between the\n * children and the scrollable container. The content of the children moves up on scroll and when it\n * reaches the end, the IntersectionObserver triggers that both elements are intersecting.\n *\n * How it works.\n *\n * As a summary, if the scroll reaches the end, `UserReachedResultsListEnd` event is emitted to the\n * xBus. If you provide a margin in the directive options, this function is triggered when the\n * scroll reaches the end minus that amount of pixels. A default margin of 200px is set.\n *\n * Usage.\n *\n * The directive has to be set in the target element. It can receive an argument which will be used\n * to determine the scrollable container. Possible values:\n * `html`: will set the <html> as the scrollable container.\n * `body`: will set the <body> as the scrollable container.\n * ID: will set the DOM element with the provided id as the scrollable container.\n *\n * If no argument is provided the scrollable container fallbacks to the viewport.\n *\n * @example How to use it.\n *\n * ```html\n * <ResultsList v-infinite-scroll:html>\n * ```\n *\n * ```html\n * <ResultsList v-infinite-scroll:body>\n * ```\n *\n * ```html\n * <BaseScroll id='scroll-test'>\n * <ResultsList v-infinite-scroll:scroll-test>\n * </BaseScroll>\n * ```\n *\n * ```html\n * <ResultsList v-infinite-scroll=\"{ margin: 40 }\">\n * ```\n *\n * @public\n */\nexport const infiniteScroll: Directive<HTMLElement, { margin: number }> = {\n mounted(element, { arg: id = VIEWPORT_ID, value: { margin = 200 } = {} }) {\n /*\n * This hack allows the root element to always contain the observed element.\n * Not overpass the top margin more than 1700000 because it doesn't work in Android chrome\n */\n const rootMargin = `1000000% 0px ${margin}px 0px`\n const root = getRoot(element, id)\n const xBus = XPlugin.bus\n\n state[id] = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n void xBus.emit('UserReachedResultsListEnd', undefined)\n }\n },\n {\n threshold: 0.99,\n rootMargin,\n root,\n },\n )\n\n state[id].observe(element)\n },\n unmounted(_, { arg: id = VIEWPORT_ID }) {\n if (state[id]) {\n state[id].disconnect()\n delete state[id]\n }\n },\n}\n"],"names":[],"mappings":";;;;;;;;;AAGA,MAAM,WAAW,GAAG,UAAU,CAAA;AAE9B;;;AAGG;AACH,MAAM,KAAK,GAAyC,EAAE,CAAA;AAEtD;;;;;;AAMG;AACH,SAAS,OAAO,CAAC,OAAoB,EAAE,EAAU,EAAA;AAC/C,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI,CAAA;AACb,QAAA,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,IAAI,CAAA;AACb,QAAA;YACE,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA,CAAE,CAAE,CAAA;AACpC,KAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CG;AACU,MAAA,cAAc,GAA+C;AACxE,IAAA,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE,EAAA;AACtE;;;AAGG;AACH,QAAA,MAAM,UAAU,GAAG,CAAgB,aAAA,EAAA,MAAM,QAAQ,CAAA;QACjD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;AACjC,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAA;AAExB,QAAA,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,oBAAoB,CAClC,CAAC,CAAC,KAAK,CAAC,KAAI;YACV,IAAI,KAAK,CAAC,cAAc,EAAE;gBACxB,KAAK,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,SAAS,CAAC,CAAA;AACvD,aAAA;AACH,SAAC,EACD;AACE,YAAA,SAAS,EAAE,IAAI;YACf,UAAU;YACV,IAAI;AACL,SAAA,CACF,CAAA;QAED,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;KAC3B;IACD,SAAS,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,EAAA;AACpC,QAAA,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE;AACb,YAAA,KAAK,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,CAAA;AACtB,YAAA,OAAO,KAAK,CAAC,EAAE,CAAC,CAAA;AACjB,SAAA;KACF;;;;;"}
|
|
@@ -79,7 +79,7 @@ class BaseXAPI {
|
|
|
79
79
|
if (query) {
|
|
80
80
|
void this.bus?.emit('UserAcceptedAQuery', query);
|
|
81
81
|
}
|
|
82
|
-
void this.bus?.emit('UserClickedOpenX');
|
|
82
|
+
void this.bus?.emit('UserClickedOpenX', undefined);
|
|
83
83
|
}
|
|
84
84
|
/**
|
|
85
85
|
* Initializes the Application passing the {@link SnippetConfig}.
|
|
@@ -105,7 +105,7 @@ class BaseXAPI {
|
|
|
105
105
|
* @public
|
|
106
106
|
*/
|
|
107
107
|
close() {
|
|
108
|
-
void this.bus?.emit('UserClickedCloseX');
|
|
108
|
+
void this.bus?.emit('UserClickedCloseX', undefined);
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-api.js","sources":["../../../../src/x-installer/api/base-api.ts"],"sourcesContent":["import type { XBus } from '@empathyco/x-bus'\nimport type { WireMetadata, XEventsTypes } from '../../wiring/index'\nimport type { NormalisedSnippetConfig, SnippetConfig, XAPI } from './api.types'\n\n/**\n * Default implementation for {@link XAPI}.\n *\n * @public\n */\nexport class BaseXAPI implements XAPI {\n /**\n * Flag to check if the initialization was already done.\n *\n * @internal\n */\n protected isXInitialized = false\n\n /**\n * Bus for emitting and listening events.\n *\n * @internal\n */\n protected bus!: XBus<XEventsTypes, WireMetadata>\n\n /**\n * The callback to call from the init method. The logic of initialization is out of this API\n * since this API is just a facade.\n *\n * @internal\n */\n protected initCallback!: (config: SnippetConfig) => any\n\n /**\n * Getter for the snippet config object.\n *\n * @returns The {@link NormalisedSnippetConfig | snippetConfig} object.\n *\n * @public\n */\n public getSnippetConfig!: () => SnippetConfig\n\n /**\n * Callback that allows to update the snippet config. The logic of initialization is out of this\n * API since this API is just a facade.\n *\n * @internal\n */\n protected snippetCallback!: (config: Partial<SnippetConfig>) => void\n\n /**\n * Tracks that a product was added to cart from PDP.\n *\n * @param productId - The product id that was added to cart.\n */\n addProductToCart(productId?: string): void {\n void this.bus?.emit('UserClickedPDPAddToCart', productId)\n }\n\n /**\n * Setter for the XBus.\n *\n * @param bus - The XBus received to emit events.\n *\n * @internal\n */\n setBus(bus: XBus<XEventsTypes, WireMetadata>): void {\n this.bus = bus\n }\n\n /**\n * Setter for the callback to call in the init method.\n *\n * @param initCallback - The callback to call.\n */\n setInitCallback(initCallback: (config: SnippetConfig) => any): void {\n this.initCallback = initCallback\n }\n\n /**\n * Setter for the callback to modify the snippet config.\n *\n * @param snippetCallback - The callback to call.\n *\n * @internal\n */\n setSnippetConfigCallback(snippetCallback: (config: Partial<SnippetConfig>) => void): void {\n this.snippetCallback = snippetCallback\n }\n\n /**\n * Sets or updates the snippet config getter.\n *\n * @param snippetConfigGetter - A function that returns the snippet config.\n *\n * @internal\n */\n setSnippetConfigGetter(snippetConfigGetter: () => NormalisedSnippetConfig): void {\n this.getSnippetConfig = snippetConfigGetter\n }\n\n /**\n * Sets or updates the snippet config.\n *\n * @param config - A part or all the snippet config.\n *\n * @public\n */\n setSnippetConfig(config: Partial<SnippetConfig>): void {\n this?.snippetCallback(config)\n }\n\n /**\n * Searches the query parameter as user query.\n *\n * @param query - Query to be searched.\n *\n * @public\n */\n search(query?: string): void {\n if (query) {\n void this.bus?.emit('UserAcceptedAQuery', query)\n }\n void this.bus?.emit('UserClickedOpenX')\n }\n\n /**\n * Initializes the Application passing the {@link SnippetConfig}.\n *\n * @param config - The config coming from the customer snippet.\n *\n * @returns A promise that will be resolved once x components are initialized.\n *\n * @public\n */\n async init(config: SnippetConfig): Promise<void> {\n if (!this.isXInitialized) {\n this.isXInitialized = true\n await this?.initCallback(config)\n } else {\n console.warn('We know X is awesome, but you only need to initialize it once.')\n }\n }\n\n /**\n * Closes the Application.\n *\n * @public\n */\n close(): void {\n void this.bus?.emit('UserClickedCloseX')\n }\n}\n"],"names":[],"mappings":"AAIA;;;;AAIG;MACU,QAAQ,CAAA;AAArB,IAAA,WAAA,GAAA;AACE;;;;AAIG;QACO,IAAc,CAAA,cAAA,GAAG,KAAK,CAAA;KAwIjC;AAtGC;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,SAAkB,EAAA;QACjC,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAA;KAC1D;AAED;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,GAAqC,EAAA;AAC1C,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;KACf;AAED;;;;AAIG;AACH,IAAA,eAAe,CAAC,YAA4C,EAAA;AAC1D,QAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;KACjC;AAED;;;;;;AAMG;AACH,IAAA,wBAAwB,CAAC,eAAyD,EAAA;AAChF,QAAA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;KACvC;AAED;;;;;;AAMG;AACH,IAAA,sBAAsB,CAAC,mBAAkD,EAAA;AACvE,QAAA,IAAI,CAAC,gBAAgB,GAAG,mBAAmB,CAAA;KAC5C;AAED;;;;;;AAMG;AACH,IAAA,gBAAgB,CAAC,MAA8B,EAAA;AAC7C,QAAA,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;KAC9B;AAED;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,KAAc,EAAA;AACnB,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAA;AACjD,SAAA;QACD,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"base-api.js","sources":["../../../../src/x-installer/api/base-api.ts"],"sourcesContent":["import type { XBus } from '@empathyco/x-bus'\nimport type { WireMetadata, XEventsTypes } from '../../wiring/index'\nimport type { NormalisedSnippetConfig, SnippetConfig, XAPI } from './api.types'\n\n/**\n * Default implementation for {@link XAPI}.\n *\n * @public\n */\nexport class BaseXAPI implements XAPI {\n /**\n * Flag to check if the initialization was already done.\n *\n * @internal\n */\n protected isXInitialized = false\n\n /**\n * Bus for emitting and listening events.\n *\n * @internal\n */\n protected bus!: XBus<XEventsTypes, WireMetadata>\n\n /**\n * The callback to call from the init method. The logic of initialization is out of this API\n * since this API is just a facade.\n *\n * @internal\n */\n protected initCallback!: (config: SnippetConfig) => any\n\n /**\n * Getter for the snippet config object.\n *\n * @returns The {@link NormalisedSnippetConfig | snippetConfig} object.\n *\n * @public\n */\n public getSnippetConfig!: () => SnippetConfig\n\n /**\n * Callback that allows to update the snippet config. The logic of initialization is out of this\n * API since this API is just a facade.\n *\n * @internal\n */\n protected snippetCallback!: (config: Partial<SnippetConfig>) => void\n\n /**\n * Tracks that a product was added to cart from PDP.\n *\n * @param productId - The product id that was added to cart.\n */\n addProductToCart(productId?: string): void {\n void this.bus?.emit('UserClickedPDPAddToCart', productId)\n }\n\n /**\n * Setter for the XBus.\n *\n * @param bus - The XBus received to emit events.\n *\n * @internal\n */\n setBus(bus: XBus<XEventsTypes, WireMetadata>): void {\n this.bus = bus\n }\n\n /**\n * Setter for the callback to call in the init method.\n *\n * @param initCallback - The callback to call.\n */\n setInitCallback(initCallback: (config: SnippetConfig) => any): void {\n this.initCallback = initCallback\n }\n\n /**\n * Setter for the callback to modify the snippet config.\n *\n * @param snippetCallback - The callback to call.\n *\n * @internal\n */\n setSnippetConfigCallback(snippetCallback: (config: Partial<SnippetConfig>) => void): void {\n this.snippetCallback = snippetCallback\n }\n\n /**\n * Sets or updates the snippet config getter.\n *\n * @param snippetConfigGetter - A function that returns the snippet config.\n *\n * @internal\n */\n setSnippetConfigGetter(snippetConfigGetter: () => NormalisedSnippetConfig): void {\n this.getSnippetConfig = snippetConfigGetter\n }\n\n /**\n * Sets or updates the snippet config.\n *\n * @param config - A part or all the snippet config.\n *\n * @public\n */\n setSnippetConfig(config: Partial<SnippetConfig>): void {\n this?.snippetCallback(config)\n }\n\n /**\n * Searches the query parameter as user query.\n *\n * @param query - Query to be searched.\n *\n * @public\n */\n search(query?: string): void {\n if (query) {\n void this.bus?.emit('UserAcceptedAQuery', query)\n }\n void this.bus?.emit('UserClickedOpenX', undefined)\n }\n\n /**\n * Initializes the Application passing the {@link SnippetConfig}.\n *\n * @param config - The config coming from the customer snippet.\n *\n * @returns A promise that will be resolved once x components are initialized.\n *\n * @public\n */\n async init(config: SnippetConfig): Promise<void> {\n if (!this.isXInitialized) {\n this.isXInitialized = true\n await this?.initCallback(config)\n } else {\n console.warn('We know X is awesome, but you only need to initialize it once.')\n }\n }\n\n /**\n * Closes the Application.\n *\n * @public\n */\n close(): void {\n void this.bus?.emit('UserClickedCloseX', undefined)\n }\n}\n"],"names":[],"mappings":"AAIA;;;;AAIG;MACU,QAAQ,CAAA;AAArB,IAAA,WAAA,GAAA;AACE;;;;AAIG;QACO,IAAc,CAAA,cAAA,GAAG,KAAK,CAAA;KAwIjC;AAtGC;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,SAAkB,EAAA;QACjC,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAA;KAC1D;AAED;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,GAAqC,EAAA;AAC1C,QAAA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;KACf;AAED;;;;AAIG;AACH,IAAA,eAAe,CAAC,YAA4C,EAAA;AAC1D,QAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;KACjC;AAED;;;;;;AAMG;AACH,IAAA,wBAAwB,CAAC,eAAyD,EAAA;AAChF,QAAA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;KACvC;AAED;;;;;;AAMG;AACH,IAAA,sBAAsB,CAAC,mBAAkD,EAAA;AACvE,QAAA,IAAI,CAAC,gBAAgB,GAAG,mBAAmB,CAAA;KAC5C;AAED;;;;;;AAMG;AACH,IAAA,gBAAgB,CAAC,MAA8B,EAAA;AAC7C,QAAA,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;KAC9B;AAED;;;;;;AAMG;AACH,IAAA,MAAM,CAAC,KAAc,EAAA;AACnB,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAA;AACjD,SAAA;QACD,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAA;KACnD;AAED;;;;;;;;AAQG;IACH,MAAM,IAAI,CAAC,MAAqB,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAA;AAC1B,YAAA,MAAM,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;AACjC,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,CAAC,IAAI,CAAC,gEAAgE,CAAC,CAAA;AAC/E,SAAA;KACF;AAED;;;;AAIG;IACH,KAAK,GAAA;QACH,KAAK,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAA;KACpD;AACF;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.63",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"devDependencies": {
|
|
97
97
|
"@badeball/cypress-cucumber-preprocessor": "20.0.0",
|
|
98
98
|
"@bahmutov/cypress-esbuild-preprocessor": "2.2.0",
|
|
99
|
-
"@empathyco/x-tailwindcss": "^2.0.0-alpha.
|
|
99
|
+
"@empathyco/x-tailwindcss": "^2.0.0-alpha.6",
|
|
100
100
|
"@microsoft/api-documenter": "7.23.0",
|
|
101
101
|
"@microsoft/api-extractor": "7.39.0",
|
|
102
102
|
"@testing-library/jest-dom": "5.17.0",
|
|
@@ -143,5 +143,5 @@
|
|
|
143
143
|
"access": "public",
|
|
144
144
|
"directory": "dist"
|
|
145
145
|
},
|
|
146
|
-
"gitHead": "
|
|
146
|
+
"gitHead": "5af8c786e0efa0fa965d0ea8f14b76dc6b4271c9"
|
|
147
147
|
}
|
|
@@ -1169,7 +1169,7 @@
|
|
|
1169
1169
|
{
|
|
1170
1170
|
"kind": "Variable",
|
|
1171
1171
|
"canonicalReference": "@empathyco/x-adapter-platform!nextQueriesRelatedPromptsSchema:var",
|
|
1172
|
-
"docComment": "",
|
|
1172
|
+
"docComment": "/**\n * Default implementation for the NextQueriesRelatedPromptsSchema.\n *\n * @public\n */\n",
|
|
1173
1173
|
"excerptTokens": [
|
|
1174
1174
|
{
|
|
1175
1175
|
"kind": "Content",
|
|
@@ -7517,7 +7517,7 @@
|
|
|
7517
7517
|
{
|
|
7518
7518
|
"kind": "Variable",
|
|
7519
7519
|
"canonicalReference": "@empathyco/x-adapter-platform!taggingRequestMapper:var",
|
|
7520
|
-
"docComment": "/**\n * Default implementation for the TaggingRequestMapper.\n *\n * @param params - The tagging request params.\n *\n * @returns The tagging request params.\n *\n * @public\n */\n",
|
|
7520
|
+
"docComment": "/**\n * Default implementation for the TaggingRequestMapper.\n *\n * @param params - The tagging request params.\n *\n * @param - params.params - The tagging request params.\n *\n * @returns The tagging request params.\n *\n * @public\n */\n",
|
|
7521
7521
|
"excerptTokens": [
|
|
7522
7522
|
{
|
|
7523
7523
|
"kind": "Content",
|
|
@@ -56,7 +56,7 @@ import { default as DiagonalArrowRightTopIcon } from './diagonal-arrow-right-top
|
|
|
56
56
|
import { Dictionary } from '@empathyco/x-utils';
|
|
57
57
|
import type { Directive } from 'vue';
|
|
58
58
|
import { EmittedData } from '@empathyco/x-bus';
|
|
59
|
-
import { EndpointAdapter } from '@empathyco/x-adapter';
|
|
59
|
+
import type { EndpointAdapter } from '@empathyco/x-adapter';
|
|
60
60
|
import { EventPayload } from '@empathyco/x-bus';
|
|
61
61
|
import { ExtractPropTypes } from 'vue';
|
|
62
62
|
import { default as FiltersIcon } from './filters.vue';
|
package/report/x-types.api.json
CHANGED
|
@@ -3680,7 +3680,7 @@
|
|
|
3680
3680
|
{
|
|
3681
3681
|
"kind": "Interface",
|
|
3682
3682
|
"canonicalReference": "@empathyco/x-types!PreviewResults:interface",
|
|
3683
|
-
"docComment": "/**\n * Interface to type the query preview objects.\n */\n",
|
|
3683
|
+
"docComment": "/**\n * Interface to type the query preview objects.\n *\n * @public\n */\n",
|
|
3684
3684
|
"excerptTokens": [
|
|
3685
3685
|
{
|
|
3686
3686
|
"kind": "Content",
|
|
@@ -6406,7 +6406,7 @@
|
|
|
6406
6406
|
{
|
|
6407
6407
|
"kind": "Interface",
|
|
6408
6408
|
"canonicalReference": "@empathyco/x-types!SemanticQuery:interface",
|
|
6409
|
-
"docComment": "/**\n * A semantic query is a term related to another in a semantic way.\n */\n",
|
|
6409
|
+
"docComment": "/**\n * A semantic query is a term related to another in a semantic way.\n *\n * @public\n */\n",
|
|
6410
6410
|
"excerptTokens": [
|
|
6411
6411
|
{
|
|
6412
6412
|
"kind": "Content",
|
|
@@ -7554,7 +7554,7 @@
|
|
|
7554
7554
|
{
|
|
7555
7555
|
"kind": "Interface",
|
|
7556
7556
|
"canonicalReference": "@empathyco/x-types!XComponentsAdapter:interface",
|
|
7557
|
-
"docComment": "",
|
|
7557
|
+
"docComment": "/**\n * XComponentsAdapter.\n *\n * @public\n */\n",
|
|
7558
7558
|
"excerptTokens": [
|
|
7559
7559
|
{
|
|
7560
7560
|
"kind": "Content",
|