[TikiWiki-commits] [Git][tikiwiki/tiki][master] [FIX] Module RecordRTC: Improve recording state management and user warnings on page exit
"Adrien Mbuya Maloba \(@adrienmaloba\) via TikiWiki-cvs" <[email protected]> Thu, 30 Jul 2026 14:23:14 +0000
| Newsgroups | gmane.comp.cms.tiki.cvs |
|---|---|
| Message-ID | <6a6b5e529d293_3819d8f436813@gitlab-sidekiq-low-urgency-cpu-bound-v2-d97bdc48c-hjzzk.mail> |
--===============4747460431571564766==
Content-Type: multipart/alternative;
boundary="--==_mimepart_6a6b5e52eeeb_3819d8f4367df";
charset=UTF-8
Content-Transfer-Encoding: 7bit
----==_mimepart_6a6b5e52eeeb_3819d8f4367df
Content-Type: text/plain;
charset=UTF-8
Content-Transfer-Encoding: 7bit
Adrien Mbuya Maloba pushed to branch master at Tiki Wiki CMS Groupware / Tiki
Commits:
3c3db792 by UshindiG at 2026-07-30T17:06:03+03:00
[FIX] Module RecordRTC: Improve recording state management and user warnings on page exit
---
* [FIX] recordrtc: Improve recording state management and user warnings on page exit
See merge request tikiwiki/tiki!10226
- - - - -
3 changed files:
- lib/jquery_tiki/recordrtc.js
- templates/modules/mod-recordrtc.tpl
- themes/base_files/feature_css/recordrtc.css
Changes:
=====================================
lib/jquery_tiki/recordrtc.js
=====================================
@@ -25,6 +25,24 @@ let recordingStartTime;
let recordingTimerInterval;
let videoPreviewElements = {};
+// Keep page-exit protection and the module's fixed recording state in sync.
+function updateRecordingState(active, triggerElement) {
+ isRecording = active;
+
+ if (triggerElement) {
+ $(triggerElement).closest('.box-recordrtc').toggleClass('recordrtc-recording-active', active);
+ }
+}
+
+// Warn users before losing an in-progress recording by navigating away.
+window.addEventListener('beforeunload', function (event) {
+ if (!isRecording) {
+ return;
+ }
+
+ event.preventDefault();
+ event.returnValue = tr('A recording is in progress. Leaving this page will stop it.');
+});
function createVideoPreview(stream) {
const containerId = `video-preview-${recordingInstance.id}`;
@@ -498,6 +516,7 @@ class RecordBase {
}
startTimer() {
+ updateRecordingState(true, this.startButton);
this.recordingStartTime = Date.now();
const timerElement = $(`#recording-timer-${this.id}`);
@@ -520,6 +539,7 @@ class RecordBase {
}
stopRecording() {
+ updateRecordingState(false, this.startButton);
this.stopTimer();
recorder.stopRecording(() => {
=====================================
templates/modules/mod-recordrtc.tpl
=====================================
@@ -1,17 +1,17 @@
{if $show_recordrtc_module === true}
{tikimodule error=$module_error title=$tpl_module_title name="recordrtc" flip=$module_params.flip decorations=$module_params.decorations nobox=$module_params.nobox notitle=$module_params.notitle}
{if empty($module_error)}
- <div class="mb-3 row">
+ <div class="mb-3">
<input id="record-name" class="form-control" type="text" value="" placeholder="Record name">
</div>
- <div class="mb-3 row">
+ <div class="mb-3">
<select id="mod_record_rtc_recording_type" class="form-control">
{foreach from=$mod_recordrtc_recording_types item=type key=option}
<option value="{$option}">{tr}{$type}{/tr}</option>
{/foreach}
</select>
</div>
- <div class="mb-3 row">
+ <div class="mb-3">
<button id="btn-start-recording" class="btn btn-primary start-recording">
<span class="icon fa fa-video"></span> {tr}Start recording{/tr}
</button>
@@ -26,10 +26,10 @@
<div class="mb-3">
<input id="record-rtc-auto-upload" type="checkbox" class="form-check-input" aria-label="{tr}Auto-upload{/tr}" name="auto-upload"> {tr}Auto-upload{/tr}
</div>
- <div class="mb-3 row">
+ <div class="mb-3">
<span id="upload-feedback" style="width: 100%"></span>
</div>
- <div class="mb-3 row">
+ <div class="mb-3">
<button id="btn-upload-recording" class="btn btn-primary" style="display:none">
<span class="icon fa fa-upload"></span> {tr}Upload recording{/tr}
</button>
=====================================
themes/base_files/feature_css/recordrtc.css
=====================================
@@ -12,6 +12,18 @@
border-radius: 8px;
}
+/* Keep the stop button reachable after the user scrolls away from the module. */
+.box-recordrtc.recordrtc-recording-active {
+ position: fixed;
+ left: 1rem;
+ bottom: 1rem;
+ width: min(22rem, calc(100vw - 2rem));
+ max-height: calc(100vh - 2rem);
+ overflow-y: auto;
+ z-index: 1040;
+ box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
+}
+
.audio-icon {
background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
border-radius: 12px;
@@ -129,4 +141,3 @@ button:active {
margin: 0;
}
}
-
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6594fea3ad3ac4f26ce35
--
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6594fea3ad3ac4f26ce35
You're receiving this email because of your account on gitlab.com. Manage all notifications: https://gitlab.com/-/profile/notifications | Help: https://gitlab.com/help
----==_mimepart_6a6b5e52eeeb_3819d8f4367df
Content-Type: text/html;
charset=UTF-8
Content-Transfer-Encoding: quoted-printable
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www=
.w3.org/TR/REC-html40/loose.dtd">
<html lang=3D"en" style=3D'--code-editor-font: var(--default-mono-font, "=
GitLab Mono"), JetBrains Mono, Menlo, DejaVu Sans Mono, Liberation Mono, =
Consolas, Ubuntu Mono, Courier New, andale mono, lucida console, monospac=
e;'>
<head>
<meta content=3D"text/html; charset=3Dutf-8" http-equiv=3D"Content-Type">=
<title>
GitLab
</title>
<style data-premailer=3D"ignore" type=3D"text/css">
a { color: #1068bf; }
</style>
<style>img {
max-width: 100%; height: auto;
}
body {
font-size: .875rem;
}
body {
-webkit-text-shadow: hsla(0,0%,100%,.01) 0 0 1px;
}
body {
font-family: "GitLab Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Ro=
boto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Colo=
r Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size=
: inherit;
}
</style>
</head>
<body style=3D'font-size: inherit; -webkit-text-shadow: hsla(0,0%,100%,.0=
1) 0 0 1px; font-family: "GitLab Sans",-apple-system,BlinkMacSystemFont,"=
Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",sans-serif=
,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji=
";'>
<div class=3D"content">
<h3 style=3D"margin-top: 20px; margin-bottom: 10px;">
Adrien Mbuya Maloba pushed to branch master at <a href=3D"https://gitlab.=
com/tikiwiki/tiki">Tiki Wiki CMS Groupware / Tiki</a>
</h3>
<h4 style=3D"margin-top: 10px; margin-bottom: 10px;">
Commits:
</h4>
<ul>
<li>
<strong style=3D"font-weight: 600;"><a href=3D"https://gitlab.com/tikiwik=
i/tiki/-/commit/3c3db792c91e744625e6594fea3ad3ac4f26ce35">3c3db792</a></s=
trong>
<div>
<span> by UshindiG </span> <i> at 2026-07-30T17:06:03+03:00 </i>
</div>
<pre class=3D"commit-message" style=3D'white-space: pre-wrap; display: bl=
ock; font-size: 14px; color: #3a383f; position: relative; font-family: "G=
itLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liberation M=
ono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida co=
nsole", monospace; font-variant-ligatures: none; word-break: break-all; w=
ord-wrap: break-word; background-color: #fbfafd; border-radius: 2px; marg=
in: 0; padding: 8px 12px; border: 1px solid #dcdcde;'>[FIX] Module Record=
RTC: Improve recording state management and user warnings on page exit
---
* [FIX] recordrtc: Improve recording state management and user warnings o=
n page exit
See merge request tikiwiki/tiki!10226
</pre>
</li>
</ul>
<h4 style=3D"margin-top: 10px; margin-bottom: 10px;">
3 changed files:
</h4>
<ul>
<li class=3D"file-stats">
<a href=3D"#943b0b0ebf1ab9b29bb109051b1475822b7b402c">
lib/jquery_tiki/recordrtc.js
</a>
</li>
<li class=3D"file-stats">
<a href=3D"#dbc5723df3f6158574bf97603f711ec707e8a31e">
templates/modules/mod-recordrtc.tpl
</a>
</li>
<li class=3D"file-stats">
<a href=3D"#e7fa44241e61d97137aef878c62e2806945c8488">
themes/base_files/feature_css/recordrtc.css
</a>
</li>
</ul>
<h4 style=3D"margin-top: 10px; margin-bottom: 10px;">
Changes:
</h4>
<li id=3D"943b0b0ebf1ab9b29bb109051b1475822b7b402c">
<a href=3D"https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6=
594fea3ad3ac4f26ce35#943b0b0ebf1ab9b29bb109051b1475822b7b402c"><strong st=
yle=3D"font-weight: 600;">lib/jquery_tiki/recordrtc.js</strong></a>
<hr style=3D"overflow: hidden; border: 1px solid #dcdcde;">
<table class=3D"code white" style=3D"border-spacing: 0; border-collapse: =
collapse; width: auto; font-family: monospace; font-size: 90%;" bgcolor=3D=
"#ffffff" width=3D"100%" cellpadding=3D"0" cellspacing=3D"0">
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
25" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
25" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -25,6 +25,24 @@ let recordingStartTime=
;</td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"25" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
25
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"25" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
25
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"><span class=3D"kd" style=3D"font-weight: =
600;">let</span> <span class=3D"nx">recordingTimerInterval</span><span cl=
ass=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"26" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
26
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"26" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
26
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"><span class=3D"kd" style=3D"font-weight: =
600;">let</span> <span class=3D"nx">videoPreviewElements</span> <span cla=
ss=3D"o" style=3D"font-weight: 600;">=3D</span> <span class=3D"p">{};</sp=
an></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"27" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
27
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"27" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
27
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
28
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"c1=
" style=3D"color: #999988; font-style: italic;">// Keep page-exit protect=
ion and the module's fixed recording state in sync.</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"29" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
29
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"kd=
" style=3D"font-weight: 600;">function</span> <span class=3D"nf" style=3D=
"color: #990000; font-weight: 600;">updateRecordingState</span><span clas=
s=3D"p">(</span><span class=3D"nx">active</span><span class=3D"p">,</span=
> <span class=3D"nx">triggerElement</span><span class=3D"p">)</span> <spa=
n class=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"30" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
30
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"nx">isRecording</span> <span class=3D"o" style=3D"font-weight: 600;">=3D=
</span> <span class=3D"nx">active</span><span class=3D"p">;</span></span>=
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"31" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
31
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"32" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
32
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"k" style=3D"font-weight: 600;">if </span><span class=3D"p">(</span><span=
class=3D"nx">triggerElement</span><span class=3D"p">)</span> <span class=
=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"33" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
33
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span cla=
ss=3D"nf" style=3D"color: #990000; font-weight: 600;">$</span><span class=
=3D"p">(</span><span class=3D"nx">triggerElement</span><span class=3D"p">=
).</span><span class=3D"nf" style=3D"color: #990000; font-weight: 600;">c=
losest</span><span class=3D"p">(</span><span class=3D"dl">'</span><span c=
lass=3D"s1" style=3D"color: #dd1144;">.box-recordrtc</span><span class=3D=
"dl">'</span><span class=3D"p">).</span><span class=3D"nf" style=3D"color=
: #990000; font-weight: 600;">toggleClass</span><span class=3D"p">(</span=
><span class=3D"dl">'</span><span class=3D"s1" style=3D"color: #dd1144;">=
recordrtc-recording-active</span><span class=3D"dl">'</span><span class=3D=
"p">,</span> <span class=3D"nx">active</span><span class=3D"p">);</span><=
/span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"34" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
34
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"35" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
35
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"p"=
>}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"36" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
36
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"37" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
37
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"c1=
" style=3D"color: #999988; font-style: italic;">// Warn users before losi=
ng an in-progress recording by navigating away.</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"38" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
38
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"nb=
" style=3D"color: #0086b3;">window</span><span class=3D"p">.</span><span =
class=3D"nf" style=3D"color: #990000; font-weight: 600;">addEventListener=
</span><span class=3D"p">(</span><span class=3D"dl">'</span><span class=3D=
"s1" style=3D"color: #dd1144;">beforeunload</span><span class=3D"dl">'</s=
pan><span class=3D"p">,</span> <span class=3D"nf" style=3D"color: #990000=
; font-weight: 600;">function </span><span class=3D"p">(</span><span clas=
s=3D"nx">event</span><span class=3D"p">)</span> <span class=3D"p">{</span=
></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"39" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
39
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"k" style=3D"font-weight: 600;">if </span><span class=3D"p">(</span><span=
class=3D"o" style=3D"font-weight: 600;">!</span><span class=3D"nx">isRec=
ording</span><span class=3D"p">)</span> <span class=3D"p">{</span></span>=
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"40" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
40
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span cla=
ss=3D"k" style=3D"font-weight: 600;">return</span><span class=3D"p">;</sp=
an></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"41" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
41
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"42" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
42
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"43" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
43
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"nx">event</span><span class=3D"p">.</span><span class=3D"nf" style=3D"co=
lor: #990000; font-weight: 600;">preventDefault</span><span class=3D"p">(=
);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"44" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
44
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span class=3D=
"nx">event</span><span class=3D"p">.</span><span class=3D"nx">returnValue=
</span> <span class=3D"o" style=3D"font-weight: 600;">=3D</span> <span cl=
ass=3D"nf" style=3D"color: #990000; font-weight: 600;">tr</span><span cla=
ss=3D"p">(</span><span class=3D"dl">'</span><span class=3D"s1" style=3D"c=
olor: #dd1144;">A recording is in progress. Leaving this page will stop i=
t.</span><span class=3D"dl">'</span><span class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"28" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"45" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
45
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"><span class=3D"p"=
>});</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"28" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
28
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"46" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
46
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"29" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
29
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"47" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
47
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"><span class=3D"kd" style=3D"font-weight: =
600;">function</span> <span class=3D"nf" style=3D"color: #990000; font-we=
ight: 600;">createVideoPreview</span><span class=3D"p">(</span><span clas=
s=3D"nx">stream</span><span class=3D"p">)</span> <span class=3D"p">{</spa=
n></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"30" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
30
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"48" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
48
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"kd" style=3D"font-weig=
ht: 600;">const</span> <span class=3D"nx">containerId</span> <span class=3D=
"o" style=3D"font-weight: 600;">=3D</span> <span class=3D"s2" style=3D"co=
lor: #dd1144;">`video-preview-</span><span class=3D"p">${</span><span cla=
ss=3D"nx">recordingInstance</span><span class=3D"p">.</span><span class=3D=
"nx">id</span><span class=3D"p">}</span><span class=3D"s2" style=3D"color=
: #dd1144;">`</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
498" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
516" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -498,6 +516,7 @@ class RecordBase {</t=
d>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"498" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
498
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"516" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
516
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"499" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
499
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"517" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
517
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"500" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
500
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"518" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
518
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"nf" style=3D"color: #9=
90000; font-weight: 600;">startTimer</span><span class=3D"p">()</span> <s=
pan class=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"501" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"519" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#ddfbe6">
519
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span cla=
ss=3D"nf" style=3D"color: #990000; font-weight: 600;">updateRecordingStat=
e</span><span class=3D"p">(</span><span class=3D"kc" style=3D"font-weight=
: 600;">true</span><span class=3D"p">,</span> <span class=3D"k" style=3D"=
font-weight: 600;">this</span><span class=3D"p">.</span><span class=3D"nx=
">startButton</span><span class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"501" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
501
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"520" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
520
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"k" style=3D"font-w=
eight: 600;">this</span><span class=3D"p">.</span><span class=3D"nx">reco=
rdingStartTime</span> <span class=3D"o" style=3D"font-weight: 600;">=3D</=
span> <span class=3D"nb" style=3D"color: #0086b3;">Date</span><span class=
=3D"p">.</span><span class=3D"nf" style=3D"color: #990000; font-weight: 6=
00;">now</span><span class=3D"p">();</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"502" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
502
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"521" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
521
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"503" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
503
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"522" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
522
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"kd" style=3D"font-=
weight: 600;">const</span> <span class=3D"nx">timerElement</span> <span c=
lass=3D"o" style=3D"font-weight: 600;">=3D</span> <span class=3D"nf" styl=
e=3D"color: #990000; font-weight: 600;">$</span><span class=3D"p">(</span=
><span class=3D"s2" style=3D"color: #dd1144;">`#recording-timer-</span><s=
pan class=3D"p">${</span><span class=3D"k" style=3D"font-weight: 600;">th=
is</span><span class=3D"p">.</span><span class=3D"nx">id</span><span clas=
s=3D"p">}</span><span class=3D"s2" style=3D"color: #dd1144;">`</span><spa=
n class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
520" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
539" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -520,6 +539,7 @@ class RecordBase {</t=
d>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"520" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
520
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"539" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
539
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"521" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
521
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"540" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
540
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"522" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
522
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"541" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
541
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"nf" style=3D"color: #9=
90000; font-weight: 600;">stopRecording</span><span class=3D"p">()</span>=
<span class=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"523" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"542" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#ddfbe6">
542
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"javascript"> <span cla=
ss=3D"nf" style=3D"color: #990000; font-weight: 600;">updateRecordingStat=
e</span><span class=3D"p">(</span><span class=3D"kc" style=3D"font-weight=
: 600;">false</span><span class=3D"p">,</span> <span class=3D"k" style=3D=
"font-weight: 600;">this</span><span class=3D"p">.</span><span class=3D"n=
x">startButton</span><span class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"523" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
523
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"543" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
543
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"k" style=3D"font-w=
eight: 600;">this</span><span class=3D"p">.</span><span class=3D"nf" styl=
e=3D"color: #990000; font-weight: 600;">stopTimer</span><span class=3D"p"=
>();</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"524" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
524
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"544" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
544
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"525" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
525
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"545" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
545
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"javascript"> <span class=3D"nx">recorder</span=
><span class=3D"p">.</span><span class=3D"nf" style=3D"color: #990000; fo=
nt-weight: 600;">stopRecording</span><span class=3D"p">(()</span> <span c=
lass=3D"o" style=3D"font-weight: 600;">=3D></span> <span class=3D"p">{=
</span></span>
</pre></td>
</tr>
</table>
<br>
</li>
<li id=3D"dbc5723df3f6158574bf97603f711ec707e8a31e">
<a href=3D"https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6=
594fea3ad3ac4f26ce35#dbc5723df3f6158574bf97603f711ec707e8a31e"><strong st=
yle=3D"font-weight: 600;">templates/modules/mod-recordrtc.tpl</strong></a=
>
<hr style=3D"overflow: hidden; border: 1px solid #dcdcde;">
<table class=3D"code white" style=3D"border-spacing: 0; border-collapse: =
collapse; width: auto; font-family: monospace; font-size: 90%;" bgcolor=3D=
"#ffffff" width=3D"100%" cellpadding=3D"0" cellspacing=3D"0">
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"1" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
1
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"1" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
1
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"><span class=3D"k" style=3D"font-weight: 600;"=
>{</span><span class=3D"nb" style=3D"color: #0086b3;">if</span> <span cla=
ss=3D"nv" style=3D"color: #008080;">$show_recordrtc_module</span> <span c=
lass=3D"o" style=3D"font-weight: 600;">=3D=3D=3D</span> <span class=3D"kc=
" style=3D"font-weight: 600;">true</span><span class=3D"k" style=3D"font-=
weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"2" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
2
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"2" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
2
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"k" style=3D"font-weight: 6=
00;">{</span><span class=3D"na" style=3D"color: #008080;">tikimodule</spa=
n> <span class=3D"na" style=3D"color: #008080;">error</span><span class=3D=
"o" style=3D"font-weight: 600;">=3D</span><span class=3D"nv" style=3D"col=
or: #008080;">$module_error</span> <span class=3D"na" style=3D"color: #00=
8080;">title</span><span class=3D"o" style=3D"font-weight: 600;">=3D</spa=
n><span class=3D"nv" style=3D"color: #008080;">$tpl_module_title</span> <=
span class=3D"na" style=3D"color: #008080;">name</span><span class=3D"o" =
style=3D"font-weight: 600;">=3D</span><span class=3D"s2" style=3D"color: =
#dd1144;">"recordrtc"</span> <span class=3D"na" style=3D"color: #008080;"=
>flip</span><span class=3D"o" style=3D"font-weight: 600;">=3D</span><span=
class=3D"nv" style=3D"color: #008080;">$module_params.flip</span> <span =
class=3D"na" style=3D"color: #008080;">decorations</span><span class=3D"o=
" style=3D"font-weight: 600;">=3D</span><span class=3D"nv" style=3D"color=
: #008080;">$module_params.decorations</span> <span class=3D"na" style=3D=
"color: #008080;">nobox</span><span class=3D"o" style=3D"font-weight: 600=
;">=3D</span><span class=3D"nv" style=3D"color: #008080;">$module_params.=
nobox</span> <span class=3D"na" style=3D"color: #008080;">notitle</span><=
span class=3D"o" style=3D"font-weight: 600;">=3D</span><span class=3D"nv"=
style=3D"color: #008080;">$module_params.notitle</span><span class=3D"k"=
style=3D"font-weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"3" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
3
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"3" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
3
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"k" style=3D"font-weigh=
t: 600;">{</span><span class=3D"nb" style=3D"color: #0086b3;">if</span> <=
span class=3D"na" style=3D"color: #008080;">empty</span><span class=3D"o"=
style=3D"font-weight: 600;">(</span><span class=3D"nv" style=3D"color: #=
008080;">$module_error</span><span class=3D"o" style=3D"font-weight: 600;=
">)</span><span class=3D"k" style=3D"font-weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"4" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#f9d7dc">
4
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"4" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3<span class=3D"idiff left right deletion" style=3D"backgrou=
nd-color: #fac5cd;"> row</span>"</span><span class=3D"nt" style=3D"color:=
#000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"5" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"4" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#ddfbe6">
4
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3"</span><span class=3D"nt" style=3D"color: #000080;">></=
span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"5" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
5
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"5" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
5
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><input</span> <span class=3D"na" style=3D"color: #0080=
80;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"record-name=
"</span> <span class=3D"na" style=3D"color: #008080;">class=3D</span><spa=
n class=3D"s" style=3D"color: #dd1144;">"form-control"</span> <span class=
=3D"na" style=3D"color: #008080;">type=3D</span><span class=3D"s" style=3D=
"color: #dd1144;">"text"</span> <span class=3D"na" style=3D"color: #00808=
0;">value=3D</span><span class=3D"s" style=3D"color: #dd1144;">""</span> =
<span class=3D"na" style=3D"color: #008080;">placeholder=3D</span><span c=
lass=3D"s" style=3D"color: #dd1144;">"Record name"</span><span class=3D"n=
t" style=3D"color: #000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"6" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
6
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"6" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
6
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"color=
: #000080;"></div></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"7" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#f9d7dc">
7
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"7" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3<span class=3D"idiff left right deletion" style=3D"backgrou=
nd-color: #fac5cd;"> row</span>"</span><span class=3D"nt" style=3D"color:=
#000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"8" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"7" style=3D"w=
idth: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right=
-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"r=
ight" bgcolor=3D"#ddfbe6">
7
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3"</span><span class=3D"nt" style=3D"color: #000080;">></=
span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"8" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
8
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"8" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
8
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><select</span> <span class=3D"na" style=3D"color: #008=
080;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"mod_record=
_rtc_recording_type"</span> <span class=3D"na" style=3D"color: #008080;">=
class=3D</span><span class=3D"s" style=3D"color: #dd1144;">"form-control"=
</span><span class=3D"nt" style=3D"color: #000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"9" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
9
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"9" style=3D"width=
: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-col=
or: #ececef; border-right-style: solid; padding: inherit;" align=3D"right=
" bgcolor=3D"#fbfafd">
9
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"k" style=3D=
"font-weight: 600;">{</span><span class=3D"nb" style=3D"color: #0086b3;">=
foreach</span> <span class=3D"na" style=3D"color: #008080;">from</span><s=
pan class=3D"o" style=3D"font-weight: 600;">=3D</span><span class=3D"nv" =
style=3D"color: #008080;">$mod_recordrtc_recording_types</span> <span cla=
ss=3D"na" style=3D"color: #008080;">item</span><span class=3D"o" style=3D=
"font-weight: 600;">=3D</span><span class=3D"na" style=3D"color: #008080;=
">type</span> <span class=3D"na" style=3D"color: #008080;">key</span><spa=
n class=3D"o" style=3D"font-weight: 600;">=3D</span><span class=3D"na" st=
yle=3D"color: #008080;">option</span><span class=3D"k" style=3D"font-weig=
ht: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"10" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
10
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"10" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
10
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" st=
yle=3D"color: #000080;"><option</span> <span class=3D"na" style=3D"col=
or: #008080;">value=3D</span><span class=3D"s" style=3D"color: #dd1144;">=
"</span><span class=3D"k" style=3D"font-weight: 600;">{</span><span class=
=3D"nv" style=3D"color: #008080;">$option</span><span class=3D"k" style=3D=
"font-weight: 600;">}</span><span class=3D"s" style=3D"color: #dd1144;">"=
</span><span class=3D"nt" style=3D"color: #000080;">></span><span clas=
s=3D"k" style=3D"font-weight: 600;">{</span><span class=3D"na" style=3D"c=
olor: #008080;">tr</span><span class=3D"k" style=3D"font-weight: 600;">}{=
</span><span class=3D"nv" style=3D"color: #008080;">$type</span><span cla=
ss=3D"k" style=3D"font-weight: 600;">}{/</span><span class=3D"na" style=3D=
"color: #008080;">tr</span><span class=3D"k" style=3D"font-weight: 600;">=
}</span><span class=3D"nt" style=3D"color: #000080;"></option></spa=
n></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"11" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
11
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"11" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
11
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"k" style=3D=
"font-weight: 600;">{/</span><span class=3D"nb" style=3D"color: #0086b3;"=
>foreach</span><span class=3D"k" style=3D"font-weight: 600;">}</span></sp=
an>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"12" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
12
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"12" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
12
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"></select></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"13" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
13
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"13" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
13
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"color=
: #000080;"></div></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"14" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
14
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"14" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3<span class=3D"idiff left right deletion" style=3D"backgrou=
nd-color: #fac5cd;"> row</span>"</span><span class=3D"nt" style=3D"color:=
#000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"14" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
14
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3"</span><span class=3D"nt" style=3D"color: #000080;">></=
span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"15" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
15
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"15" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
15
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><button</span> <span class=3D"na" style=3D"color: #008=
080;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"btn-start-=
recording"</span> <span class=3D"na" style=3D"color: #008080;">class=3D</=
span><span class=3D"s" style=3D"color: #dd1144;">"btn btn-primary start-r=
ecording"</span><span class=3D"nt" style=3D"color: #000080;">></span><=
/span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"16" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
16
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"16" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
16
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D=
"color: #000080;"><span</span> <span class=3D"na" style=3D"color: #008=
080;">class=3D</span><span class=3D"s" style=3D"color: #dd1144;">"icon fa=
fa-video"</span><span class=3D"nt" style=3D"color: #000080;">></sp=
an></span> <span class=3D"k" style=3D"font-weight: 600;">{</span><span=
class=3D"na" style=3D"color: #008080;">tr</span><span class=3D"k" style=3D=
"font-weight: 600;">}</span>Start recording<span class=3D"k" style=3D"fon=
t-weight: 600;">{/</span><span class=3D"na" style=3D"color: #008080;">tr<=
/span><span class=3D"k" style=3D"font-weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"17" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
17
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"17" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
17
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"></button></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
26" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
26" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -26,10 +26,10 @@</td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"26" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
26
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"26" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
26
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"color=
: #000080;"><div</span> <span class=3D"na" style=3D"color: #008080;">c=
lass=3D</span><span class=3D"s" style=3D"color: #dd1144;">"mb-3"</span><s=
pan class=3D"nt" style=3D"color: #000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"27" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
27
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"27" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
27
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><input</span> <span class=3D"na" style=3D"color: #0080=
80;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"record-rtc-=
auto-upload"</span> <span class=3D"na" style=3D"color: #008080;">type=3D<=
/span><span class=3D"s" style=3D"color: #dd1144;">"checkbox"</span> <span=
class=3D"na" style=3D"color: #008080;">class=3D</span><span class=3D"s" =
style=3D"color: #dd1144;">"form-check-input"</span> <span class=3D"na" st=
yle=3D"color: #008080;">aria-label=3D</span><span class=3D"s" style=3D"co=
lor: #dd1144;">"</span><span class=3D"k" style=3D"font-weight: 600;">{</s=
pan><span class=3D"na" style=3D"color: #008080;">tr</span><span class=3D"=
k" style=3D"font-weight: 600;">}</span><span class=3D"s" style=3D"color: =
#dd1144;">Auto-upload</span><span class=3D"k" style=3D"font-weight: 600;"=
>{/</span><span class=3D"na" style=3D"color: #008080;">tr</span><span cla=
ss=3D"k" style=3D"font-weight: 600;">}</span><span class=3D"s" style=3D"c=
olor: #dd1144;">"</span> <span class=3D"na" style=3D"color: #008080;">nam=
e=3D</span><span class=3D"s" style=3D"color: #dd1144;">"auto-upload"</spa=
n><span class=3D"nt" style=3D"color: #000080;">></span> <span class=3D=
"k" style=3D"font-weight: 600;">{</span><span class=3D"na" style=3D"color=
: #008080;">tr</span><span class=3D"k" style=3D"font-weight: 600;">}</spa=
n>Auto-upload<span class=3D"k" style=3D"font-weight: 600;">{/</span><span=
class=3D"na" style=3D"color: #008080;">tr</span><span class=3D"k" style=3D=
"font-weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"28" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
28
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"28" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
28
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"color=
: #000080;"></div></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"29" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
29
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"29" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3<span class=3D"idiff left right deletion" style=3D"backgrou=
nd-color: #fac5cd;"> row</span>"</span><span class=3D"nt" style=3D"color:=
#000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"30" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"29" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
29
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3"</span><span class=3D"nt" style=3D"color: #000080;">></=
span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"30" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
30
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"30" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
30
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><span</span> <span class=3D"na" style=3D"color: #00808=
0;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"upload-feedb=
ack"</span> <span class=3D"na" style=3D"color: #008080;">style=3D</span><=
span class=3D"s" style=3D"color: #dd1144;">"width: 100%"</span><span clas=
s=3D"nt" style=3D"color: #000080;">></span></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"31" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
31
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"31" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
31
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"color=
: #000080;"></div></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"32" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
32
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"32" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3<span class=3D"idiff left right deletion" style=3D"backgrou=
nd-color: #fac5cd;"> row</span>"</span><span class=3D"nt" style=3D"color:=
#000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"33" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"32" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
32
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"smarty"> <span cla=
ss=3D"nt" style=3D"color: #000080;"><div</span> <span class=3D"na" sty=
le=3D"color: #008080;">class=3D</span><span class=3D"s" style=3D"color: #=
dd1144;">"mb-3"</span><span class=3D"nt" style=3D"color: #000080;">></=
span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"33" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
33
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"33" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
33
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"><button</span> <span class=3D"na" style=3D"color: #008=
080;">id=3D</span><span class=3D"s" style=3D"color: #dd1144;">"btn-upload=
-recording"</span> <span class=3D"na" style=3D"color: #008080;">class=3D<=
/span><span class=3D"s" style=3D"color: #dd1144;">"btn btn-primary"</span=
> <span class=3D"na" style=3D"color: #008080;">style=3D</span><span class=
=3D"s" style=3D"color: #dd1144;">"display:none"</span><span class=3D"nt" =
style=3D"color: #000080;">></span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"34" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
34
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"34" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
34
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D=
"color: #000080;"><span</span> <span class=3D"na" style=3D"color: #008=
080;">class=3D</span><span class=3D"s" style=3D"color: #dd1144;">"icon fa=
fa-upload"</span><span class=3D"nt" style=3D"color: #000080;">></s=
pan></span> <span class=3D"k" style=3D"font-weight: 600;">{</span><spa=
n class=3D"na" style=3D"color: #008080;">tr</span><span class=3D"k" style=
=3D"font-weight: 600;">}</span>Upload recording<span class=3D"k" style=3D=
"font-weight: 600;">{/</span><span class=3D"na" style=3D"color: #008080;"=
>tr</span><span class=3D"k" style=3D"font-weight: 600;">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"35" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
35
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"35" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
35
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"smarty"> <span class=3D"nt" style=3D"c=
olor: #000080;"></button></span></span>
</pre></td>
</tr>
</table>
<br>
</li>
<li id=3D"e7fa44241e61d97137aef878c62e2806945c8488">
<a href=3D"https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6=
594fea3ad3ac4f26ce35#e7fa44241e61d97137aef878c62e2806945c8488"><strong st=
yle=3D"font-weight: 600;">themes/base_files/feature_css/recordrtc.css</st=
rong></a>
<hr style=3D"overflow: hidden; border: 1px solid #dcdcde;">
<table class=3D"code white" style=3D"border-spacing: 0; border-collapse: =
collapse; width: auto; font-family: monospace; font-size: 90%;" bgcolor=3D=
"#ffffff" width=3D"100%" cellpadding=3D"0" cellspacing=3D"0">
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
12" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
12" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px=
; border-right-color: #ececef; border-right-style: solid; padding: inheri=
t;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -12,6 +12,18 @@</td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"12" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
12
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"12" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
12
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"> <span class=3D"nl">border-radius</span><span=
class=3D"p">:</span> <span class=3D"m" style=3D"color: #009999;">8px</sp=
an><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"13" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
13
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"13" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
13
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"><span class=3D"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"14" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
14
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"14" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
14
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
15
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"><span class=3D"c" style=3D=
"color: #999988; font-style: italic;">/* Keep the stop button reachable a=
fter the user scrolls away from the module. */</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"16" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
16
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"><span class=3D"nc" style=
=3D"color: #445588; font-weight: 600;">.box-recordrtc.recordrtc-recording=
-active</span> <span class=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"17" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
17
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">p=
osition</span><span class=3D"p">:</span> <span class=3D"nb" style=3D"colo=
r: #0086b3;">fixed</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"18" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
18
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">l=
eft</span><span class=3D"p">:</span> <span class=3D"m" style=3D"color: #0=
09999;">1rem</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"19" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
19
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">b=
ottom</span><span class=3D"p">:</span> <span class=3D"m" style=3D"color: =
#009999;">1rem</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"20" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
20
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">w=
idth</span><span class=3D"p">:</span> <span class=3D"nf" style=3D"color: =
#990000; font-weight: 600;">min</span><span class=3D"p">(</span><span cla=
ss=3D"m" style=3D"color: #009999;">22rem</span><span class=3D"p">,</span>=
<span class=3D"nf" style=3D"color: #990000; font-weight: 600;">calc</spa=
n><span class=3D"p">(</span><span class=3D"m" style=3D"color: #009999;">1=
00vw</span> <span class=3D"o" style=3D"font-weight: 600;">-</span> <span =
class=3D"m" style=3D"color: #009999;">2rem</span><span class=3D"p">));</s=
pan></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"21" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
21
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">m=
ax-height</span><span class=3D"p">:</span> <span class=3D"nf" style=3D"co=
lor: #990000; font-weight: 600;">calc</span><span class=3D"p">(</span><sp=
an class=3D"m" style=3D"color: #009999;">100vh</span> <span class=3D"o" s=
tyle=3D"font-weight: 600;">-</span> <span class=3D"m" style=3D"color: #00=
9999;">2rem</span><span class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"22" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
22
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">o=
verflow-y</span><span class=3D"p">:</span> <span class=3D"nb" style=3D"co=
lor: #0086b3;">auto</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"23" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
23
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">z=
-index</span><span class=3D"p">:</span> <span class=3D"m" style=3D"color:=
#009999;">1040</span><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"24" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
24
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"> <span class=3D"nl">b=
ox-shadow</span><span class=3D"p">:</span> <span class=3D"m" style=3D"col=
or: #009999;">0</span> <span class=3D"m" style=3D"color: #009999;">0.5rem=
</span> <span class=3D"m" style=3D"color: #009999;">1.5rem</span> <span c=
lass=3D"nf" style=3D"color: #990000; font-weight: 600;">rgba</span><span =
class=3D"p">(</span><span class=3D"m" style=3D"color: #009999;">0</span><=
span class=3D"p">,</span> <span class=3D"m" style=3D"color: #009999;">0</=
span><span class=3D"p">,</span> <span class=3D"m" style=3D"color: #009999=
;">0</span><span class=3D"p">,</span> <span class=3D"m" style=3D"color: #=
009999;">0.25</span><span class=3D"p">);</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"25" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
25
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"><span class=3D"p">}</spa=
n></span>
</pre></td>
</tr>
<tr class=3D"line_holder new" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num new" data-linenumber=3D"15" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
=
</td>
<td class=3D"new_line diff-line-num new" data-linenumber=3D"26" style=3D"=
width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-righ=
t-color: #c7f0d2; border-right-style: solid; padding: inherit;" align=3D"=
right" bgcolor=3D"#ddfbe6">
26
</td>
<td class=3D"line_content new" style=3D"padding: inherit;" bgcolor=3D"#ec=
fdf0"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>+<span class=3D"line" data-lang=3D"css"></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"15" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
15
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"27" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
27
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"><span class=3D"nc" style=3D"color: #445588; font=
-weight: 600;">.audio-icon</span> <span class=3D"p">{</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"16" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
16
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"28" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
28
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"> <span class=3D"nl">background</span><span cl=
ass=3D"p">:</span> <span class=3D"nf" style=3D"color: #990000; font-weigh=
t: 600;">linear-gradient</span><span class=3D"p">(</span><span class=3D"m=
" style=3D"color: #009999;">135deg</span><span class=3D"p">,</span> <span=
class=3D"nx">#0d6efd</span> <span class=3D"m" style=3D"color: #009999;">=
0%</span><span class=3D"p">,</span> <span class=3D"nx">#0a58ca</span> <sp=
an class=3D"m" style=3D"color: #009999;">100%</span><span class=3D"p">);<=
/span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"17" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
17
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"29" style=3D"widt=
h: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-co=
lor: #ececef; border-right-style: solid; padding: inherit;" align=3D"righ=
t" bgcolor=3D"#fbfafd">
29
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"> <span class=3D"nl">border-radius</span><span=
class=3D"p">:</span> <span class=3D"m" style=3D"color: #009999;">12px</s=
pan><span class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder match" style=3D"line-height: 1.6;">
<td class=3D"diff-line-num unfold js-unfold old_line" data-linenumber=3D"=
129" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"diff-line-num unfold js-unfold new_line" data-linenumber=3D"=
141" style=3D"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1p=
x; border-right-color: #ececef; border-right-style: solid; padding: inher=
it;" align=3D"right" bgcolor=3D"#fbfafd">...</td>
<td class=3D"line_content match" style=3D"color: rgba(5,5,6,.24); padding=
: inherit;" bgcolor=3D"#fbfafd">@@ -129,4 +141,3 @@ button:active {</td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"129" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
129
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"141" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
141
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"> <span class=3D"nl">margin</span><span cl=
ass=3D"p">:</span> <span class=3D"m" style=3D"color: #009999;">0</span><s=
pan class=3D"p">;</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"130" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
130
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"142" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
142
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"> <span class=3D"p">}</span></span>
</pre></td>
</tr>
<tr class=3D"line_holder" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num" data-linenumber=3D"131" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
131
</td>
<td class=3D"new_line diff-line-num" data-linenumber=3D"143" style=3D"wid=
th: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-right-c=
olor: #ececef; border-right-style: solid; padding: inherit;" align=3D"rig=
ht" bgcolor=3D"#fbfafd">
143
</td>
<td class=3D"line_content" style=3D"padding: inherit;"><pre style=3D'disp=
lay: block; font-size: 14px; color: #3a383f; position: relative; font-fam=
ily: "GitLab Mono", "JetBrains Mono", "Menlo", "DejaVu Sans Mono", "Liber=
ation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lu=
cida console", monospace; font-variant-ligatures: none; word-break: break=
-all; word-wrap: break-word; background-color: inherit; border-radius: 2p=
x; margin: 0; padding: 0; border: inherit solid #dcdcde;'> <span class=3D=
"line" data-lang=3D"css"><span class=3D"p">}</span></span></pre></td>
</tr>
<tr class=3D"line_holder old" style=3D"line-height: 1.6;">
<td class=3D"old_line diff-line-num old" data-linenumber=3D"132" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#f9d7dc">
132
</td>
<td class=3D"new_line diff-line-num old" data-linenumber=3D"144" style=3D=
"width: 35px; color: rgba(5,5,6,.24); border-right-width: 1px; border-rig=
ht-color: #fac5cd; border-right-style: solid; padding: inherit;" align=3D=
"right" bgcolor=3D"#f9d7dc">
=
</td>
<td class=3D"line_content old" style=3D"padding: inherit;" bgcolor=3D"#fb=
e9eb"><pre style=3D'display: block; font-size: 14px; color: #3a383f; posi=
tion: relative; font-family: "GitLab Mono", "JetBrains Mono", "Menlo", "D=
ejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier =
New", "andale mono", "lucida console", monospace; font-variant-ligatures:=
none; word-break: break-all; word-wrap: break-word; background-color: in=
herit; border-radius: 2px; margin: 0; padding: 0; border: inherit solid #=
dcdcde;'>-<span class=3D"line" data-lang=3D"css"></span></pre></td>
</tr>
</table>
<br>
</li>
</div>
<div class=3D"footer" style=3D"margin-top: 10px;">
<p style=3D"font-size: small; color: #626168;">
=E2=80=94
<br>
<a href=3D"https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6=
594fea3ad3ac4f26ce35">View it on GitLab</a>.
<br>
You're receiving this email because of your account on <a target=3D"_blan=
k" rel=3D"noopener noreferrer" href=3D"https://gitlab.com">gitlab.com</a>=
. <a href=3D"https://gitlab.com/-/profile/notifications" target=3D"_blank=
" rel=3D"noopener noreferrer" class=3D"mng-notif-link">Manage all notific=
ations</a> =C2=B7 <a href=3D"https://gitlab.com/help" target=3D"_blank" r=
el=3D"noopener noreferrer" class=3D"help-link">Help</a>
<span style=3D"color: transparent; font-size: 0; display: none; overflow:=
hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0;">
Notification message regarding https://gitlab.com/tikiwiki/tiki/-/commit/=
3c3db792c91e744625e6594fea3ad3ac4f26ce35 at 1785421394
</span>
<script type=3D"application/ld+json">{"@context":"http://schema.org","@ty=
pe":"EmailMessage","action":{"@type":"ViewAction","name":"View Commit","u=
rl":"https://gitlab.com/tikiwiki/tiki/-/commit/3c3db792c91e744625e6594fea=
3ad3ac4f26ce35"}}</script>
</p>
</div>
</body>
</html>
----==_mimepart_6a6b5e52eeeb_3819d8f4367df--
--===============4747460431571564766==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
--===============4747460431571564766==
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline
_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs
--===============4747460431571564766==--