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

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 (7) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/design-system/deprecated-full-theme.css +248 -249
  3. package/js/components/base-teleport.vue.js.map +1 -1
  4. package/js/components/base-teleport.vue2.js +8 -5
  5. package/js/components/base-teleport.vue2.js.map +1 -1
  6. package/package.json +3 -3
  7. package/types/components/base-teleport.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.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
+
8
+ **Note:** Version bump only for package @empathyco/x-components
9
+
10
+
11
+
12
+
13
+
14
+ ## [6.0.0-alpha.84](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.83...@empathyco/x-components@6.0.0-alpha.84) (2025-05-15)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **base-teleport:** improve target element observation logic ([4304720](https://github.com/empathyco/x/commit/4304720aaf81202f32555a87d04c078cbfb8f122))
20
+
21
+
22
+
6
23
  ## [6.0.0-alpha.83](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.82...@empathyco/x-components@6.0.0-alpha.83) (2025-05-14)
7
24
 
8
25
 
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,5 +1,3 @@
1
-
2
-
3
1
  .x-uppercase {
4
2
  text-transform: uppercase;
5
3
  }
@@ -15,6 +13,7 @@
15
13
  .x-normal-case {
16
14
  text-transform: none;
17
15
  }
16
+
18
17
  .x-underline {
19
18
  -webkit-text-decoration-line: underline;
20
19
  text-decoration-line: underline;
@@ -3596,9 +3595,6 @@
3596
3595
  :root {
3597
3596
  --x-color-text-accent: var(--x-color-base-accent);
3598
3597
  }
3599
- .x-text--accent {
3600
- --x-color-text-default: var(--x-color-text-accent);
3601
- }
3602
3598
  :root {
3603
3599
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3604
3600
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3606,6 +3602,9 @@
3606
3602
  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
3607
3603
  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
3608
3604
  }
3605
+ .x-text--accent {
3606
+ --x-color-text-default: var(--x-color-text-accent);
3607
+ }
3609
3608
  :root {
3610
3609
  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
3611
3610
  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
@@ -3636,18 +3635,6 @@
3636
3635
  --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3637
3636
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3638
3637
  }
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
3638
 
3652
3639
  .x-tag--ghost.x-tag,
3653
3640
  .x-tag--ghost .x-tag {
@@ -3712,6 +3699,18 @@
3712
3699
  --x-number-font-weight-tag-default-selected
3713
3700
  );
3714
3701
  }
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
+ }
3715
3714
  :root {
3716
3715
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3717
3716
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -4433,51 +4432,6 @@
4433
4432
  --x-size-padding-sliding-panel-button: var(--x-size-base-03);
4434
4433
  --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
4435
4434
  }
4436
- :root {
4437
- --x-string-overflow-scroll: auto;
4438
- --x-color-background-scroll-bar: transparent;
4439
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4440
- --x-color-background-scroll-bar-hover: transparent;
4441
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4442
- }
4443
- :root {
4444
- --x-string-overflow-scroll: auto;
4445
- --x-color-background-scroll-bar: transparent;
4446
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4447
- --x-color-background-scroll-bar-hover: transparent;
4448
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4449
- }
4450
-
4451
- .x-scroll {
4452
- overflow-y: var(--x-string-overflow-scroll);
4453
- }
4454
- @media (hover: hover) {
4455
- .x-scroll {
4456
- scrollbar-width: auto;
4457
- scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
4458
- }
4459
- .x-scroll::-webkit-scrollbar {
4460
- width: 17px;
4461
- }
4462
- .x-scroll::-webkit-scrollbar-track {
4463
- background: var(--x-color-background-scroll-bar);
4464
- }
4465
- .x-scroll::-webkit-scrollbar-thumb {
4466
- width: 5px;
4467
- border-radius: 15px;
4468
- background: var(--x-color-thumb-scroll-bar);
4469
- background-clip: content-box;
4470
- border: solid 4px rgba(0, 0, 0, 0.00001);
4471
- }
4472
- .x-scroll:hover {
4473
- --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
4474
- --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
4475
- }
4476
- }
4477
-
4478
- .x-base-scroll {
4479
- overflow-y: var(--x-string-overflow-scroll, auto);
4480
- }
4481
4435
  .x-sliding-panel {
4482
4436
  z-index: 0;
4483
4437
  background-color: var(--x-color-background-sliding-panel);
@@ -4532,6 +4486,51 @@
4532
4486
  opacity: 1;
4533
4487
  pointer-events: all;
4534
4488
  }
