@api-client/ui 0.3.2 → 0.3.3

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 (51) hide show
  1. package/build/src/elements/environment/EnvironmentEditor.d.ts.map +1 -1
  2. package/build/src/elements/environment/EnvironmentEditor.js +8 -6
  3. package/build/src/elements/environment/EnvironmentEditor.js.map +1 -1
  4. package/build/src/elements/har/HarViewer.d.ts.map +1 -1
  5. package/build/src/elements/har/HarViewer.js +13 -15
  6. package/build/src/elements/har/HarViewer.js.map +1 -1
  7. package/build/src/elements/http/RequestEditor.d.ts +2 -1
  8. package/build/src/elements/http/RequestEditor.d.ts.map +1 -1
  9. package/build/src/elements/http/RequestEditor.js +17 -12
  10. package/build/src/elements/http/RequestEditor.js.map +1 -1
  11. package/build/src/elements/http/RequestLog.d.ts.map +1 -1
  12. package/build/src/elements/http/RequestLog.js +34 -8
  13. package/build/src/elements/http/RequestLog.js.map +1 -1
  14. package/build/src/md/button/internals/button.styles.js +4 -4
  15. package/build/src/md/button/internals/button.styles.js.map +1 -1
  16. package/build/src/md/motion/animation.d.ts +5 -3
  17. package/build/src/md/motion/animation.d.ts.map +1 -1
  18. package/build/src/md/motion/animation.js +4 -2
  19. package/build/src/md/motion/animation.js.map +1 -1
  20. package/build/src/md/ripple/internals/ripple.styles.d.ts.map +1 -1
  21. package/build/src/md/ripple/internals/ripple.styles.js +20 -8
  22. package/build/src/md/ripple/internals/ripple.styles.js.map +1 -1
  23. package/build/src/md/tabs/internals/Tab.d.ts +25 -9
  24. package/build/src/md/tabs/internals/Tab.d.ts.map +1 -1
  25. package/build/src/md/tabs/internals/Tab.js +122 -53
  26. package/build/src/md/tabs/internals/Tab.js.map +1 -1
  27. package/build/src/md/tabs/internals/Tab.styles.d.ts.map +1 -1
  28. package/build/src/md/tabs/internals/Tab.styles.js +69 -64
  29. package/build/src/md/tabs/internals/Tab.styles.js.map +1 -1
  30. package/build/src/md/tabs/internals/Tabs.d.ts +52 -54
  31. package/build/src/md/tabs/internals/Tabs.d.ts.map +1 -1
  32. package/build/src/md/tabs/internals/Tabs.js +270 -330
  33. package/build/src/md/tabs/internals/Tabs.js.map +1 -1
  34. package/build/src/md/tabs/internals/Tabs.styles.d.ts.map +1 -1
  35. package/build/src/md/tabs/internals/Tabs.styles.js +13 -17
  36. package/build/src/md/tabs/internals/Tabs.styles.js.map +1 -1
  37. package/demo/md/tabs/tabs.html +19 -0
  38. package/demo/md/tabs/tabs.ts +133 -83
  39. package/package.json +1 -1
  40. package/src/elements/environment/EnvironmentEditor.ts +8 -6
  41. package/src/elements/har/HarViewer.ts +13 -15
  42. package/src/elements/http/RequestEditor.ts +18 -13
  43. package/src/elements/http/RequestLog.ts +34 -8
  44. package/src/md/button/internals/button.styles.ts +4 -4
  45. package/src/md/motion/animation.ts +4 -2
  46. package/src/md/ripple/internals/ripple.styles.ts +20 -8
  47. package/src/md/tabs/internals/Tab.styles.ts +69 -64
  48. package/src/md/tabs/internals/Tab.ts +126 -43
  49. package/src/md/tabs/internals/Tabs.styles.ts +13 -17
  50. package/src/md/tabs/internals/Tabs.ts +259 -305
  51. package/test/elements/har/HarViewerElement.test.ts +1 -55
package/src/md/tabs/internals/Tabs.styles.ts CHANGED
@@ -3,30 +3,31 @@ import { css } from 'lit'
3
3
  export default css`
4
4
  :host {
5
5
  display: block;
6
+ overflow: hidden;
7
+ box-sizing: border-box;
8
+ display: flex;
9
+ flex-direction: column;
10
+ position: relative;
6
11
  }
7
12
 
8
- .content {
13
+ .tabs {
9
14
  display: flex;
10
15
  align-items: center;
11
- overflow: hidden;
16
+ overflow: auto;
17
+ scroll-behavior: smooth;
18
+ scrollbar-width: none;
12
19
  flex: 1 1 0%;
20
+ align-self: stretch;
13
21
  }
14
22
 
15
- .content ::slotted(*) {
23
+ .tabs ::slotted(*) {
16
24
  flex: 1;
17
25
  white-space: nowrap;
18
26
  }
19
27
 
20
- .surface {
21
- position: relative;
22
- display: flex;
23
- align-items: center;
24
- /* background-color: var(--md-sys-color-surface); */
25
- }
26
-
27
28
  .indicator {
28
29
  position: absolute;
29
- bottom: 0px;
30
+ bottom: 1px;
30
31
  left: 0px;
31
32
  right: 0px;
32
33
  overflow: hidden;
@@ -59,12 +60,7 @@ export default css`
59
60
  }
60
61
 
61
62
  .divider {
62
- position: absolute;
63
- bottom: 0px;
64
- left: 0px;
65
- right: 0px;
63
+ align-self: stretch;
66
64
  margin: 0;
67
- height: 1px;
68
- background-color: var(--md-sys-color-surface-variant);
69
65
  }
70
66
  `