labmaker-plugin 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/labmaker-plugin.js +286 -174
  2. package/dist/labmaker-plugin.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +3 -2
package/dist/labmaker-plugin.js CHANGED
@@ -1,10 +1,10 @@
1
- import { openBlock as s, createElementBlock as o, Fragment as k, createElementVNode as r, toDisplayString as p, normalizeClass as _, createCommentVNode as l, resolveComponent as b, normalizeStyle as y, createBlock as w, withModifiers as x, withCtx as f, createTextVNode as T, createVNode as H, renderList as L } from "vue";
2
- const g = (t, n) => {
3
- const e = t.__vccOpts || t;
4
- for (const [d, a] of n)
5
- e[d] = a;
6
- return e;
7
- }, S = {
1
+ import { openBlock as o, createElementBlock as a, Fragment as b, createElementVNode as r, toDisplayString as T, resolveComponent as g, createBlock as y, withCtx as m, createVNode as p, withModifiers as w, createTextVNode as C, normalizeClass as k, createCommentVNode as _, normalizeStyle as v, renderList as L } from "vue";
2
+ const f = (e, n) => {
3
+ const t = e.__vccOpts || e;
4
+ for (const [l, s] of n)
5
+ t[l] = s;
6
+ return t;
7
+ }, F = {
8
8
  props: ["custom-img"],
9
9
  data() {
10
10
  return {
@@ -13,54 +13,106 @@ const g = (t, n) => {
13
13
  },
14
14
  computed: {},
15
15
  methods: {
16
- fileUpload(t) {
17
- const e = t.target.files[0];
18
- this.fileProcess(e);
16
+ fileUpload(e) {
17
+ const t = e.target.files[0];
18
+ this.fileProcess(t);
19
19
  },
20
- fileProcess(t) {
21
- this.imgSRC = URL.createObjectURL(t);
20
+ fileProcess(e) {
21
+ this.imgSRC = URL.createObjectURL(e);
22
22
  }
23
23
  },
24
24
  mounted() {
25
25
  }
26
- }, C = /* @__PURE__ */ r("h1", null, "File Uploader", -1), F = { class: "image-uploader" }, M = /* @__PURE__ */ r("h1", null, "File Uploader", -1), I = { class: "your-file" }, V = ["src"];
27
- function A(t, n, e, d, a, i) {
28
- return s(), o(k, null, [
29
- C,
30
- r("div", F, [
31
- M,
26
+ }, I = /* @__PURE__ */ r("h1", null, "File Uploader", -1), M = { class: "image-uploader" }, P = /* @__PURE__ */ r("h1", null, "File Uploader", -1), V = { class: "your-file" }, A = ["src"];
27
+ function $(e, n, t, l, s, i) {
28
+ return o(), a(b, null, [
29
+ I,
30
+ r("div", M, [
31
+ P,
32
32
  r("input", {
33
- onChange: n[0] || (n[0] = (...u) => i.fileUpload && i.fileUpload(...u)),
33
+ onChange: n[0] || (n[0] = (...h) => i.fileUpload && i.fileUpload(...h)),
34
34
  type: "file",
35
35
  id: "file-upload",
36
36
  name: "fileUpload",
37
37
  accept: "image/*"
38
38
  }, null, 32),
39
- r("div", I, [
39
+ r("div", V, [
40
40
  r("img", {
41
- src: a.imgSRC,
41
+ src: s.imgSRC,
42
42
  alt: "",
43
43
  scrset: ""
44
- }, null, 8, V)
44
+ }, null, 8, A)
45
45
  ])
46
46
  ])
47
47
  ], 64);
48
48
  }
49
- const K = /* @__PURE__ */ g(S, [["render", A]]);
50
- const B = {
49
+ const B = /* @__PURE__ */ f(F, [["render", $]]);
50
+ const K = {
51
51
  props: ["title"],
52
52
  data() {
53
53
  return {};
54
54
  },
55
55
  computed: {}
56
56
  };
57
- function P(t, n, e, d, a, i) {
58
- return s(), o("header", null, [
59
- r("h1", null, p(e.title), 1)
57
+ function R(e, n, t, l, s, i) {
58
+ return o(), a("header", null, [
59
+ r("h1", null, T(t.title), 1)
60
60
  ]);
61
61
  }
62
- const U = /* @__PURE__ */ g(B, [["render", P]]);
62
+ const U = /* @__PURE__ */ f(K, [["render", R]]);
63
63
  const W = {
64
+ data() {
65
+ return {};
66
+ },
67
+ computed: {
68
+ totalPages() {
69
+ return this.$store.getters.getPageCount ? this.$store.getters.getPageCount : 0;
70
+ },
71
+ currentPage() {
72
+ return this.$store.getters.getCurrentPage ? this.$store.getters.getCurrentPage + 1 : 1;
73
+ },
74
+ pagerCount() {
75
+ return this.$store.getters.getPagerCount ? this.$store.getters.getPagerCount : 0;
76
+ }
77
+ },
78
+ methods: {
79
+ handleCurrentChange(e) {
80
+ this.$store.commit("setCurrentPage", e - 1);
81
+ },
82
+ changePage(e) {
83
+ console.log("headed to: ", e), this.$store.commit("setCurrentPage", e);
84
+ }
85
+ }
86
+ };
87
+ function D(e, n, t, l, s, i) {
88
+ const h = g("el-col"), d = g("el-button"), c = g("el-row");
89
+ return o(), y(c, { gutter: 20 }, {
90
+ default: m(() => [
91
+ p(h, { span: 18 }),
92
+ p(h, {
93
+ span: 6,
94
+ class: "homeButtonContainer"
95
+ }, {
96
+ default: m(() => [
97
+ p(d, {
98
+ type: "primary ",
99
+ onClick: n[0] || (n[0] = w((u) => i.changePage(0), ["stop"])),
100
+ class: "homeButton"
101
+ }, {
102
+ default: m(() => [
103
+ C("Return to Crime Screen")
104
+ ]),
105
+ _: 1
106
+ })
107
+ ]),
108
+ _: 1
109
+ })
110
+ ]),
111
+ _: 1
112
+ });
113
+ }
114
+ const H = /* @__PURE__ */ f(W, [["render", D]]);
115
+ const E = {
64
116
  props: ["content"],
65
117
  data() {
66
118
  return {};
@@ -71,8 +123,8 @@ const W = {
71
123
  }
72
124
  },
73
125
  methods: {
74
- pixelFormat(t) {
75
- return typeof t == "number" ? t + "px" : t;
126
+ pixelFormat(e) {
127
+ return typeof e == "number" ? e + "px" : e;
76
128
  },
77
129
  checkStepper() {
78
130
  this.$store.dispatch("lastPageFocus", {});
@@ -81,35 +133,35 @@ const W = {
81
133
  mounted() {
82
134
  this.checkStepper();
83
135
  }
84
- }, E = { class: "image-container" }, z = { class: "image" }, D = ["src", "alt"], N = ["innerHTML"], R = ["innerHTML"], O = ["innerHTML"];
85
- function $(t, n, e, d, a, i) {
86
- return s(), o("div", E, [
87
- r("div", z, [
136
+ }, z = { class: "image-container" }, N = { class: "image" }, O = ["src", "alt"], Y = ["innerHTML"], j = ["innerHTML"], X = ["innerHTML"];
137
+ function G(e, n, t, l, s, i) {
138
+ return o(), a("div", z, [
139
+ r("div", N, [
88
140
  r("img", {
89
- src: e.content.src,
90
- alt: e.content.alt,
91
- class: _(e.content.class)
92
- }, null, 10, D),
93
- e.content.captionHeader ? (s(), o("span", {
141
+ src: t.content.src,
142
+ alt: t.content.alt,
143
+ class: k(t.content.class)
144
+ }, null, 10, O),
145
+ t.content.captionHeader ? (o(), a("span", {
94
146
  key: 0,
95
147
  class: "captionHeader",
96
- innerHTML: e.content.captionHeader
97
- }, null, 8, N)) : l("", !0),
98
- e.content.caption ? (s(), o("span", {
148
+ innerHTML: t.content.captionHeader
149
+ }, null, 8, Y)) : _("", !0),
150
+ t.content.caption ? (o(), a("span", {
99
151
  key: 1,
100
152
  class: "caption",
101
- innerHTML: e.content.caption
102
- }, null, 8, R)) : l("", !0),
103
- e.content.copyright ? (s(), o("span", {
153
+ innerHTML: t.content.caption
154
+ }, null, 8, j)) : _("", !0),
155
+ t.content.copyright ? (o(), a("span", {
104
156
  key: 2,
105
- innerHTML: e.content.copyright,
157
+ innerHTML: t.content.copyright,
106
158
  class: "copyright"
107
- }, null, 8, O)) : l("", !0)
159
+ }, null, 8, X)) : _("", !0)
108
160
  ])
109
161
  ]);
110
162
  }
111
- const j = /* @__PURE__ */ g(W, [["render", $], ["__scopeId", "data-v-6d545532"]]);
112
- const Y = {
163
+ const J = /* @__PURE__ */ f(E, [["render", G], ["__scopeId", "data-v-6d545532"]]);
164
+ const q = {
113
165
  props: ["content"],
114
166
  //moduleLessonPage
115
167
  data() {
@@ -133,14 +185,14 @@ const Y = {
133
185
  kHeight() {
134
186
  if (this.content.kalturaType === "video")
135
187
  if (this.content.height && this.content.height != "") {
136
- let t = this.content.height;
137
- return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.height;
188
+ let e = this.content.height;
189
+ return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
138
190
  } else
139
191
  return this.video.height;
140
192
  else if (this.content.kalturaType === "audio")
141
193
  if (this.content.height && this.content.height != "") {
142
- let t = this.content.height;
143
- return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.height;
194
+ let e = this.content.height;
195
+ return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.height;
144
196
  } else
145
197
  return this.audio.height;
146
198
  else if (this.content.kalturaType === "audiobtn")
@@ -149,8 +201,8 @@ const Y = {
149
201
  kWidth() {
150
202
  if (this.content.kalturaType === "video")
151
203
  if (this.content.width && this.content.width != "") {
152
- let t = this.content.width;
153
- return t.slice(-2) === "px" ? t.slice(0, -2) : this.content.width;
204
+ let e = this.content.width;
205
+ return e.slice(-2) === "px" ? e.slice(0, -2) : this.content.width;
154
206
  } else
155
207
  return this.video.width;
156
208
  else {
@@ -162,8 +214,8 @@ const Y = {
162
214
  }
163
215
  },
164
216
  methods: {
165
- getButtonText(t) {
166
- return t === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
217
+ getButtonText(e) {
218
+ return e === "video" ? this.showingText ? "Show Video" : "Show Text Version" : this.showingText ? "Show Audio" : "Show Text Version";
167
219
  },
168
220
  textVersionCheck() {
169
221
  this.content.textVersion && this.content.textVersion.length > 1 && (this.hasText = !0);
@@ -171,7 +223,7 @@ const Y = {
171
223
  kalturaLoad() {
172
224
  this.textVersionCheck();
173
225
  },
174
- kalturaMedia(t) {
226
+ kalturaMedia(e) {
175
227
  let n = {
176
228
  uiconf_id: "35766781",
177
229
  partner_id: "2061901",
@@ -189,23 +241,23 @@ const Y = {
189
241
  this.showingText = !this.showingText, this.buttonText = !this.buttonText;
190
242
  },
191
243
  tvCleaner() {
192
- let t = document.createElement("div");
193
- t.innerHTML = this.content.textVersion;
194
- for (let n = 0; n < t.children.length; n++) {
195
- let e = t.children[n];
196
- if (e.tagName == "DIV" && e.className == "panel-default" && e.children[0].dataset.toggle)
197
- for (let d = 0; d < e.children.length; d++) {
198
- let a = e.children[d];
199
- if (a.dataset.toggle == "collapse") {
244
+ let e = document.createElement("div");
245
+ e.innerHTML = this.content.textVersion;
246
+ for (let n = 0; n < e.children.length; n++) {
247
+ let t = e.children[n];
248
+ if (t.tagName == "DIV" && t.className == "panel-default" && t.children[0].dataset.toggle)
249
+ for (let l = 0; l < t.children.length; l++) {
250
+ let s = t.children[l];
251
+ if (s.dataset.toggle == "collapse") {
200
252
  let i = {
201
- heading: a.innerHTML,
202
- body: e.children[d + 1].innerHTML
253
+ heading: s.innerHTML,
254
+ body: t.children[l + 1].innerHTML
203
255
  };
204
256
  this.textversionArray[n] = i;
205
257
  }
206
258
  }
207
259
  else
208
- this.textversionArray[n] = e.outerHTML;
260
+ this.textversionArray[n] = t.outerHTML;
209
261
  }
210
262
  }
211
263
  },
@@ -214,96 +266,96 @@ const Y = {
214
266
  },
215
267
  mounted() {
216
268
  }
217
- }, G = {
269
+ }, Q = {
218
270
  key: 0,
219
271
  class: "textVersion"
220
- }, J = /* @__PURE__ */ r("h1", null, "Text Version", -1), X = ["innerHTML"], q = ["src", "width", "height"], Q = ["src", "width", "height"], Z = ["src", "width", "height"], ee = {
272
+ }, Z = /* @__PURE__ */ r("h1", null, "Text Version", -1), ee = ["innerHTML"], te = ["src", "width", "height"], ne = ["src", "width", "height"], ie = ["src", "width", "height"], oe = {
221
273
  key: 2,
222
274
  class: "alert alert-danger"
223
275
  };
224
- function te(t, n, e, d, a, i) {
225
- const u = b("el-button");
226
- return s(), o("div", {
227
- class: _(["kContainer", e.content.class])
276
+ function se(e, n, t, l, s, i) {
277
+ const h = g("el-button");
278
+ return o(), a("div", {
279
+ class: k(["kContainer", t.content.class])
228
280
  }, [
229
- e.content.textVersion && a.showingText ? (s(), o("div", G, [
230
- J,
281
+ t.content.textVersion && s.showingText ? (o(), a("div", Q, [
282
+ Z,
231
283
  r("div", {
232
- innerHTML: e.content.textVersion
233
- }, null, 8, X)
234
- ])) : l("", !0),
235
- !a.showingText && e.content.kalturaEntryId ? (s(), o("div", {
284
+ innerHTML: t.content.textVersion
285
+ }, null, 8, ee)
286
+ ])) : _("", !0),
287
+ !s.showingText && t.content.kalturaEntryId ? (o(), a("div", {
236
288
  key: 1,
237
289
  class: "mainVersion",
238
- style: y({ width: i.kWidth + "px", height: i.kHeight + "px" })
290
+ style: v({ width: i.kWidth + "px", height: i.kHeight + "px" })
239
291
  }, [
240
- e.content.kalturaType == "video" && !a.showingKaltura ? (s(), o("div", {
292
+ t.content.kalturaType == "video" && !s.showingKaltura ? (o(), a("div", {
241
293
  key: 0,
242
- class: _(["kPoster", { active: a.showingKaltura == !0 }]),
243
- style: y({ width: i.kWidth + "px", height: i.kHeight + "px" })
294
+ class: k(["kPoster", { active: s.showingKaltura == !0 }]),
295
+ style: v({ width: i.kWidth + "px", height: i.kHeight + "px" })
244
296
  }, [
245
297
  r("iframe", {
246
- onClick: n[0] || (n[0] = (...h) => i.showKaltura && i.showKaltura(...h)),
298
+ onClick: n[0] || (n[0] = (...d) => i.showKaltura && i.showKaltura(...d)),
247
299
  class: "videoIframe",
248
- src: i.kalturaMedia(e.content),
300
+ src: i.kalturaMedia(t.content),
249
301
  width: i.kWidth + "px",
250
302
  height: i.kHeight + "px",
251
303
  allowfullscreen: "",
252
304
  webkitallowfullscreen: "",
253
305
  mozAllowFullScreen: "",
254
306
  frameborder: "0"
255
- }, null, 8, q)
256
- ], 6)) : l("", !0),
257
- e.content.kalturaType == "audio" ? (s(), o("div", {
307
+ }, null, 8, te)
308
+ ], 6)) : _("", !0),
309
+ t.content.kalturaType == "audio" ? (o(), a("div", {
258
310
  key: 1,
259
- class: _(["kAudio", { active: a.showingKaltura == !0 }]),
260
- onClick: n[1] || (n[1] = (...h) => i.showKaltura && i.showKaltura(...h))
311
+ class: k(["kAudio", { active: s.showingKaltura == !0 }]),
312
+ onClick: n[1] || (n[1] = (...d) => i.showKaltura && i.showKaltura(...d))
261
313
  }, [
262
314
  r("iframe", {
263
315
  id: "my_iframe",
264
- src: i.kalturaMedia(e.content),
316
+ src: i.kalturaMedia(t.content),
265
317
  width: i.kWidth + "px",
266
318
  height: i.kHeight + "px",
267
319
  allowfullscreen: "",
268
320
  webkitallowfullscreen: "",
269
321
  mozAllowFullScreen: "",
270
322
  frameborder: "0"
271
- }, null, 8, Q)
272
- ], 2)) : l("", !0),
273
- e.content.kalturaType == "audiobtn" ? (s(), o("div", {
323
+ }, null, 8, ne)
324
+ ], 2)) : _("", !0),
325
+ t.content.kalturaType == "audiobtn" ? (o(), a("div", {
274
326
  key: 2,
275
- class: _(["kAudiobtn", { active: a.showingKaltura == !0 }]),
276
- onClick: n[2] || (n[2] = (...h) => i.showKaltura && i.showKaltura(...h))
327
+ class: k(["kAudiobtn", { active: s.showingKaltura == !0 }]),
328
+ onClick: n[2] || (n[2] = (...d) => i.showKaltura && i.showKaltura(...d))
277
329
  }, [
278
330
  r("iframe", {
279
- src: i.kalturaMedia(e.content),
280
- width: a.audioBtn.width + "px",
281
- height: a.audioBtn.height + "px",
331
+ src: i.kalturaMedia(t.content),
332
+ width: s.audioBtn.width + "px",
333
+ height: s.audioBtn.height + "px",
282
334
  allowfullscreen: "",
283
335
  webkitallowfullscreen: "",
284
336
  mozAllowFullScreen: "",
285
337
  frameborder: "0"
286
- }, null, 8, Z)
287
- ], 2)) : l("", !0)
288
- ], 4)) : l("", !0),
289
- e.content.kalturaEntryId == "" ? (s(), o("div", ee, "There is no Kaltura Entry ID")) : l("", !0),
290
- e.content.textVersion ? (s(), w(u, {
338
+ }, null, 8, ie)
339
+ ], 2)) : _("", !0)
340
+ ], 4)) : _("", !0),
341
+ t.content.kalturaEntryId == "" ? (o(), a("div", oe, "There is no Kaltura Entry ID")) : _("", !0),
342
+ t.content.textVersion ? (o(), y(h, {
291
343
  key: 3,
292
344
  size: "medium",
293
345
  type: "primary",
294
346
  "aria-label": "text version",
295
347
  class: "toggleSwitch ftSwitch btn btn-primary vidText",
296
- onClick: n[3] || (n[3] = x((h) => i.showText(e.content.kalturaType), ["stop"]))
348
+ onClick: n[3] || (n[3] = w((d) => i.showText(t.content.kalturaType), ["stop"]))
297
349
  }, {
298
- default: f(() => [
299
- T(p(i.getButtonText(e.content.kalturaType)), 1)
350
+ default: m(() => [
351
+ C(T(i.getButtonText(t.content.kalturaType)), 1)
300
352
  ]),
301
353
  _: 1
302
- })) : l("", !0)
354
+ })) : _("", !0)
303
355
  ], 2);
304
356
  }
305
- const ne = /* @__PURE__ */ g(Y, [["render", te]]);
306
- const ie = {
357
+ const re = /* @__PURE__ */ f(q, [["render", se]]);
358
+ const ae = {
307
359
  props: ["content"],
308
360
  data() {
309
361
  return {
@@ -328,64 +380,64 @@ const ie = {
328
380
  },
329
381
  mounted() {
330
382
  }
331
- }, se = { class: "my-header" }, oe = ["id", "innerHTML"], ae = ["innerHTML"], re = { key: 1 }, ce = ["src"], le = ["innerHTML"], de = { class: "dialog-footer" };
332
- function he(t, n, e, d, a, i) {
333
- const u = b("el-button"), h = b("el-dialog");
334
- return s(), w(h, {
383
+ }, ce = { class: "my-header" }, le = ["id", "innerHTML"], de = ["innerHTML"], ue = { key: 1 }, he = ["src"], _e = ["innerHTML"], me = { class: "dialog-footer" };
384
+ function ge(e, n, t, l, s, i) {
385
+ const h = g("el-button"), d = g("el-dialog");
386
+ return o(), y(d, {
335
387
  width: i.feedbackWidth,
336
- modelValue: a.show,
337
- "onUpdate:modelValue": n[1] || (n[1] = (c) => a.show = c),
388
+ modelValue: s.show,
389
+ "onUpdate:modelValue": n[1] || (n[1] = (c) => s.show = c),
338
390
  "before-close": i.feedbackClose
339
391
  }, {
340
- header: f(({ close: c, titleId: m, titleClass: v }) => [
341
- r("div", se, [
392
+ header: m(({ close: c, titleId: u, titleClass: x }) => [
393
+ r("div", ce, [
342
394
  r("h4", {
343
- id: m,
344
- class: _(v),
395
+ id: u,
396
+ class: k(x),
345
397
  innerHTML: i.feedbackHeader
346
- }, null, 10, oe)
398
+ }, null, 10, le)
347
399
  ])
348
400
  ]),
349
- footer: f(() => [
350
- r("span", de, [
351
- H(u, {
401
+ footer: m(() => [
402
+ r("span", me, [
403
+ p(h, {
352
404
  size: "small",
353
405
  id: "feedbackClose",
354
406
  type: "primary",
355
- onClick: n[0] || (n[0] = x((c) => i.feedbackClose(), ["stop"]))
407
+ onClick: n[0] || (n[0] = w((c) => i.feedbackClose(), ["stop"]))
356
408
  }, {
357
- default: f(() => [
358
- T("Close")
409
+ default: m(() => [
410
+ C("Close")
359
411
  ]),
360
412
  _: 1
361
413
  })
362
414
  ])
363
415
  ]),
364
- default: f(() => [
365
- i.getShowFeedbackAttempts ? (s(), o(k, { key: 0 }, [
366
- e.content.feedbackAttempts ? (s(), o("p", {
416
+ default: m(() => [
417
+ i.getShowFeedbackAttempts ? (o(), a(b, { key: 0 }, [
418
+ t.content.feedbackAttempts ? (o(), a("p", {
367
419
  key: 0,
368
- innerHTML: e.content.feedbackAttempts
369
- }, null, 8, ae)) : (s(), o("p", re, "You have tried too many times, the correct answer has been provided for you."))
370
- ], 64)) : (s(), o(k, { key: 1 }, [
371
- e.content.feedbackImage ? (s(), o("img", {
420
+ innerHTML: t.content.feedbackAttempts
421
+ }, null, 8, de)) : (o(), a("p", ue, "You have tried too many times, the correct answer has been provided for you."))
422
+ ], 64)) : (o(), a(b, { key: 1 }, [
423
+ t.content.feedbackImage ? (o(), a("img", {
372
424
  key: 0,
373
425
  class: "im-ButtonImage",
374
- src: e.content.feedbackImage,
426
+ src: t.content.feedbackImage,
375
427
  alt: "button image"
376
- }, null, 8, ce)) : l("", !0),
428
+ }, null, 8, he)) : _("", !0),
377
429
  r("p", {
378
- innerHTML: e.content.feedback
379
- }, null, 8, le)
430
+ innerHTML: t.content.feedback
431
+ }, null, 8, _e)
380
432
  ], 64))
381
433
  ]),
382
434
  _: 1
383
435
  }, 8, ["width", "modelValue", "before-close"]);
384
436
  }
385
- const ue = /* @__PURE__ */ g(ie, [["render", he]]);
386
- const _e = {
437
+ const S = /* @__PURE__ */ f(ae, [["render", ge]]);
438
+ const fe = {
387
439
  components: {
388
- Feedback: ue
440
+ Feedback: S
389
441
  },
390
442
  inject: ["message"],
391
443
  props: ["content"],
@@ -402,63 +454,123 @@ const _e = {
402
454
  }
403
455
  },
404
456
  methods: {
405
- pixelFormat(t) {
406
- return typeof t == "number" ? t + "px" : t;
457
+ pixelFormat(e) {
458
+ return typeof e == "number" ? e + "px" : e;
407
459
  },
408
- changePage(t, n) {
409
- t.pageLink ? this.$store.commit("setCurrentPage", t.pageLink) : t.feedback && (this.feedbackIndex = n, this.feedbackVisibility.indexOf(n) === -1 && this.feedbackVisibility.push(n), this.$store.commit("setShowFeedback", !0), this.content.hotspots.length - 1 === this.feedbackVisibility.length - 1 && (this.$store.commit("setStepHold", !1), this.$store.commit("setStepDone", !0)), setTimeout(() => {
460
+ changePage(e, n) {
461
+ e.pageLink ? this.$store.commit("setCurrentPage", e.pageLink) : e.feedback && (this.feedbackIndex = n, this.feedbackVisibility.indexOf(n) === -1 && this.feedbackVisibility.push(n), this.$store.commit("setShowFeedback", !0), this.content.hotspots.length - 1 === this.feedbackVisibility.length - 1 && (this.$store.commit("setStepHold", !1), this.$store.commit("setStepDone", !0)), setTimeout(() => {
410
462
  document.getElementById("feedbackClose") && document.getElementById("feedbackClose").focus();
411
463
  }));
412
464
  },
413
- showFeedback(t) {
414
- return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === t);
465
+ showFeedback(e) {
466
+ return !!(this.$store.getters.getShowFeedback && this.feedbackIndex === e);
415
467
  }
416
468
  },
417
469
  beforeMount() {
418
470
  this.$store.commit("setStepDone", !1), this.$store.commit("setStepHold", !0);
419
471
  }
420
- }, me = { class: "imageMarker" }, fe = ["src", "alt"], ge = { class: "hotspotArea" }, ke = ["src", "alt"], be = { class: "im-buttonText" };
421
- function ye(t, n, e, d, a, i) {
422
- const u = b("el-button"), h = b("Feedback");
423
- return s(), o("div", me, [
472
+ }, ke = { class: "imageMarker" }, pe = ["src", "alt"], be = { class: "hotspotArea" }, ye = ["src", "alt"], we = { class: "im-buttonText" };
473
+ function xe(e, n, t, l, s, i) {
474
+ const h = g("el-button"), d = g("Feedback");
475
+ return o(), a("div", ke, [
424
476
  r("img", {
425
- src: e.content.image,
426
- alt: e.content.imageAlt
427
- }, null, 8, fe),
428
- r("div", ge, [
429
- (s(!0), o(k, null, L(e.content.hotspots, (c, m) => (s(), o(k, null, [
430
- H(u, {
477
+ src: t.content.image,
478
+ alt: t.content.imageAlt
479
+ }, null, 8, pe),
480
+ r("div", be, [
481
+ (o(!0), a(b, null, L(t.content.hotspots, (c, u) => (o(), a(b, null, [
482
+ p(h, {
431
483
  type: c.buttonType,
432
- onClick: x((v) => i.changePage(c, m), ["stop"]),
433
- id: "hotspot_" + m,
434
- class: _([["is-" + c.buttonShape, { noBG: c.buttonImage }, c.class], "hotspot"]),
435
- style: y({ top: i.pixelFormat(c.cordinatesX), left: i.pixelFormat(c.cordinatesY), width: i.pixelFormat(c.dimensionsW), height: i.pixelFormat(c.dimensionsH) }),
484
+ onClick: w((x) => i.changePage(c, u), ["stop"]),
485
+ id: "hotspot_" + u,
486
+ class: k([["is-" + c.buttonShape, { noBG: c.buttonImage }, c.class], "hotspot"]),
487
+ style: v({ top: i.pixelFormat(c.cordinatesX), left: i.pixelFormat(c.cordinatesY), width: i.pixelFormat(c.dimensionsW), height: i.pixelFormat(c.dimensionsH) }),
436
488
  icon: c.buttonIcon
437
489
  }, {
438
- default: f(() => [
439
- c.buttonImage ? (s(), o("img", {
490
+ default: m(() => [
491
+ c.buttonImage ? (o(), a("img", {
440
492
  key: 0,
441
493
  class: "im-ButtonImage",
442
494
  src: c.buttonImage,
443
- alt: "image marker " + Number(m + 1)
444
- }, null, 8, ke)) : l("", !0),
445
- r("span", be, p(c.name), 1)
495
+ alt: "image marker " + Number(u + 1)
496
+ }, null, 8, ye)) : _("", !0),
497
+ r("span", we, T(c.name), 1)
446
498
  ]),
447
499
  _: 2
448
500
  }, 1032, ["type", "onClick", "id", "class", "style", "icon"]),
449
- i.showFeedback(m) ? (s(), w(h, {
501
+ i.showFeedback(u) ? (o(), y(d, {
450
502
  key: 0,
451
503
  content: c
452
- }, null, 8, ["content"])) : l("", !0)
504
+ }, null, 8, ["content"])) : _("", !0)
453
505
  ], 64))), 256))
454
506
  ])
455
507
  ]);
456
508
  }
457
- const pe = /* @__PURE__ */ g(_e, [["render", ye], ["__scopeId", "data-v-3897bfb2"]]), xe = {
458
- install: (t, n) => {
459
- t.component("special-uploader", K), t.component("lab-header", U), t.component("lab-image", j), t.component("lab-kaltura", ne), t.component("lab-image-marker", pe);
509
+ const ve = /* @__PURE__ */ f(fe, [["render", xe], ["__scopeId", "data-v-3897bfb2"]]);
510
+ const Te = {
511
+ props: ["content"],
512
+ data() {
513
+ return {
514
+ imageReplaced: !1,
515
+ imageSrc: this.content.image,
516
+ imageAlt: this.content.imageAlt
517
+ };
518
+ },
519
+ computed: {
520
+ getLastPage() {
521
+ return !!this.$store.getters.getLastPage;
522
+ }
523
+ },
524
+ methods: {
525
+ pixelFormat(e) {
526
+ return typeof e == "number" ? e + "px" : e;
527
+ },
528
+ changeImage(e) {
529
+ this.imageReplaced = !0, this.imageSrc = this.content.hotspots[e].imageOverlay, this.imageAlt = this.content.hotspots[e].imageOverlayAlt, this.$store.commit("setStepHold", !1), this.$store.dispatch("lastPageFocus", {});
530
+ }
531
+ }
532
+ }, Ce = ["innerHTML"], He = ["src", "alt"], Le = { class: "hotspotArea" };
533
+ function Se(e, n, t, l, s, i) {
534
+ const h = g("el-col"), d = g("el-button"), c = g("el-row");
535
+ return o(), y(c, { class: "imageReplacer" }, {
536
+ default: m(() => [
537
+ p(h, { span: 12 }, {
538
+ default: m(() => [
539
+ r("p", {
540
+ class: "imageReplacerDescription",
541
+ innerHTML: t.content.description
542
+ }, null, 8, Ce)
543
+ ]),
544
+ _: 1
545
+ }),
546
+ p(h, { span: 12 }, {
547
+ default: m(() => [
548
+ r("img", {
549
+ class: "im-ButtonImage",
550
+ src: s.imageSrc,
551
+ alt: s.imageAlt
552
+ }, null, 8, He),
553
+ r("div", Le, [
554
+ (o(!0), a(b, null, L(t.content.hotspots, (u, x) => (o(), y(d, {
555
+ type: u.buttonType,
556
+ onClick: w((Ie) => i.changeImage(x), ["stop"]),
557
+ class: "hotspot",
558
+ style: v({ top: i.pixelFormat(u.cordinatesX), left: i.pixelFormat(u.cordinatesY), width: i.pixelFormat(u.dimensionsW), height: i.pixelFormat(u.dimensionsH) }),
559
+ icon: u.buttonIcon
560
+ }, null, 8, ["type", "onClick", "style", "icon"]))), 256))
561
+ ])
562
+ ]),
563
+ _: 1
564
+ })
565
+ ]),
566
+ _: 1
567
+ });
568
+ }
569
+ const Fe = /* @__PURE__ */ f(Te, [["render", Se], ["__scopeId", "data-v-02e047cd"]]), Pe = {
570
+ install: (e, n) => {
571
+ e.component("special-uploader", B), e.component("lab-header", U), e.component("lab-footer", H), e.component("lab-drawer", H), e.component("lab-image", J), e.component("lab-kaltura", re), e.component("lab-image-marker", ve), e.component("lab-image-replacer", Fe), e.component("lab-feedback", S);
460
572
  }
461
573
  };
462
574
  export {
463
- xe as default
575
+ Pe as default
464
576
  };
package/dist/labmaker-plugin.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=m(e.Vue))})(this,function(e){"use strict";const m="",d=(n,o)=>{const t=n.__vccOpts||n;for(const[l,a]of o)t[l]=a;return t},k={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(n){const t=n.target.files[0];this.fileProcess(t)},fileProcess(n){this.imgSRC=URL.createObjectURL(n)}},mounted(){}},_=e.createElementVNode("h1",null,"File Uploader",-1),u={class:"image-uploader"},g=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"your-file"},b=["src"];function y(n,o,t,l,a,i){return e.openBlock(),e.createElementBlock(e.Fragment,null,[_,e.createElementVNode("div",u,[g,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...s)=>i.fileUpload&&i.fileUpload(...s)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",p,[e.createElementVNode("img",{src:a.imgSRC,alt:"",scrset:""},null,8,b)])])],64)}const w=d(k,[["render",y]]),ce="",x={props:["title"],data(){return{}},computed:{}};function B(n,o,t,l,a,i){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(t.title),1)])}const V=d(x,[["render",B]]),se="",T={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(n){return typeof n=="number"?n+"px":n},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},C={class:"image-container"},E={class:"image"},N=["src","alt"],S=["innerHTML"],H=["innerHTML"],L=["innerHTML"];function F(n,o,t,l,a,i){return e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("div",E,[e.createElementVNode("img",{src:t.content.src,alt:t.content.alt,class:e.normalizeClass(t.content.class)},null,10,N),t.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:t.content.captionHeader},null,8,S)):e.createCommentVNode("",!0),t.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:t.content.caption},null,8,H)):e.createCommentVNode("",!0),t.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.content.copyright,class:"copyright"},null,8,L)):e.createCommentVNode("",!0)])])}const M=d(T,[["render",F],["__scopeId","data-v-6d545532"]]),de="",I={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let n=this.content.height;return n.slice(-2)==="px"?n.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let n=this.content.height;return n.slice(-2)==="px"?n.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let n=this.content.width;return n.slice(-2)==="px"?n.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(n){return n==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(n){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let n=document.createElement("div");n.innerHTML=this.content.textVersion;for(let o=0;o<n.children.length;o++){let t=n.children[o];if(t.tagName=="DIV"&&t.className=="panel-default"&&t.children[0].dataset.toggle)for(let l=0;l<t.children.length;l++){let a=t.children[l];if(a.dataset.toggle=="collapse"){let i={heading:a.innerHTML,body:t.children[l+1].innerHTML};this.textversionArray[o]=i}}else this.textversionArray[o]=t.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},A={key:0,class:"textVersion"},K=e.createElementVNode("h1",null,"Text Version",-1),z=["innerHTML"],P=["src","width","height"],U=["src","width","height"],W=["src","width","height"],D={key:2,class:"alert alert-danger"};function R(n,o,t,l,a,i){const s=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",t.content.class])},[t.content.textVersion&&a.showingText?(e.openBlock(),e.createElementBlock("div",A,[K,e.createElementVNode("div",{innerHTML:t.content.textVersion},null,8,z)])):e.createCommentVNode("",!0),!a.showingText&&t.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:i.kWidth+"px",height:i.kHeight+"px"})},[t.content.kalturaType=="video"&&!a.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:a.showingKaltura==!0}]),style:e.normalizeStyle({width:i.kWidth+"px",height:i.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]||(o[0]=(...c)=>i.showKaltura&&i.showKaltura(...c)),class:"videoIframe",src:i.kalturaMedia(t.content),width:i.kWidth+"px",height:i.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,P)],6)):e.createCommentVNode("",!0),t.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:a.showingKaltura==!0}]),onClick:o[1]||(o[1]=(...c)=>i.showKaltura&&i.showKaltura(...c))},[e.createElementVNode("iframe",{id:"my_iframe",src:i.kalturaMedia(t.content),width:i.kWidth+"px",height:i.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,U)],2)):e.createCommentVNode("",!0),t.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:a.showingKaltura==!0}]),onClick:o[2]||(o[2]=(...c)=>i.showKaltura&&i.showKaltura(...c))},[e.createElementVNode("iframe",{src:i.kalturaMedia(t.content),width:a.audioBtn.width+"px",height:a.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,W)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),t.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",D,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),t.content.textVersion?(e.openBlock(),e.createBlock(s,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]||(o[3]=e.withModifiers(c=>i.showText(t.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.getButtonText(t.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const j=d(I,[["render",R]]),he="",O={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},$={class:"my-header"},Y=["id","innerHTML"],q=["innerHTML"],G={key:1},J=["src"],X=["innerHTML"],Q={class:"dialog-footer"};function Z(n,o,t,l,a,i){const s=e.resolveComponent("el-button"),c=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(c,{width:i.feedbackWidth,modelValue:a.show,"onUpdate:modelValue":o[1]||(o[1]=r=>a.show=r),"before-close":i.feedbackClose},{header:e.withCtx(({close:r,titleId:h,titleClass:f})=>[e.createElementVNode("div",$,[e.createElementVNode("h4",{id:h,class:e.normalizeClass(f),innerHTML:i.feedbackHeader},null,10,Y)])]),footer:e.withCtx(()=>[e.createElementVNode("span",Q,[e.createVNode(s,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]||(o[0]=e.withModifiers(r=>i.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[i.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:t.content.feedbackAttempts},null,8,q)):(e.openBlock(),e.createElementBlock("p",G,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:t.content.feedbackImage,alt:"button image"},null,8,J)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:t.content.feedback},null,8,X)],64))]),_:1},8,["width","modelValue","before-close"])}const v=d(O,[["render",Z]]),me="",ee={components:{Feedback:v},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(n){return typeof n=="number"?n+"px":n},changePage(n,o){n.pageLink?this.$store.commit("setCurrentPage",n.pageLink):n.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(n){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===n)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},te={class:"imageMarker"},ne=["src","alt"],oe={class:"hotspotArea"},ie=["src","alt"],ae={class:"im-buttonText"};function re(n,o,t,l,a,i){const s=e.resolveComponent("el-button"),c=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("img",{src:t.content.image,alt:t.content.imageAlt},null,8,ne),e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.content.hotspots,(r,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(s,{type:r.buttonType,onClick:e.withModifiers(f=>i.changePage(r,h),["stop"]),id:"hotspot_"+h,class:e.normalizeClass([["is-"+r.buttonShape,{noBG:r.buttonImage},r.class],"hotspot"]),style:e.normalizeStyle({top:i.pixelFormat(r.cordinatesX),left:i.pixelFormat(r.cordinatesY),width:i.pixelFormat(r.dimensionsW),height:i.pixelFormat(r.dimensionsH)}),icon:r.buttonIcon},{default:e.withCtx(()=>[r.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:r.buttonImage,alt:"image marker "+Number(h+1)},null,8,ie)):e.createCommentVNode("",!0),e.createElementVNode("span",ae,e.toDisplayString(r.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),i.showFeedback(h)?(e.openBlock(),e.createBlock(c,{key:0,content:r},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const le=d(ee,[["render",re],["__scopeId","data-v-3897bfb2"]]);return{install:(n,o)=>{n.component("special-uploader",w),n.component("lab-header",V),n.component("lab-image",M),n.component("lab-kaltura",j),n.component("lab-image-marker",le)}}});
1
+ (function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue")):typeof define=="function"&&define.amd?define(["vue"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.LabmakerPlugin=m(e.Vue))})(this,function(e){"use strict";const m="",h=(t,o)=>{const n=t.__vccOpts||t;for(const[s,i]of o)n[s]=i;return n},u={props:["custom-img"],data(){return{imgSRC:this.customImg}},computed:{},methods:{fileUpload(t){const n=t.target.files[0];this.fileProcess(n)},fileProcess(t){this.imgSRC=URL.createObjectURL(t)}},mounted(){}},k=e.createElementVNode("h1",null,"File Uploader",-1),p={class:"image-uploader"},b=e.createElementVNode("h1",null,"File Uploader",-1),y={class:"your-file"},w=["src"];function x(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock(e.Fragment,null,[k,e.createElementVNode("div",p,[b,e.createElementVNode("input",{onChange:o[0]||(o[0]=(...d)=>r.fileUpload&&r.fileUpload(...d)),type:"file",id:"file-upload",name:"fileUpload",accept:"image/*"},null,32),e.createElementVNode("div",y,[e.createElementVNode("img",{src:i.imgSRC,alt:"",scrset:""},null,8,w)])])],64)}const C=h(u,[["render",x]]),ke="",B={props:["title"],data(){return{}},computed:{}};function V(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])}const T=h(B,[["render",V]]),pe="",E={data(){return{}},computed:{totalPages(){return this.$store.getters.getPageCount?this.$store.getters.getPageCount:0},currentPage(){return this.$store.getters.getCurrentPage?this.$store.getters.getCurrentPage+1:1},pagerCount(){return this.$store.getters.getPagerCount?this.$store.getters.getPagerCount:0}},methods:{handleCurrentChange(t){this.$store.commit("setCurrentPage",t-1)},changePage(t){console.log("headed to: ",t),this.$store.commit("setCurrentPage",t)}}};function N(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{gutter:20},{default:e.withCtx(()=>[e.createVNode(d,{span:18}),e.createVNode(d,{span:6,class:"homeButtonContainer"},{default:e.withCtx(()=>[e.createVNode(c,{type:"primary ",onClick:o[0]||(o[0]=e.withModifiers(l=>r.changePage(0),["stop"])),class:"homeButton"},{default:e.withCtx(()=>[e.createTextVNode("Return to Crime Screen")]),_:1})]),_:1})]),_:1})}const g=h(E,[["render",N]]),be="",S={props:["content"],data(){return{}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},checkStepper(){this.$store.dispatch("lastPageFocus",{})}},mounted(){this.checkStepper()}},L={class:"image-container"},F={class:"image"},H=["src","alt"],M=["innerHTML"],I=["innerHTML"],P=["innerHTML"];function A(t,o,n,s,i,r){return e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",F,[e.createElementVNode("img",{src:n.content.src,alt:n.content.alt,class:e.normalizeClass(n.content.class)},null,10,H),n.content.captionHeader?(e.openBlock(),e.createElementBlock("span",{key:0,class:"captionHeader",innerHTML:n.content.captionHeader},null,8,M)):e.createCommentVNode("",!0),n.content.caption?(e.openBlock(),e.createElementBlock("span",{key:1,class:"caption",innerHTML:n.content.caption},null,8,I)):e.createCommentVNode("",!0),n.content.copyright?(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:n.content.copyright,class:"copyright"},null,8,P)):e.createCommentVNode("",!0)])])}const $=h(S,[["render",A],["__scopeId","data-v-6d545532"]]),ye="",z={props:["content"],data(){return{showingKaltura:!1,showingText:!1,buttonText:!1,hasText:!1,video:{width:640,height:480},audio:{width:260,height:80},audioBtn:{width:40,height:40},textversionArray:{}}},watch:{content:function(){this.tvCleaner()}},computed:{kHeight(){if(this.content.kalturaType==="video")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.video.height;else if(this.content.kalturaType==="audio")if(this.content.height&&this.content.height!=""){let t=this.content.height;return t.slice(-2)==="px"?t.slice(0,-2):this.content.height}else return this.audio.height;else if(this.content.kalturaType==="audiobtn")return this.audioBtn.height},kWidth(){if(this.content.kalturaType==="video")if(this.content.width&&this.content.width!=""){let t=this.content.width;return t.slice(-2)==="px"?t.slice(0,-2):this.content.width}else return this.video.width;else{if(this.content.kalturaType==="audio")return this.audio.width;if(this.content.kalturaType==="audiobtn")return this.audioBtn.width}}},methods:{getButtonText(t){return t==="video"?this.showingText?"Show Video":"Show Text Version":this.showingText?"Show Audio":"Show Text Version"},textVersionCheck(){this.content.textVersion&&this.content.textVersion.length>1&&(this.hasText=!0)},kalturaLoad(){this.textVersionCheck()},kalturaMedia(t){let o={uiconf_id:"35766781",partner_id:"2061901",entry_id:"",height:"400",width:"640",type:"video"};return o.entry_id=this.content.kalturaEntryId,this.content.kalturaType&&(o.type=this.content.kalturaType),o.type==="audio"?o.uiconf_id="36511471":o.type==="audiobtn"?o.uiconf_id="36582731":o.type==="videocc"&&(o.uiconf_id="35766781"),this.content.standalone&&this.$store.commit("setStepHold",!1),"https://cdnapisec.kaltura.com/p/"+o.partner_id+"/sp/"+o.partner_id+"00/embedIframeJs/uiconf_id/"+o.uiconf_id+"/partner_id/"+o.partner_id+"?iframeembed=true&playerId=Kaltura&entry_id="+o.entry_id},showKaltura(){this.showingKaltura=!0},showText(){this.showingText=!this.showingText,this.buttonText=!this.buttonText},tvCleaner(){let t=document.createElement("div");t.innerHTML=this.content.textVersion;for(let o=0;o<t.children.length;o++){let n=t.children[o];if(n.tagName=="DIV"&&n.className=="panel-default"&&n.children[0].dataset.toggle)for(let s=0;s<n.children.length;s++){let i=n.children[s];if(i.dataset.toggle=="collapse"){let r={heading:i.innerHTML,body:n.children[s+1].innerHTML};this.textversionArray[o]=r}}else this.textversionArray[o]=n.outerHTML}}},beforeMount(){this.kalturaLoad(),this.tvCleaner()},mounted(){}},K={key:0,class:"textVersion"},R=e.createElementVNode("h1",null,"Text Version",-1),D=["innerHTML"],U=["src","width","height"],W=["src","width","height"],O=["src","width","height"],j={key:2,class:"alert alert-danger"};function Y(t,o,n,s,i,r){const d=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kContainer",n.content.class])},[n.content.textVersion&&i.showingText?(e.openBlock(),e.createElementBlock("div",K,[R,e.createElementVNode("div",{innerHTML:n.content.textVersion},null,8,D)])):e.createCommentVNode("",!0),!i.showingText&&n.content.kalturaEntryId?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mainVersion",style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[n.content.kalturaType=="video"&&!i.showingKaltura?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["kPoster",{active:i.showingKaltura==!0}]),style:e.normalizeStyle({width:r.kWidth+"px",height:r.kHeight+"px"})},[e.createElementVNode("iframe",{onClick:o[0]||(o[0]=(...c)=>r.showKaltura&&r.showKaltura(...c)),class:"videoIframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,U)],6)):e.createCommentVNode("",!0),n.content.kalturaType=="audio"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["kAudio",{active:i.showingKaltura==!0}]),onClick:o[1]||(o[1]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{id:"my_iframe",src:r.kalturaMedia(n.content),width:r.kWidth+"px",height:r.kHeight+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,W)],2)):e.createCommentVNode("",!0),n.content.kalturaType=="audiobtn"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["kAudiobtn",{active:i.showingKaltura==!0}]),onClick:o[2]||(o[2]=(...c)=>r.showKaltura&&r.showKaltura(...c))},[e.createElementVNode("iframe",{src:r.kalturaMedia(n.content),width:i.audioBtn.width+"px",height:i.audioBtn.height+"px",allowfullscreen:"",webkitallowfullscreen:"",mozAllowFullScreen:"",frameborder:"0"},null,8,O)],2)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),n.content.kalturaEntryId==""?(e.openBlock(),e.createElementBlock("div",j,"There is no Kaltura Entry ID")):e.createCommentVNode("",!0),n.content.textVersion?(e.openBlock(),e.createBlock(d,{key:3,size:"medium",type:"primary","aria-label":"text version",class:"toggleSwitch ftSwitch btn btn-primary vidText",onClick:o[3]||(o[3]=e.withModifiers(c=>r.showText(n.content.kalturaType),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.getButtonText(n.content.kalturaType)),1)]),_:1})):e.createCommentVNode("",!0)],2)}const X=h(z,[["render",Y]]),we="",q={props:["content"],data(){return{show:!0}},computed:{getShowFeedbackAttempts(){return this.$store.getters.getShowFeedbackAttempts},feedbackHeader(){return this.$store.getters.getShowFeedbackAttempts?"Too many Attempts":this.content.feedbackHeader},feedbackWidth(){return this.content.feedbackWidth?this.content.feedbackWidth:"50%"}},methods:{feedbackClose(){this.content.finalInstructions&&this.$store.commit("updateFinishDirections",!1),this.content.instructions&&this.$store.commit("updateDirections",!1),this.$store.commit("setShowFeedback",!1),this.$store.commit("setShowFeedbackAttempts",!1),this.$store.dispatch("lastPageFocus",{})}},mounted(){}},G={class:"my-header"},J=["id","innerHTML"],Q=["innerHTML"],Z={key:1},v=["src"],ee=["innerHTML"],te={class:"dialog-footer"};function ne(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(c,{width:r.feedbackWidth,modelValue:i.show,"onUpdate:modelValue":o[1]||(o[1]=a=>i.show=a),"before-close":r.feedbackClose},{header:e.withCtx(({close:a,titleId:l,titleClass:_})=>[e.createElementVNode("div",G,[e.createElementVNode("h4",{id:l,class:e.normalizeClass(_),innerHTML:r.feedbackHeader},null,10,J)])]),footer:e.withCtx(()=>[e.createElementVNode("span",te,[e.createVNode(d,{size:"small",id:"feedbackClose",type:"primary",onClick:o[0]||(o[0]=e.withModifiers(a=>r.feedbackClose(),["stop"]))},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])]),default:e.withCtx(()=>[r.getShowFeedbackAttempts?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.content.feedbackAttempts?(e.openBlock(),e.createElementBlock("p",{key:0,innerHTML:n.content.feedbackAttempts},null,8,Q)):(e.openBlock(),e.createElementBlock("p",Z,"You have tried too many times, the correct answer has been provided for you."))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.content.feedbackImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:n.content.feedbackImage,alt:"button image"},null,8,v)):e.createCommentVNode("",!0),e.createElementVNode("p",{innerHTML:n.content.feedback},null,8,ee)],64))]),_:1},8,["width","modelValue","before-close"])}const f=h(q,[["render",ne]]),xe="",oe={components:{Feedback:f},inject:["message"],props:["content"],data(){return{dialogVisible:!1,feedbackVisibility:[],feedbackIndex:0}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changePage(t,o){t.pageLink?this.$store.commit("setCurrentPage",t.pageLink):t.feedback&&(this.feedbackIndex=o,this.feedbackVisibility.indexOf(o)===-1&&this.feedbackVisibility.push(o),this.$store.commit("setShowFeedback",!0),this.content.hotspots.length-1===this.feedbackVisibility.length-1&&(this.$store.commit("setStepHold",!1),this.$store.commit("setStepDone",!0)),setTimeout(()=>{document.getElementById("feedbackClose")&&document.getElementById("feedbackClose").focus()}))},showFeedback(t){return!!(this.$store.getters.getShowFeedback&&this.feedbackIndex===t)}},beforeMount(){this.$store.commit("setStepDone",!1),this.$store.commit("setStepHold",!0)}},re={class:"imageMarker"},ie=["src","alt"],ae={class:"hotspotArea"},se=["src","alt"],ce={class:"im-buttonText"};function le(t,o,n,s,i,r){const d=e.resolveComponent("el-button"),c=e.resolveComponent("Feedback");return e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("img",{src:n.content.image,alt:n.content.imageAlt},null,8,ie),e.createElementVNode("div",ae,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(d,{type:a.buttonType,onClick:e.withModifiers(_=>r.changePage(a,l),["stop"]),id:"hotspot_"+l,class:e.normalizeClass([["is-"+a.buttonShape,{noBG:a.buttonImage},a.class],"hotspot"]),style:e.normalizeStyle({top:r.pixelFormat(a.cordinatesX),left:r.pixelFormat(a.cordinatesY),width:r.pixelFormat(a.dimensionsW),height:r.pixelFormat(a.dimensionsH)}),icon:a.buttonIcon},{default:e.withCtx(()=>[a.buttonImage?(e.openBlock(),e.createElementBlock("img",{key:0,class:"im-ButtonImage",src:a.buttonImage,alt:"image marker "+Number(l+1)},null,8,se)):e.createCommentVNode("",!0),e.createElementVNode("span",ce,e.toDisplayString(a.name),1)]),_:2},1032,["type","onClick","id","class","style","icon"]),r.showFeedback(l)?(e.openBlock(),e.createBlock(c,{key:0,content:a},null,8,["content"])):e.createCommentVNode("",!0)],64))),256))])])}const de=h(oe,[["render",le],["__scopeId","data-v-3897bfb2"]]),Ce="",he={props:["content"],data(){return{imageReplaced:!1,imageSrc:this.content.image,imageAlt:this.content.imageAlt}},computed:{getLastPage(){return!!this.$store.getters.getLastPage}},methods:{pixelFormat(t){return typeof t=="number"?t+"px":t},changeImage(t){this.imageReplaced=!0,this.imageSrc=this.content.hotspots[t].imageOverlay,this.imageAlt=this.content.hotspots[t].imageOverlayAlt,this.$store.commit("setStepHold",!1),this.$store.dispatch("lastPageFocus",{})}}},me=["innerHTML"],_e=["src","alt"],ge={class:"hotspotArea"};function fe(t,o,n,s,i,r){const d=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),a=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(a,{class:"imageReplacer"},{default:e.withCtx(()=>[e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("p",{class:"imageReplacerDescription",innerHTML:n.content.description},null,8,me)]),_:1}),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createElementVNode("img",{class:"im-ButtonImage",src:i.imageSrc,alt:i.imageAlt},null,8,_e),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.content.hotspots,(l,_)=>(e.openBlock(),e.createBlock(c,{type:l.buttonType,onClick:e.withModifiers(Ve=>r.changeImage(_),["stop"]),class:"hotspot",style:e.normalizeStyle({top:r.pixelFormat(l.cordinatesX),left:r.pixelFormat(l.cordinatesY),width:r.pixelFormat(l.dimensionsW),height:r.pixelFormat(l.dimensionsH)}),icon:l.buttonIcon},null,8,["type","onClick","style","icon"]))),256))])]),_:1})]),_:1})}const ue=h(he,[["render",fe],["__scopeId","data-v-02e047cd"]]);return{install:(t,o)=>{t.component("special-uploader",C),t.component("lab-header",T),t.component("lab-footer",g),t.component("lab-drawer",g),t.component("lab-image",$),t.component("lab-kaltura",X),t.component("lab-image-marker",de),t.component("lab-image-replacer",ue),t.component("lab-feedback",f)}}});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}
1
+ .image-uploader{display:flex;flex-direction:column;align-items:center;border:1px solid gray;width:53%;background-color:#cecece;margin:0 auto;height:300px;box-shadow:#0000001a 0 4px 12px}.your-file{display:flex;justify-content:center;align-items:center;margin-top:20px}img{width:80%}header{display:flex;justify-content:center;align-items:center;height:40px;margin-top:10px;margin-bottom:10px}.el-pagination.is-background .el-pager li:not(.disabled).active{border:1px solid #5857A6;border-radius:4px;background-color:#3733a6!important;color:#fff;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-pagination.is-background .el-pager li:not(.disabled).active:hover,.el-pagination.is-background .el-pager li:not(.disabled).active:focus,.el-pagination.is-background .el-pager li:not(.disabled).active:active{color:#fff;background:#5857A6;border-color:#5857a6}#app .image-container[data-v-6d545532]{position:relative;display:block;margin-bottom:10px;height:100%}#app .image-container .image[data-v-6d545532]{height:100%}#app .image-container .image img[data-v-6d545532]{max-height:100%;max-width:100%}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:20px}#app .image-container.copyright[data-v-6d545532],#app .image-container.captions[data-v-6d545532]{margin-bottom:40px}#app .image-container .captionHeader[data-v-6d545532]{font-size:20px;text-align:center;display:block;margin-bottom:10px}#app .image-container .caption[data-v-6d545532]{font-size:13px;font-style:italic;text-align:center;display:block;margin-bottom:10px}#app .image-container .copyright[data-v-6d545532]{font-size:10px;line-height:10px;margin-top:10px;text-align:center;display:block;margin-bottom:10px}.kContainer{position:relative;height:90%}.kContainer iframe{margin:0}.kContainer .mainVersion{margin:auto;position:relative;display:block}.kContainer .mainVersion .kAudiobtn{width:30px;height:30px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudiobtn .kButton.audiobtn{position:absolute;height:30px;width:30px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_button.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .kAudio{width:260px;height:38px;position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kAudio .kButton.audio{position:absolute;height:40px;width:260px;background:url(//cdn.flvs.net/course_view/1_0/dist/images/kaltura_audio_standard.png) 0 0 no-repeat;z-index:900;cursor:pointer}.kContainer .mainVersion .audioIframe,.kContainer .mainVersion .audiobtnIframe{position:relative;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%)}.kContainer .mainVersion .kPoster .active{display:none;visibility:hidden}.kContainer .mainVersion .kPoster .kButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(//cdn.flvs.net/course_view/1_0/dist/images/player_big_play_button.png) 0 0 no-repeat;z-index:900;width:70px;height:53px;cursor:pointer}.kContainer .mainVersion .kPoster img{position:absolute;top:0;left:0;z-index:899;height:100%;width:100%;border:1px solid #000;max-height:100%;max-width:100%}.kContainer .mainVersion .kPoster .videoIframe{z-index:897}.kContainer .mainVersion .videoIframe{position:absolute;transition:opacity .4s ease;left:50%;transform:translate(-50%);z-index:897}.kContainer button.toggleSwitch,.kContainer button.toggleSwitchFT{margin-top:0;min-width:180px;position:relative;left:50%;transform:translate(-50%)}.kContainer .kCopyright{font-size:10px;text-align:right;width:200px;position:absolute;bottom:-30px;right:0;padding:8px}.kContainer .kCopyright.kCopyrightAudio{bottom:4px}.kContainer .largePlayBtn{display:none}.kContainer .textVersion{overflow-y:auto;height:calc(100% - 10px);margin-bottom:6px}.fade-enter-active,.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.el-dialog{border-radius:6px}.el-dialog .el-dialog__header .el-dialog__title{color:#000;font-size:1.5rem}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:8px;right:8px;border:1px solid #404040;border-radius:4px;background:#feec86;color:#000;font-weight:400;box-shadow:2px 2px 6px #0000004d;transition:background .5s,color .5s}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover,.el-dialog .el-dialog__header .el-dialog__headerbtn:focus,.el-dialog .el-dialog__header .el-dialog__headerbtn:active{color:#404040;background:#fff;border-color:#2a2a2a}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#000;font-size:18px}.el-dialog .el-dialog__body{color:#212529;font-size:1rem;word-break:normal}#app div.imageMarker[data-v-3897bfb2]{position:relative;height:100%;border-radius:6px}#app div.imageMarker img[data-v-3897bfb2]{width:100%;max-width:100%;max-height:100%;border-radius:6px}#app div.imageMarker .hotspotArea[data-v-3897bfb2]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageMarker .hotspotArea .el-button.hotspot[data-v-3897bfb2]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset}#app div.imageMarker .hotspotArea .el-button.hotspot.noBG[data-v-3897bfb2]{background-color:transparent}#app div.imageMarker .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-3897bfb2]{position:absolute;top:0;left:0}#app div.imageReplacer[data-v-02e047cd]{position:relative;height:calc(100% - 40px)}#app div.imageReplacer .el-col[data-v-02e047cd]{position:relative;height:100%}#app div.imageReplacer img[data-v-02e047cd]{width:100%;max-width:100%}#app div.imageReplacer .hotspotArea[data-v-02e047cd]{width:100%;height:100%;position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot[data-v-02e047cd]{position:absolute;min-height:unset;padding:4px 4px 4px 7px;margin:unset;background:transparent;border:none}#app div.imageReplacer .hotspotArea .el-button.hotspot img.im-ButtonImage[data-v-02e047cd]{position:absolute;top:0;left:0}#app div.imageReplacer .hotspotArea .el-button.hotspot span.im-buttonText[data-v-02e047cd]{position:absolute;left:17px;top:12px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "labmaker-plugin",
3
- "version": "0.0.11",
3
+ "version": "0.0.12",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"
@@ -12,7 +12,8 @@
12
12
  "import": "./dist/labmaker-plugin.js",
13
13
  "require": "./dist/labmaker-plugin.umd.cjs"
14
14
  },
15
- "./styles": "./dist/style.css"
15
+ "./styles": "./dist/style.css",
16
+ "./*": "./*"
16
17
  },
17
18
  "scripts": {
18
19
  "dev": "vite",