4489
+ :root {
4490
+ --x-string-overflow-scroll: auto;
4491
+ --x-color-background-scroll-bar: transparent;
4492
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4493
+ --x-color-background-scroll-bar-hover: transparent;
4494
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4495
+ }
4496
+ :root {
4497
+ --x-string-overflow-scroll: auto;
4498
+ --x-color-background-scroll-bar: transparent;
4499
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4500
+ --x-color-background-scroll-bar-hover: transparent;
4501
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4502
+ }
4503
+
4504
+ .x-scroll {
4505
+ overflow-y: var(--x-string-overflow-scroll);
4506
+ }
4507
+ @media (hover: hover) {
4508
+ .x-scroll {
4509
+ scrollbar-width: auto;
4510
+ scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
4511
+ }
4512
+ .x-scroll::-webkit-scrollbar {
4513
+ width: 17px;
4514
+ }
4515
+ .x-scroll::-webkit-scrollbar-track {
4516
+ background: var(--x-color-background-scroll-bar);
4517
+ }
4518
+ .x-scroll::-webkit-scrollbar-thumb {
4519
+ width: 5px;
4520
+ border-radius: 15px;
4521
+ background: var(--x-color-thumb-scroll-bar);
4522
+ background-clip: content-box;
4523
+ border: solid 4px rgba(0, 0, 0, 0.00001);
4524
+ }
4525
+ .x-scroll:hover {
4526
+ --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
4527
+ --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
4528
+ }
4529
+ }
4530
+
4531
+ .x-base-scroll {
4532
+ overflow-y: var(--x-string-overflow-scroll, auto);
4533
+ }
4535
4534
  /* @deprecated */
4536
4535
  :root {
4537
4536
  --x-size-padding-row-02: var(--x-size-base-02);
@@ -4965,6 +4964,10 @@
4965
4964
  --x-number-zoom-scale-picture: 1.1;
4966
4965
  --x-number-zoom-duration-picture: 0.3s;
4967
4966
  }
4967
+ :root {
4968
+ --x-number-zoom-scale-picture: 1.1;
4969
+ --x-number-zoom-duration-picture: 0.3s;
4970
+ }
4968
4971
 
4969
4972
  .x-picture--zoom .x-picture-image {
4970
4973
  transition: transform var(--x-number-zoom-duration-picture) ease-out;
@@ -4975,10 +4978,6 @@
4975
4978
  :root {
4976
4979
  --x-number-aspect-ratio-picture: 1;
4977
4980
  }
4978
- :root {
4979
- --x-number-zoom-scale-picture: 1.1;
4980
- --x-number-zoom-duration-picture: 0.3s;
4981
- }
4982
4981
  :root {
4983
4982
  --x-number-aspect-ratio-picture: 1;
4984
4983
  }
@@ -5091,12 +5090,6 @@
5091
5090
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5092
5091
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5093
5092
  }
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
- }
5100
5093
 
5101
5094
  .x-picture--colored.x-picture {
5102
5095
  --x-color-background-picture-default: var(--x-color-background-picture-colored);
@@ -5110,6 +5103,12 @@
5110
5103
  .x-picture--colored.x-picture .x-picture--placeholder {
5111
5104
  --x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
5112
5105
  }
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
+ }
5113
5112
  :root {
5114
5113
  --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5115
5114
  --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
@@ -5701,22 +5700,6 @@
5701
5700
  --x-size-padding-list-12: var(--x-size-base-12);
5702
5701
  --x-size-padding-list-13: var(--x-size-base-13);
5703
5702
  }
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
- }
5720
5703
 
