@api-client/ui 0.3.1 → 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 (59) 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/build/src/md/text-field/internals/common.styles.d.ts.map +1 -1
  38. package/build/src/md/text-field/internals/common.styles.js +0 -3
  39. package/build/src/md/text-field/internals/common.styles.js.map +1 -1
  40. package/build/src/styles/m3/native.css +270 -0
  41. package/build/src/styles/m3/theme.css +155 -0
  42. package/build/src/styles/m3/tokens.css +512 -0
  43. package/demo/md/tabs/tabs.html +19 -0
  44. package/demo/md/tabs/tabs.ts +133 -83
  45. package/package.json +20 -4
  46. package/scripts/copy-assets.js +21 -0
  47. package/src/elements/environment/EnvironmentEditor.ts +8 -6
  48. package/src/elements/har/HarViewer.ts +13 -15
  49. package/src/elements/http/RequestEditor.ts +18 -13
  50. package/src/elements/http/RequestLog.ts +34 -8
  51. package/src/md/button/internals/button.styles.ts +4 -4
  52. package/src/md/motion/animation.ts +4 -2
  53. package/src/md/ripple/internals/ripple.styles.ts +20 -8
  54. package/src/md/tabs/internals/Tab.styles.ts +69 -64
  55. package/src/md/tabs/internals/Tab.ts +126 -43
  56. package/src/md/tabs/internals/Tabs.styles.ts +13 -17
  57. package/src/md/tabs/internals/Tabs.ts +259 -305
  58. package/src/md/text-field/internals/common.styles.ts +0 -3
  59. package/test/elements/har/HarViewerElement.test.ts +1 -55
@@ -146,9 +146,6 @@ export default css`
146
146
  }
147
147
 
148
148
  .supporting-text-start {
149
- overflow: hidden;
150
- text-overflow: ellipsis;
151
- white-space: nowrap;
152
149
  flex: 1;
153
150
  margin-right: 16px;
154
151
  }
@@ -1,7 +1,7 @@
1
1
  import { assert, fixture, nextFrame, html } from '@open-wc/testing'
2
2
  import sinon from 'sinon'
3
3
  import type { Har } from 'har-format'
4
- import HarViewerElement, { HarTab } from '../../../src/elements/har/HarViewer.js'
4
+ import HarViewerElement from '../../../src/elements/har/HarViewer.js'
5
5
  import * as HarUtils from '../../../src/elements/har/HarUtils.js'
6
6
  import '../../../src/define/har/har-viewer.js'
7
7
 
@@ -655,60 +655,6 @@ describe('HarViewer', () => {
655
655
  })
656
656
  })
657
657
 
658
- describe('Entry details rendering', () => {
659
- let model: Har
660
- let details: HTMLElement
661
-
662
- before(async () => {
663
- model = await readHarFile(demo1file)
664
- })
665
-
666
- let element: HarViewerElement
667
- beforeEach(async () => {
668
- element = await basicFixture(model)
669
- const item = element.shadowRoot!.querySelector('.entry-item') as HTMLElement
670
- item.click()
671
- await nextFrame()
672
- details = element.shadowRoot!.querySelector('.entry-details')!
673
- })
674
-
675
- it('renders the request info tab by default', () => {
676
- const tabs = details.querySelector('ui-tabs')!
677
- assert.equal(tabs.selected, HarTab.request, 'has the selected tab')
678
- const title = details.querySelector('.entry-details-title')!.textContent!.trim()
679
- // assert.equal(title, 'Request on 15 Mar 2021, 13:04:59');
680
- assert.isNotEmpty(title)
681
- })
682
-
683
- it('renders the response info tab', async () => {
684
- const tab = details.querySelectorAll('ui-tabs ui-tab')[1] as HTMLElement
685
- tab.click()
686
- await nextFrame()
687
- const tabs = details.querySelector('ui-tabs')!
688
- assert.equal(tabs.selected, HarTab.response, 'has the selected tab')
689
- })
690
-
691
- it('renders the response content tab', async () => {
692
- const tab = details.querySelectorAll('ui-tabs ui-tab')[3] as HTMLElement
693
- tab.click()
694
- await nextFrame()
695
- const tabs = details.querySelector('ui-tabs')!
696
- assert.equal(tabs.selected, HarTab.responseContent, 'has the selected tab')!
697
- const content = details.querySelector('.details-content pre') as HTMLElement
698
- assert.ok(content, 'has the content element')
699
- })
700
-
701
- it('renders the cookies tab', async () => {
702
- const tab = details.querySelectorAll('ui-tabs ui-tab')[4] as HTMLElement
703
- tab.click()
704
- await nextFrame()
705
- const tabs = details.querySelector('ui-tabs')!
706
- assert.equal(tabs.selected, HarTab.cookies, 'has the selected tab')!
707
- const content = details.querySelector('.details-content .details-list') as HTMLElement
708
- assert.ok(content, 'has the content element')
709
- })
710
- })
711
-
712
658
  describe('a11y', () => {
713
659
  let model: Har
714
660