@webitel/ui-sdk 24.4.34 → 24.4.36

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "24.4.34",
3
+ "version": "24.4.36",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -23,7 +23,7 @@
23
23
  </div>
24
24
  </div>
25
25
  <wt-expand-transition
26
- v-if="opened"
26
+ v-show="opened"
27
27
  >
28
28
  <div
29
29
  class="wt-expansion-panel-body"
@@ -109,8 +109,8 @@ export default {
109
109
  if (this.player) this.player.destroy();
110
110
  const controls = [
111
111
  'play-large', 'play', 'progress', 'current-time',
112
- 'mute', 'volume', 'captions', 'settings', 'pip',
113
- 'airplay', 'fullscreen',
112
+ 'duration', 'mute', 'volume', 'captions', 'settings',
113
+ 'pip', 'airplay', 'fullscreen'
114
114
  ];
115
115
  if (this.download) controls.push('download');
116
116
  this.player = new Plyr(this.$refs.player, {
@@ -186,13 +186,15 @@ export default {
186
186
  box-shadow: var(--elevation-10);
187
187
  }
188
188
 
189
- .plyr__controls .plyr__control {
189
+ .plyr__controls > .plyr__control,
190
+ .plyr__controls > .plyr__controls__item > .plyr__control {
190
191
  padding: var(--plyr-controls-icon-padding);
192
+ }
191
193
 
192
- svg {
193
- height: var(--plyr-controls-icon-size);
194
- width: var(--plyr-controls-icon-size);
195
- }
194
+ .plyr__controls > .plyr__control > svg,
195
+ .plyr__controls > .plyr__controls__item > .plyr__control > svg {
196
+ height: var(--plyr-controls-icon-size);
197
+ width: var(--plyr-controls-icon-size);
196
198
  }
197
199
 
198
200
  .plyr__control--overlaid svg {