5721
5704
  /* @deprecated */
5722
5705
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -6041,6 +6024,22 @@
6041
6024
  margin-right: var(--x-size-gap-list-13);
6042
6025
  }
6043
6026
  }
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
+ }
6044
6043
  :root {
6045
6044
  --x-size-gap-list-01: var(--x-size-base-01);
6046
6045
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6593,50 +6592,6 @@
6593
6592
  --x-size-align-list: stretch;
6594
6593
  --x-size-align-list-stretch: stretch;
6595
6594
  }
6596
- :root {
6597
- --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6598
- --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6599
- --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6600
- --x-size-border-radius-bottom-right-input-group-pill: var(
6601
- --x-size-border-radius-input-group-pill
6602
- );
6603
- --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6604
- }
6605
- :root {
6606
- --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6607
- --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6608
- --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6609
- --x-size-border-radius-bottom-right-input-group-pill: var(
6610
- --x-size-border-radius-input-group-pill
6611
- );
6612
- --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6613
- }
6614
-
6615
- .x-input-group--pill.x-input-group,
6616
- .x-input-group--pill .x-input-group {
6617
- --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
6618
- --x-size-border-radius-top-left-input-group-default: var(
6619
- --x-size-border-radius-top-left-input-group-pill
6620
- );
6621
- --x-size-border-radius-top-right-input-group-default: var(
6622
- --x-size-border-radius-top-right-input-group-pill
6623
- );
6624
- --x-size-border-radius-bottom-right-input-group-default: var(
6625
- --x-size-border-radius-bottom-right-input-group-pill
6626
- );
6627
- --x-size-border-radius-bottom-left-input-group-default: var(
6628
- --x-size-border-radius-bottom-left-input-group-pill
6629
- );
6630
- }
6631
- :root {
6632
- --x-size-padding-left-input-group-line: 0;
6633
- --x-size-padding-right-input-group-line: 0;
6634
- --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6635
- --x-size-border-width-top-input-group-line: 0;
6636
- --x-size-border-width-right-input-group-line: 0;
6637
- --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6638
- --x-size-border-width-left-input-group-line: 0;
6639
- }
6640
6595
  :root {
6641
6596
  --x-string-flow-list: column nowrap;
6642
6597
  --x-size-padding-list: 0;
@@ -6785,6 +6740,97 @@
6785
6740
  .x-list > .x-list__item--12 {
6786
6741
  flex: 12 1 auto;
6787
6742
  }
6743
+ :root {
6744
+ --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6745
+ --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6746
+ --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6747
+ --x-size-border-radius-bottom-right-input-group-pill: var(
6748
+ --x-size-border-radius-input-group-pill
6749
+ );
6750
+ --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6751
+ }
6752
+ :root {
6753
+ --x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
6754
+ --x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6755
+ --x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
6756
+ --x-size-border-radius-bottom-right-input-group-pill: var(
6757
+ --x-size-border-radius-input-group-pill
6758
+ );
6759
+ --x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
6760
+ }
6761
+
6762
+ .x-input-group--pill.x-input-group,
6763
+ .x-input-group--pill .x-input-group {
6764
+ --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
6765
+ --x-size-border-radius-top-left-input-group-default: var(
6766
+ --x-size-border-radius-top-left-input-group-pill
6767
+ );
6768
+ --x-size-border-radius-top-right-input-group-default: var(
6769
+ --x-size-border-radius-top-right-input-group-pill
6770
+ );
6771
+ --x-size-border-radius-bottom-right-input-group-default: var(
6772
+ --x-size-border-radius-bottom-right-input-group-pill
6773
+ );
6774
+ --x-size-border-radius-bottom-left-input-group-default: var(
6775
+ --x-size-border-radius-bottom-left-input-group-pill
6776
+ );
6777
+ }
6778
+ :root {
6779
+ --x-size-padding-left-input-group-line: 0;
6780
+ --x-size-padding-right-input-group-line: 0;
6781
+ --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6782
+ --x-size-border-width-top-input-group-line: 0;
6783
+ --x-size-border-width-right-input-group-line: 0;
6784
+ --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6785
+ --x-size-border-width-left-input-group-line: 0;
6786
+ }
6787
+ :root {
6788
+ --x-size-padding-left-input-group-line: 0;
6789
+ --x-size-padding-right-input-group-line: 0;
6790
+ --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
6791
+ --x-size-border-width-top-input-group-line: 0;
6792
+ --x-size-border-width-right-input-group-line: 0;
6793
+ --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
6794
+ --x-size-border-width-left-input-group-line: 0;
6795
+ }
6796
+
6797
+ .x-input-group--line .x-input-group,
6798
+ .x-input-group--line.x-input-group {
6799
+ --x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
6800
+ --x-size-border-width-right-input-group-default: var(
6801
+ --x-size-border-width-right-input-group-line
6802
+ );
6803
+ --x-size-border-width-bottom-input-group-default: var(
6804
+ --x-size-border-width-bottom-input-group-line
6805
+ );
6806
+ --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
6807
+ }
6808
+ .x-input-group--line .x-input-group > *:not(.x-input-group__action),
6809
+ .x-input-group--line.x-input-group > *:not(.x-input-group__action) {
6810
+ --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
6811
+ --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
6812
+ }
6813
+ [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6814
+ .x-input-group--line.x-input-group > .x-input-group__action {
6815
+ margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6816
+ }
6817
+ [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6818
+ .x-input-group--line.x-input-group > .x-input-group__action {
6819
+ margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
6820
+ }
6821
+ [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
6822
+ .x-input-group--line.x-input-group > .x-input-group__action {
6823
+ margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6824
+ }
6825
+ [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
6826
+ .x-input-group--line.x-input-group > .x-input-group__action {
6827
+ margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
6828
+ }
6829
+ .x-input-group--line .x-input-group > .x-input-group__action,
6830
+ .x-input-group--line.x-input-group > .x-input-group__action {
6831
+ margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
6832
+ margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
6833
+ }
6788
6834
  :root {
6789
6835
  --x-color-background-input-group-default: var(--x-color-background-input-default);
6790
6836
  --x-color-border-input-group-default: var(--x-color-border-input-default);
@@ -7014,53 +7060,6 @@
7014
7060
  );
7015
7061
  --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7016
7062
  }
7017
- :root {
7018
- --x-size-padding-left-input-group-line: 0;
7019
- --x-size-padding-right-input-group-line: 0;
7020
- --x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
7021
- --x-size-border-width-top-input-group-line: 0;
7022
- --x-size-border-width-right-input-group-line: 0;
7023
- --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
7024
- --x-size-border-width-left-input-group-line: 0;
7025
- }
7026
-
7027
- .x-input-group--line .x-input-group,
7028
- .x-input-group--line.x-input-group {
7029
- --x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
7030
- --x-size-border-width-right-input-group-default: var(
7031
- --x-size-border-width-right-input-group-line
7032
- );
7033
- --x-size-border-width-bottom-input-group-default: var(
7034
- --x-size-border-width-bottom-input-group-line
7035
- );
7036
- --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
7037
- }
7038
- .x-input-group--line .x-input-group > *:not(.x-input-group__action),
7039
- .x-input-group--line.x-input-group > *:not(.x-input-group__action) {
7040
- --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
7041
- --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
7042
- }
7043
- [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
7044
- .x-input-group--line.x-input-group > .x-input-group__action {
7045
- margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
7046
- }
7047
- [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
7048
- .x-input-group--line.x-input-group > .x-input-group__action {
7049
- margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
7050
- }
7051
- [dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
7052
- .x-input-group--line.x-input-group > .x-input-group__action {
7053
- margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
7054
- }
7055
- [dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
7056
- .x-input-group--line.x-input-group > .x-input-group__action {
7057
- margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
7058
- }
7059
- .x-input-group--line .x-input-group > .x-input-group__action,
7060
- .x-input-group--line.x-input-group > .x-input-group__action {
7061
- margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
7062
- margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
7063
- }
7064
7063
  :root {
7065
7064
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7066
7065
  --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
@@ -7345,6 +7344,10 @@
7345
7344
  --x-size-width-icon-m: var(--x-size-base-05);
7346
7345
  --x-size-height-icon-m: var(--x-size-base-05);
7347
7346
  }
7347
+ :root {
7348
+ --x-size-width-icon-m: var(--x-size-base-05);
7349
+ --x-size-height-icon-m: var(--x-size-base-05);
7350
+ }
7348
7351
 
7349
7352
  .x-icon--m {
7350
7353
  --x-size-width-icon-default: var(--x-size-width-icon-m);
@@ -7354,10 +7357,6 @@
7354
7357
  --x-size-width-icon-l: var(--x-size-base-06);
7355
7358
  --x-size-height-icon-l: var(--x-size-base-06);
7356
7359
  }
7357
- :root {
7358
- --x-size-width-icon-m: var(--x-size-base-05);
7359
- --x-size-height-icon-m: var(--x-size-base-05);
7360
- }
7361
7360
  :root {
7362
7361
  --x-size-width-icon-l: var(--x-size-base-06);
7363
7362
  --x-size-height-icon-l: var(--x-size-base-06);
@@ -7693,30 +7692,6 @@
7693
7692
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7694
7693
  --x-size-border-width-left-facet-header-line: 0;
7695
7694
  }
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
- }
7720
7695
  :root {
7721
7696
  --x-color-background-facet-default: transparent;
7722
7697
  --x-color-border-facet-default: var(--x-color-background-facet-default);
@@ -7915,6 +7890,30 @@
7915
7890
  --x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
7916
7891
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7917
7892
  }
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
+ }
7918
7917
  :root {
7919
7918
  --x-size-width-dropdown-xl: 282px;
7920
7919
  }
@@ -8423,6 +8422,19 @@
8423
8422
  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8424
8423
  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8425
8424
  }
8425
+ :root {
8426
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8427
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8428
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8429
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8430
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8431
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8432
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8433
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8434
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8435
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8436
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8437
+ }
8426
8438
 
8427
8439
  .x-dropdown--card {
8428
8440
  --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8453,19 +8465,6 @@
8453
8465
  --x-size-border-width-left-dropdown-list-card
8454
8466
  );
8455
8467
  }
8456
- :root {
8457
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8458
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8459
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8460
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8461
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8462
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8463
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8464
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8465
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8466
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8467
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8468
- }
8469
8468
  :root {
8470
8469
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8471
8470
  --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
@@ -8670,6 +8669,13 @@
8670
8669
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8671
8670
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8672
8671
  }
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
+ }
8673
8679
  :root {
8674
8680
  --x-color-background-button-default: var(--x-color-base-lead);
8675
8681
  --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8755,13 +8761,6 @@
8755
8761
  margin-right: var(--x-size-gap-button-default);
8756
8762
  }
8757
8763
  }
8758
- :root {
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);
8764
- }
8765
8764
  :root {
8766
8765
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8767
8766
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8772,6 +8771,28 @@
8772
8771
  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8773
8772
  --x-size-font-badge-default: var(--x-size-font-base-xs);
8774
8773
  }
8774
+ :root {
8775
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8776
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8777
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8778
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8779
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8780
+ }
8781
+
8782
+ .x-button--card.x-button,
8783
+ .x-button--card .x-button {
8784
+ --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8785
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8786
+ --x-size-border-radius-top-right-button-default: var(
8787
+ --x-size-border-radius-top-right-button-card
8788
+ );
8789
+ --x-size-border-radius-bottom-right-button-default: var(
8790
+ --x-size-border-radius-bottom-right-button-card
8791
+ );
8792
+ --x-size-border-radius-bottom-left-button-default: var(
8793
+ --x-size-border-radius-bottom-left-button-card
8794
+ );
8795
+ }
8775
8796
  :root {
8776
8797
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
8777
8798
  --x-color-text-badge-default: var(--x-color-base-neutral-100);
@@ -8863,25 +8884,3 @@
8863
8884
  --x-size-border-radius-base-pill: 99999px;
8864
8885
  --x-size-border-width-base: 1px;
8865
8886
  }
8866
- :root {
8867
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8868
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8869
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8870
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8871
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8872
- }
8873
-
8874
- .x-button--card.x-button,
8875
- .x-button--card .x-button {
8876
- --x-size-border-radius-button-default: var(--x-size-border-radius-button-card);
8877
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-card);
8878
- --x-size-border-radius-top-right-button-default: var(
8879
- --x-size-border-radius-top-right-button-card
8880
- );
8881
- --x-size-border-radius-bottom-right-button-default: var(
8882
- --x-size-border-radius-bottom-right-button-card
8883
- );
8884
- --x-size-border-radius-bottom-left-button-default: var(
8885
- --x-size-border-radius-bottom-left-button-card
8886
- );
8887
- }
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 const target =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (target?.isConnected) {\n targetAddedObserver.disconnect()\n targetRemovedObserver.observe(target.parentElement!, { childList: true })\n targetElement.value = target\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (!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 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;;;;;;"}
package/js/components/base-teleport.vue2.js CHANGED
@@ -83,16 +83,19 @@ var _sfc_main = defineComponent({
83
83
  });
84
84
  /** Checks if the target element exists in the DOM and updates the observers */
85
85
  function targetAdded() {
86
- const target = typeof props.target === 'string' ? document.querySelector(props.target) : props.target;
87
- if (target?.isConnected) {
86
+ let element = typeof props.target === 'string' ? document.querySelector(props.target) : props.target;
87
+ if (element?.isConnected) {
88
88
  targetAddedObserver.disconnect();
89
- targetRemovedObserver.observe(target.parentElement, { childList: true });
90
- targetElement.value = target;
89
+ targetElement.value = element;
90
+ while (element.parentElement) {
91
+ element = element.parentElement;
92
+ targetRemovedObserver.observe(element, { childList: true });
93
+ }
91
94
  }
92
95
  }
93
96
  /** Checks if the target was disconnected from the DOM and updates the observers */
94
97
  function targetRemoved() {
95
- if (!targetElement.value?.isConnected) {
98
+ if (targetElement.value && !targetElement.value.isConnected) {
96
99
  targetRemovedObserver.disconnect();
97
100
  targetAddedObserver.observe(document.body, { childList: true, subtree: true });
98
101
  targetElement.value = undefined;
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 const target =\n typeof props.target === 'string' ? document.querySelector(props.target) : props.target\n if (target?.isConnected) {\n targetAddedObserver.disconnect()\n targetRemovedObserver.observe(target.parentElement!, { childList: true })\n targetElement.value = target\n }\n }\n\n /** Checks if the target was disconnected from the DOM and updates the observers */\n function targetRemoved() {\n if (!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 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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "6.0.0-alpha.83",
3
+ "version": "6.0.0-alpha.85",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -78,7 +78,7 @@
78
78
  },
79
79
  "dependencies": {
80
80
  "@empathyco/x-adapter": "^8.1.0-alpha.3",
81
- "@empathyco/x-adapter-platform": "^1.1.0-alpha.15",
81
+ "@empathyco/x-adapter-platform": "^1.1.0-alpha.16",
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",
@@ -142,5 +142,5 @@
142
142
  "access": "public",
143
143
  "directory": "dist"
144
144
  },
145
- "gitHead": "c212041511d1553f4dccd93d33c175799c85b96a"
145
+ "gitHead": "5fe2507e4b13bb83eec94df393bb1d2534fca4d7"
146
146
  }
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,wBAiIE"}
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"}