@pie-element/match 12.1.2-next.7 → 12.1.2-next.8

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.
@@ -41237,8 +41237,8 @@ mx.create({
41237
41237
  })) ?? null };
41238
41238
  }
41239
41239
  });
41240
- var VY = "placeholder", HY = new xd("tiptap__placeholder"), UY = 200;
41241
- function WY(e) {
41240
+ var VY = "placeholder", HY = new xd("tiptap__placeholder");
41241
+ function UY(e) {
41242
41242
  let { editor: t, placeholder: n, dataAttribute: r, pos: i, node: a, isEmptyDoc: o, hasAnchor: s, classes: { emptyNode: c, emptyEditor: l } } = e, u = [c];
41243
41243
  return o && u.push(l), __.node(i, i + a.nodeSize, {
41244
41244
  class: u.join(" "),
@@ -41250,156 +41250,198 @@ function WY(e) {
41250
41250
  }) : n
41251
41251
  });
41252
41252
  }
41253
- function GY({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
41253
+ function WY(e, t) {
41254
+ return typeof e == "function" ? e(t) : e;
41255
+ }
41256
+ function GY({ editor: e, options: t, dataAttribute: n, doc: r, selection: i, from: a, to: o }) {
41257
+ let { anchor: s } = i, c = [], l = e.isEmpty;
41258
+ return r.nodesBetween(a, o, (r, i) => {
41259
+ let a = s >= i && s <= i + r.nodeSize, o = !r.isLeaf && Sb(r);
41260
+ return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(UY({
41261
+ editor: e,
41262
+ isEmptyDoc: l,
41263
+ dataAttribute: n,
41264
+ hasAnchor: a,
41265
+ placeholder: t.placeholder,
41266
+ classes: {
41267
+ emptyEditor: t.emptyEditorClass,
41268
+ emptyNode: WY(t.emptyNodeClass, {
41269
+ editor: e,
41270
+ node: r,
41271
+ pos: i,
41272
+ hasAnchor: a
41273
+ })
41274
+ },
41275
+ node: r,
41276
+ pos: i
41277
+ })), t.includeChildren;
41278
+ }), c;
41279
+ }
41280
+ function KY({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
41254
41281
  if (!(e.isEditable || !t.showOnlyWhenEditable)) return null;
41255
- let { anchor: a } = i, o = [], s = e.isEmpty, c = {
41256
- emptyEditor: t.emptyEditorClass,
41257
- emptyNode: t.emptyNodeClass
41258
- };
41282
+ let { anchor: a } = i, o = [], s = e.isEmpty;
41259
41283
  if (t.showOnlyCurrent && !t.includeChildren) {
41260
- let i = r.resolve(a), l = i.depth > 0 ? i.node(1) : i.nodeAfter, u = i.depth > 0 ? i.before(1) : a;
41261
- if (l && l.type.isTextblock && Sb(l)) {
41262
- let r = a >= u && a <= u + l.nodeSize;
41263
- o.push(WY({
41284
+ let i = r.resolve(a), c = i.depth > 0 ? i.node(1) : i.nodeAfter, l = i.depth > 0 ? i.before(1) : a;
41285
+ if (c && c.type.isTextblock && Sb(c)) {
41286
+ let r = a >= l && a <= l + c.nodeSize;
41287
+ o.push(UY({
41264
41288
  editor: e,
41265
41289
  isEmptyDoc: s,
41266
41290
  dataAttribute: n,
41267
41291
  hasAnchor: r,
41268
41292
  placeholder: t.placeholder,
41269
- classes: c,
41270
- node: l,
41271
- pos: u
41293
+ classes: {
41294
+ emptyEditor: t.emptyEditorClass,
41295
+ emptyNode: WY(t.emptyNodeClass, {
41296
+ editor: e,
41297
+ node: c,
41298
+ pos: l,
41299
+ hasAnchor: r
41300
+ })
41301
+ },
41302
+ node: c,
41303
+ pos: l
41272
41304
  }));
41273
41305
  }
41274
- } else {
41275
- let i = HY.getState(e.state), l = i?.topPos ?? 0, u = i?.bottomPos ?? r.content.size;
41276
- r.nodesBetween(l, u, (r, i) => {
41277
- let l = a >= i && a <= i + r.nodeSize, u = !r.isLeaf && Sb(r);
41278
- return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(WY({
41279
- editor: e,
41280
- isEmptyDoc: s,
41281
- dataAttribute: n,
41282
- hasAnchor: l,
41283
- placeholder: t.placeholder,
41284
- classes: c,
41285
- node: r,
41286
- pos: i
41287
- })), t.includeChildren;
41288
- });
41289
- }
41306
+ } else o.push(...GY({
41307
+ editor: e,
41308
+ options: t,
41309
+ dataAttribute: n,
41310
+ doc: r,
41311
+ selection: i,
41312
+ from: 0,
41313
+ to: r.content.size
41314
+ }));
41290
41315
  return b_.create(r, o);
41291
41316
  }
41292
- function KY(e) {
41293
- return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
41317
+ function qY(e, t) {
41318
+ let n = e.resolve(t);
41319
+ if (n.depth === 0) {
41320
+ let e = n.nodeAfter ?? n.nodeBefore;
41321
+ if (!e) return {
41322
+ from: t,
41323
+ to: t
41324
+ };
41325
+ let r = n.nodeAfter ? t : t - e.nodeSize;
41326
+ return {
41327
+ from: r,
41328
+ to: r + e.nodeSize
41329
+ };
41330
+ }
41331
+ let r = n.before(1);
41332
+ return {
41333
+ from: r,
41334
+ to: r + n.node(1).nodeSize
41335
+ };
41294
41336
  }
41295
- function qY(e) {
41296
- let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
41297
- return /auto|scroll|overlay/.test(n);
41337
+ function JY(e, t) {
41338
+ return {
41339
+ from: Math.max(0, t.from - 1),
41340
+ to: Math.min(e.content.size, t.to - 1)
41341
+ };
41298
41342
  }
41299
- function JY(e) {
41300
- let t = e;
41301
- for (; t;) {
41302
- if (qY(t)) return t;
41303
- let e = t.parentElement;
41304
- if (!e) {
41305
- let e = t.getRootNode();
41306
- if (e instanceof ShadowRoot) {
41307
- t = e.host;
41308
- continue;
41309
- }
41310
- return window;
41311
- }
41312
- t = e;
41343
+ function YY(e, t, n) {
41344
+ let r = [];
41345
+ return e.forEach((e, i) => {
41346
+ let a = i, o = a + e.nodeSize, s = a + 1, c = o + 1;
41347
+ s < n && c > t && r.push({
41348
+ from: a,
41349
+ to: o
41350
+ });
41351
+ }), r;
41352
+ }
41353
+ function XY(e) {
41354
+ if (e.length === 0) return [];
41355
+ let t = [...e].sort((e, t) => e.from - t.from), n = [{ ...t[0] }];
41356
+ for (let e = 1; e < t.length; e += 1) {
41357
+ let r = n[n.length - 1], i = t[e];
41358
+ i.from <= r.to ? r.to = Math.max(r.to, i.to) : n.push({ ...i });
41313
41359
  }
41314
- return window;
41360
+ return n;
41315
41361
  }
41316
- function YY(e) {
41317
- return e === window ? {
41318
- top: 0,
41319
- bottom: window.innerHeight
41320
- } : e.getBoundingClientRect();
41362
+ function ZY(e, t) {
41363
+ let n = YY(e, t.from, t.to);
41364
+ return n.push(JY(e, qY(e, t.from))), t.to > t.from ? n.push(JY(e, qY(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(JY(e, qY(e, Math.min(t.from + 1, e.content.size)))), n;
41321
41365
  }
41322
- function XY({ doc: e, view: t, scrollContainer: n }) {
41323
- let r = t.dom.getBoundingClientRect(), i = n ? YY(n) : {
41324
- top: 0,
41325
- bottom: window.innerHeight
41326
- }, a = Math.max(r.top, i.top) - UY, o = Math.min(r.bottom, i.bottom) + UY;
41327
- if (a >= o) return {
41328
- top: 0,
41329
- bottom: e.content.size
41330
- };
41331
- let s = getComputedStyle(t.dom).direction === "rtl" ? Math.max(r.right - 2, r.left + 2) : r.left + 2, c = t.posAtCoords({
41332
- left: s,
41333
- top: a + 2
41334
- }), l = t.posAtCoords({
41335
- left: s,
41336
- top: o - 2
41337
- });
41366
+ function QY(e, t, n) {
41367
+ let r = [];
41368
+ if (e.docChanged) {
41369
+ let t = db(e);
41370
+ for (let e of t) r.push(...ZY(n.doc, e.newRange));
41371
+ }
41372
+ return e.selectionSet && (r.push(JY(n.doc, qY(n.doc, e.mapping.map(t.selection.anchor)))), r.push(JY(n.doc, qY(n.doc, n.selection.anchor)))), XY(r);
41373
+ }
41374
+ function $Y(e, t, n) {
41375
+ let r = Math.max(0, Math.min(e, n.content.size));
41338
41376
  return {
41339
- top: c ? c.pos : 0,
41340
- bottom: l ? l.pos : e.content.size
41377
+ from: r,
41378
+ to: Math.max(r, Math.min(t, n.content.size))
41341
41379
  };
41342
41380
  }
41343
- var ZY = {
41344
- init() {
41345
- return {
41346
- topPos: null,
41347
- bottomPos: null
41348
- };
41349
- },
41350
- apply(e, t) {
41351
- let n = e.getMeta(HY);
41352
- return n?.positions ? {
41353
- topPos: n.positions.top,
41354
- bottomPos: n.positions.bottom
41355
- } : e.docChanged ? {
41356
- topPos: t.topPos === null ? null : e.mapping.map(t.topPos),
41357
- bottomPos: t.bottomPos === null ? null : e.mapping.map(t.bottomPos)
41358
- } : t;
41381
+ function eX({ decorations: e, ranges: t, editor: n, options: r, dataAttribute: i, doc: a, selection: o }) {
41382
+ let s = e;
41383
+ for (let e of t) {
41384
+ let { from: t, to: c } = $Y(e.from, e.to, a), l = s.find(t, c).filter((e) => e.from >= t && e.to <= c);
41385
+ l.length && (s = s.remove(l));
41386
+ let u = GY({
41387
+ editor: n,
41388
+ options: r,
41389
+ dataAttribute: i,
41390
+ doc: a,
41391
+ selection: o,
41392
+ from: t,
41393
+ to: c
41394
+ });
41395
+ u.length && (s = s.add(a, u));
41359
41396
  }
41360
- };
41361
- function QY(e) {
41362
- let t = JY(e.dom), n = () => {
41363
- let n = XY({
41364
- view: e,
41365
- doc: e.state.doc,
41366
- scrollContainer: t
41367
- }), r = HY.getState(e.state);
41368
- if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
41369
- let i = e.state.tr.setMeta(HY, { positions: n });
41370
- e.dispatch(i);
41371
- }, r = null, i = 0, a = () => {
41372
- r === null && (r = requestAnimationFrame(() => {
41373
- r = null;
41374
- let e = performance.now();
41375
- e - i >= 150 ? (i = e, n()) : a();
41376
- }));
41377
- };
41378
- return t.addEventListener("scroll", a, { passive: !0 }), n(), {
41379
- update(t, n) {
41380
- e.state.doc.content.size !== n.doc.content.size && a();
41397
+ return s;
41398
+ }
41399
+ function tX({ editor: e, options: t, dataAttribute: n }) {
41400
+ return {
41401
+ init(r, i) {
41402
+ return KY({
41403
+ editor: e,
41404
+ options: t,
41405
+ dataAttribute: n,
41406
+ doc: i.doc,
41407
+ selection: i.selection
41408
+ }) ?? b_.empty;
41381
41409
  },
41382
- destroy: () => {
41383
- r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
41410
+ apply(r, i, a, o) {
41411
+ return !r.docChanged && !r.selectionSet ? i : eX({
41412
+ decorations: i.map(r.mapping, r.doc),
41413
+ ranges: QY(r, a, o),
41414
+ editor: e,
41415
+ options: t,
41416
+ dataAttribute: n,
41417
+ doc: o.doc,
41418
+ selection: o.selection
41419
+ });
41384
41420
  }
41385
41421
  };
41386
41422
  }
41387
- function $Y({ editor: e, options: t }) {
41388
- let n = t.dataAttribute ? `data-${KY(t.dataAttribute)}` : `data-${VY}`;
41423
+ function nX(e) {
41424
+ return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
41425
+ }
41426
+ function rX({ editor: e, options: t }) {
41427
+ let n = t.dataAttribute ? `data-${nX(t.dataAttribute)}` : `data-${VY}`, r = t.showOnlyCurrent && !t.includeChildren;
41389
41428
  return new vd({
41390
41429
  key: HY,
41391
- state: ZY,
41392
- view: QY,
41393
- props: { decorations: ({ doc: r, selection: i }) => GY({
41430
+ ...r ? {} : { state: tX({
41431
+ editor: e,
41432
+ options: t,
41433
+ dataAttribute: n
41434
+ }) },
41435
+ props: { decorations: r ? ({ doc: r, selection: i }) => KY({
41394
41436
  editor: e,
41395
41437
  options: t,
41396
41438
  dataAttribute: n,
41397
41439
  doc: r,
41398
41440
  selection: i
41399
- }) }
41441
+ }) : (n) => t.showOnlyWhenEditable && !e.isEditable ? b_.empty : HY.getState(n) ?? b_.empty }
41400
41442
  });
41401
41443
  }
41402
- var eX = mx.create({
41444
+ var iX = mx.create({
41403
41445
  name: "placeholder",
41404
41446
  addOptions() {
41405
41447
  return {
@@ -41413,12 +41455,25 @@ var eX = mx.create({
41413
41455
  };
41414
41456
  },
41415
41457
  addProseMirrorPlugins() {
41416
- return [$Y({
41458
+ return [rX({
41417
41459
  editor: this.editor,
41418
41460
  options: this.options
41419
41461
  })];
41420
41462
  }
41421
41463
  });
41464
+ function aX(e, t) {
41465
+ return !e.selection.empty && !Cb(e.selection) && t.isEditable;
41466
+ }
41467
+ function oX(e, t) {
41468
+ return aX(e, t) && !t.isFocused && !t.view.dragging;
41469
+ }
41470
+ function sX() {
41471
+ var e;
41472
+ (e = window.getSelection()) == null || e.removeAllRanges();
41473
+ }
41474
+ function cX(e) {
41475
+ e.focus();
41476
+ }
41422
41477
  mx.create({
41423
41478
  name: "selection",
41424
41479
  addOptions() {
@@ -41428,13 +41483,25 @@ mx.create({
41428
41483
  let { editor: e, options: t } = this;
41429
41484
  return [new vd({
41430
41485
  key: new xd("selection"),
41431
- props: { decorations(n) {
41432
- return n.selection.empty || e.isFocused || !e.isEditable || Cb(n.selection) || e.view.dragging ? null : b_.create(n.doc, [__.inline(n.selection.from, n.selection.to, { class: t.className })]);
41433
- } }
41486
+ props: {
41487
+ decorations(n) {
41488
+ return oX(n, e) ? b_.create(n.doc, [__.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
41489
+ },
41490
+ handleDOMEvents: {
41491
+ blur(t) {
41492
+ return aX(t.state, e) && sX(), !1;
41493
+ },
41494
+ focus(t) {
41495
+ return aX(t.state, e) && requestAnimationFrame(() => {
41496
+ !e.isDestroyed && t.hasFocus() && cX(t);
41497
+ }), !1;
41498
+ }
41499
+ }
41500
+ }
41434
41501
  })];
41435
41502
  }
41436
41503
  });
41437
- function tX({ types: e, node: t }) {
41504
+ function lX({ types: e, node: t }) {
41438
41505
  return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
41439
41506
  }
41440
41507
  mx.create({
@@ -41456,7 +41523,7 @@ mx.create({
41456
41523
  state: {
41457
41524
  init: (e, t) => {
41458
41525
  let r = t.tr.doc.lastChild;
41459
- return !tX({
41526
+ return !lX({
41460
41527
  node: r,
41461
41528
  types: n
41462
41529
  });
@@ -41464,7 +41531,7 @@ mx.create({
41464
41531
  apply: (e, t) => {
41465
41532
  if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
41466
41533
  let r = e.doc.lastChild;
41467
- return !tX({
41534
+ return !lX({
41468
41535
  node: r,
41469
41536
  types: n
41470
41537
  });
@@ -41499,7 +41566,7 @@ mx.create({
41499
41566
  };
41500
41567
  }
41501
41568
  });
41502
- var nX = ox.create({
41569
+ var uX = ox.create({
41503
41570
  name: "superscript",
41504
41571
  addOptions() {
41505
41572
  return { HTMLAttributes: {} };
@@ -41529,7 +41596,7 @@ var nX = ox.create({
41529
41596
  addKeyboardShortcuts() {
41530
41597
  return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
41531
41598
  }
41532
- }), rX = ox.create({
41599
+ }), dX = ox.create({
41533
41600
  name: "subscript",
41534
41601
  addOptions() {
41535
41602
  return { HTMLAttributes: {} };
@@ -41559,7 +41626,7 @@ var nX = ox.create({
41559
41626
  addKeyboardShortcuts() {
41560
41627
  return { "Mod-,": () => this.editor.commands.toggleSubscript() };
41561
41628
  }
41562
- }), iX = mx.create({
41629
+ }), fX = mx.create({
41563
41630
  name: "textAlign",
41564
41631
  addOptions() {
41565
41632
  return {
@@ -41601,7 +41668,7 @@ var nX = ox.create({
41601
41668
  "Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
41602
41669
  };
41603
41670
  }
41604
- }), aX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, oX = Wx.create({
41671
+ }), pX = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, mX = Wx.create({
41605
41672
  name: "image",
41606
41673
  addOptions() {
41607
41674
  return {
@@ -41694,7 +41761,7 @@ var nX = ox.create({
41694
41761
  },
41695
41762
  addInputRules() {
41696
41763
  return [Ax({
41697
- find: aX,
41764
+ find: pX,
41698
41765
  type: this.type,
41699
41766
  getAttributes: (e) => {
41700
41767
  let [, , t, n, r] = e;
@@ -41706,17 +41773,17 @@ var nX = ox.create({
41706
41773
  }
41707
41774
  })];
41708
41775
  }
41709
- }), sX = eX, cX = {
41776
+ }), hX = iX, gX = {
41710
41777
  position: "bottom",
41711
41778
  alignment: "left",
41712
41779
  alwaysVisible: !1,
41713
41780
  showDone: !0,
41714
41781
  doneOn: "blur"
41715
- }, lX = {
41782
+ }, _X = {
41716
41783
  options: {},
41717
41784
  respAreaToolbar: () => {},
41718
41785
  onHandleAreaChange: () => {}
41719
- }, uX = [
41786
+ }, vX = [
41720
41787
  "bold",
41721
41788
  "italic",
41722
41789
  "underline",
@@ -41738,7 +41805,7 @@ var nX = ox.create({
41738
41805
  "h3",
41739
41806
  "undo",
41740
41807
  "redo"
41741
- ], dX = {
41808
+ ], yX = {
41742
41809
  "--white": "#fff",
41743
41810
  "--black": "#2e2b29",
41744
41811
  "--black-contrast": "#110f0e",
@@ -41757,14 +41824,18 @@ var nX = ox.create({
41757
41824
  "--red": "#ff5c33",
41758
41825
  "--red-light": "#ffebe5",
41759
41826
  "--shadow": "0px 12px 33px 0px rgba(0, 0, 0, .06),\n 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)"
41760
- }, fX = (e) => {
41827
+ }, bX = (e) => ({
41828
+ spellcheck: e ? "true" : "false",
41829
+ autocorrect: e ? "on" : "off",
41830
+ autocapitalize: e ? "on" : "off"
41831
+ }), xX = (e) => {
41761
41832
  let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = Ct([]), [a, o] = Ct(!1), { toolbarOpts: s } = e, c = gt((e) => {
41762
41833
  i((t) => {
41763
41834
  let n = t.filter((t) => t.pos !== e);
41764
41835
  return n.length === 0 && o(!1), n;
41765
41836
  });
41766
41837
  }, [i]), l = {
41767
- ...cX,
41838
+ ...gX,
41768
41839
  ...s
41769
41840
  }, u = gt((t) => {
41770
41841
  let n = t.getHTML();
@@ -41775,13 +41846,13 @@ var nX = ox.create({
41775
41846
  e.onDone,
41776
41847
  l.doneOn
41777
41848
  ]), d = bt(() => ({
41778
- ...lX,
41849
+ ..._X,
41779
41850
  ...e.responseAreaProps,
41780
41851
  onInlineDropdownToolbarClose: u
41781
41852
  }), [e.responseAreaProps, u]), f = bt(() => {
41782
41853
  let { customPlugins: t, ...n } = e.pluginProps || {};
41783
41854
  t ||= [];
41784
- let r = (e.activePlugins || uX)?.filter((e) => {
41855
+ let r = (e.activePlugins || vX)?.filter((e) => {
41785
41856
  let t = dc[e] || e, r = n[t] || {};
41786
41857
  return !r || !r.disabled;
41787
41858
  });
@@ -41799,103 +41870,112 @@ var nX = ox.create({
41799
41870
  setKeypadInteraction: {},
41800
41871
  media: {}
41801
41872
  });
41802
- }, [e, d.type]), p = Xk({
41803
- extensions: [
41804
- iX.configure({
41805
- types: [
41806
- "heading",
41807
- "paragraph",
41808
- "div",
41809
- "headingParagraph",
41810
- "h1",
41811
- "h2",
41812
- "h3",
41813
- "h4",
41814
- "h5",
41815
- "h6",
41816
- "td",
41817
- "th"
41818
- ],
41819
- alignments: [
41820
- "left",
41821
- "right",
41822
- "center",
41823
- "justify"
41824
- ]
41825
- }),
41826
- zY,
41827
- BY.configure({ limit: e.charactersLimit || 1e6 }),
41828
- kY.configure({ trailingNode: {
41873
+ }, [e, d.type]), p = [
41874
+ fX.configure({
41875
+ types: [
41876
+ "heading",
41877
+ "paragraph",
41878
+ "div",
41879
+ "headingParagraph",
41880
+ "h1",
41881
+ "h2",
41882
+ "h3",
41883
+ "h4",
41884
+ "h5",
41885
+ "h6",
41886
+ "td",
41887
+ "th"
41888
+ ],
41889
+ alignments: [
41890
+ "left",
41891
+ "right",
41892
+ "center",
41893
+ "justify"
41894
+ ]
41895
+ }),
41896
+ zY,
41897
+ BY.configure({ limit: e.charactersLimit || 1e6 }),
41898
+ kY.configure({
41899
+ trailingNode: {
41829
41900
  node: "paragraph",
41830
41901
  notAfter: ["paragraph", "div"]
41831
- } }),
41832
- NB,
41833
- SO,
41834
- PB,
41835
- CO,
41836
- wO,
41837
- sX.configure({
41838
- placeholder: e.placeholder,
41839
- showOnlyWhenEditable: !0,
41840
- showOnlyCurrent: !1,
41841
- includeChildren: !0
41842
- }),
41843
- vO,
41844
- nO,
41845
- xO,
41846
- bO,
41847
- _R.configure(d),
41848
- vR.configure(d),
41849
- bR.configure(d),
41850
- xR.configure(d),
41851
- yR.configure(d),
41852
- iz.configure({
41853
- toolbarOpts: l,
41854
- math: e.pluginProps?.math || {}
41855
- }),
41856
- rX,
41857
- nX,
41858
- oX,
41859
- Tz.configure({
41860
- toolbarOpts: l,
41861
- imageHandling: {
41862
- disableImageAlignmentButtons: e.disableImageAlignmentButtons,
41863
- onDone: (t) => e.onDone?.(t.getHTML()),
41864
- onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
41865
- let { src: n } = t.attrs;
41866
- e.imageSupport.delete(n, (e) => {
41867
- c(t.pos);
41868
- });
41869
- }),
41870
- insertImageRequested: e.imageSupport && ((t, n, r) => {
41871
- let [o, s] = n, l = (n) => {
41872
- let r;
41873
- a && n && (r = e.onChange), c(s), r?.(t.getHTML());
41874
- };
41875
- t._insertingImage = !0, i((e) => [...e, o]), (() => {
41876
- let n = r(l), i = st(() => {
41877
- let e = () => window.removeEventListener("focus", i);
41878
- if (!t._insertingImage) {
41879
- e();
41880
- return;
41881
- }
41882
- c(s), t._insertingImage = !1, e();
41883
- }, 500);
41884
- window.addEventListener("focus", i), e.imageSupport.add(n);
41885
- })();
41886
- }),
41887
- maxImageWidth: e.maxImageWidth,
41888
- maxImageHeight: e.maxImageHeight
41889
- },
41890
- limit: 3
41891
- }),
41892
- Kz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
41893
- Qz.configure({ extraCSSRules: e.extraCSSRules })
41894
- ],
41902
+ },
41903
+ link: {
41904
+ autolink: !1,
41905
+ linkOnPaste: !1
41906
+ }
41907
+ }),
41908
+ NB,
41909
+ SO,
41910
+ PB,
41911
+ CO,
41912
+ wO,
41913
+ hX.configure({
41914
+ placeholder: e.placeholder,
41915
+ showOnlyWhenEditable: !0,
41916
+ showOnlyCurrent: !1,
41917
+ includeChildren: !0
41918
+ }),
41919
+ vO,
41920
+ nO,
41921
+ xO,
41922
+ bO,
41923
+ _R.configure(d),
41924
+ vR.configure(d),
41925
+ bR.configure(d),
41926
+ xR.configure(d),
41927
+ yR.configure(d),
41928
+ iz.configure({
41929
+ toolbarOpts: l,
41930
+ math: e.pluginProps?.math || {}
41931
+ }),
41932
+ dX,
41933
+ uX,
41934
+ mX,
41935
+ Tz.configure({
41936
+ toolbarOpts: l,
41937
+ imageHandling: {
41938
+ disableImageAlignmentButtons: e.disableImageAlignmentButtons,
41939
+ onDone: (t) => e.onDone?.(t.getHTML()),
41940
+ onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
41941
+ let { src: n } = t.attrs;
41942
+ e.imageSupport.delete(n, (e) => {
41943
+ c(t.pos);
41944
+ });
41945
+ }),
41946
+ insertImageRequested: e.imageSupport && ((t, n, r) => {
41947
+ let [o, s] = n, l = (n) => {
41948
+ let r;
41949
+ a && n && (r = e.onChange), c(s), r?.(t.getHTML());
41950
+ };
41951
+ t._insertingImage = !0, i((e) => [...e, o]), (() => {
41952
+ let n = r(l), i = st(() => {
41953
+ let e = () => window.removeEventListener("focus", i);
41954
+ if (!t._insertingImage) {
41955
+ e();
41956
+ return;
41957
+ }
41958
+ c(s), t._insertingImage = !1, e();
41959
+ }, 500);
41960
+ window.addEventListener("focus", i), e.imageSupport.add(n);
41961
+ })();
41962
+ }),
41963
+ maxImageWidth: e.maxImageWidth,
41964
+ maxImageHeight: e.maxImageHeight
41965
+ },
41966
+ limit: 3
41967
+ }),
41968
+ Kz.configure({ uploadSoundSupport: e.uploadSoundSupport }),
41969
+ Qz.configure({ extraCSSRules: e.extraCSSRules })
41970
+ ], m = e.spellCheck !== !1, h = Xk({
41971
+ extensions: p,
41895
41972
  immediatelyRender: !1,
41896
- editorProps: { handleKeyDown(t, n) {
41897
- return e.onKeyDown ? e.onKeyDown(n) : !1;
41898
- } },
41973
+ editorProps: {
41974
+ attributes: bX(m),
41975
+ handleKeyDown(t, n) {
41976
+ return e.onKeyDown ? e.onKeyDown(n) : !1;
41977
+ }
41978
+ },
41899
41979
  editable: !e.disabled,
41900
41980
  content: gc(e.markup),
41901
41981
  onUpdate: ({ editor: t, transaction: n }) => {
@@ -41906,22 +41986,29 @@ var nX = ox.create({
41906
41986
  }
41907
41987
  }, [e.charactersLimit]);
41908
41988
  P(() => {
41909
- e.editorRef && e.editorRef(p);
41910
- }, [e.editorRef, p]), P(() => {
41911
- p?.setEditable(!e.disabled);
41912
- }, [e.disabled, p]), P(() => {
41913
- if (!p) return;
41989
+ e.editorRef && e.editorRef(h);
41990
+ }, [e.editorRef, h]), P(() => {
41991
+ h?.setEditable(!e.disabled);
41992
+ }, [e.disabled, h]), P(() => {
41993
+ if (!h) return;
41994
+ let e = h.options?.editorProps, t = bX(m);
41995
+ e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
41996
+ ...e,
41997
+ attributes: t
41998
+ } });
41999
+ }, [m, h]), P(() => {
42000
+ if (!h) return;
41914
42001
  let t = gc(e.markup);
41915
- t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
41916
- }, [e.markup, p]), P(() => {
41917
- Object.entries(dX).forEach(([e, t]) => {
42002
+ t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
42003
+ }, [e.markup, h]), P(() => {
42004
+ Object.entries(yX).forEach(([e, t]) => {
41918
42005
  document.documentElement.style.setProperty(e, t);
41919
42006
  });
41920
42007
  }, []);
41921
- let m = Kk({
41922
- editor: p,
42008
+ let g = Kk({
42009
+ editor: h,
41923
42010
  selector: (e) => ({ isFocused: e.editor?.isFocused })
41924
- }), h = bt(() => {
42011
+ }), _ = bt(() => {
41925
42012
  let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
41926
42013
  return {
41927
42014
  width: FB(n),
@@ -41936,20 +42023,20 @@ var nX = ox.create({
41936
42023
  ...e,
41937
42024
  activePlugins: f,
41938
42025
  toolbarOpts: l,
41939
- editorState: m,
41940
- editor: p,
41941
- children: p && /* @__PURE__ */ F(pX, {
42026
+ editorState: g,
42027
+ editor: h,
42028
+ children: h && /* @__PURE__ */ F(SX, {
41942
42029
  style: {
41943
- minHeight: h.minHeight,
41944
- height: h.height,
41945
- maxHeight: h.maxHeight
42030
+ minHeight: _.minHeight,
42031
+ height: _.height,
42032
+ maxHeight: _.maxHeight
41946
42033
  },
41947
42034
  showParagraph: t && !t.disabled,
41948
42035
  separateParagraph: n && !n.disabled,
41949
- editor: p
42036
+ editor: h
41950
42037
  })
41951
42038
  });
41952
- }, pX = k(Uk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
42039
+ }, SX = k(Uk, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
41953
42040
  display: "flex",
41954
42041
  outline: "none !important",
41955
42042
  "& .ProseMirror": {
@@ -41977,26 +42064,26 @@ var nX = ox.create({
41977
42064
  } },
41978
42065
  ...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
41979
42066
  }
41980
- })), mX = fX;
42067
+ })), CX = xX;
41981
42068
  //#endregion
41982
42069
  //#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
41983
- function hX(e) {
42070
+ function wX(e) {
41984
42071
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
41985
42072
  }
41986
- function gX(e, t) {
41987
- return !e || hX(e) ? e : hX(e.default) ? e.default : t && hX(e[t]) ? e[t] : t && hX(e[t]?.default) ? e[t].default : e;
42073
+ function TX(e, t) {
42074
+ return !e || wX(e) ? e : wX(e.default) ? e.default : t && wX(e[t]) ? e[t] : t && wX(e[t]?.default) ? e[t].default : e;
41988
42075
  }
41989
- var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX = pe, yX = vX.default, bX = yX && typeof yX == "object" ? yX : vX, xX = k(mX)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), SX = {
42076
+ var EX = TX(Ae, "InputContainer") || TX(kX.InputContainer, "InputContainer"), DX = pe, OX = DX.default, kX = OX && typeof OX == "object" ? OX : DX, AX = k(CX)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), jX = {
41990
42077
  default: "Simple Feedback",
41991
42078
  none: "No Feedback",
41992
42079
  custom: "Customized Feedback"
41993
- }, CX = k("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), wX = k(_X)(() => ({ paddingBottom: 0 })), TX = k("div")(({ theme: e }) => ({
42080
+ }, MX = k("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), NX = k(EX)(() => ({ paddingBottom: 0 })), PX = k("div")(({ theme: e }) => ({
41994
42081
  marginTop: "0px",
41995
42082
  background: O.backgroundDark(),
41996
42083
  padding: 0,
41997
42084
  marginBottom: e.spacing(2),
41998
42085
  borderRadius: "4px"
41999
- })), EX = k("div")(({ theme: e }) => ({
42086
+ })), FX = k("div")(({ theme: e }) => ({
42000
42087
  marginTop: "0px",
42001
42088
  background: O.backgroundDark(),
42002
42089
  padding: e.spacing(2),
@@ -42004,7 +42091,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42004
42091
  borderRadius: "4px",
42005
42092
  fontFamily: e.typography.fontFamily,
42006
42093
  cursor: "default"
42007
- })), DX = k(sc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), OX = {
42094
+ })), IX = k(sc)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), LX = {
42008
42095
  type: L.default.oneOf([
42009
42096
  "default",
42010
42097
  "custom",
@@ -42012,11 +42099,11 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42012
42099
  ]),
42013
42100
  default: L.default.string,
42014
42101
  custom: L.default.string
42015
- }, kX = class extends N.Component {
42102
+ }, RX = class extends N.Component {
42016
42103
  static propTypes = {
42017
42104
  keys: L.default.arrayOf(L.default.string),
42018
42105
  label: L.default.string.isRequired,
42019
- feedback: L.default.shape(OX).isRequired,
42106
+ feedback: L.default.shape(LX).isRequired,
42020
42107
  onChange: L.default.func.isRequired,
42021
42108
  toolbarOpts: L.default.object,
42022
42109
  mathMlOptions: L.default.object
@@ -42038,36 +42125,36 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42038
42125
  };
42039
42126
  render() {
42040
42127
  let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
42041
- return /* @__PURE__ */ I(CX, { children: [
42042
- /* @__PURE__ */ F(wX, {
42128
+ return /* @__PURE__ */ I(MX, { children: [
42129
+ /* @__PURE__ */ F(NX, {
42043
42130
  label: t,
42044
42131
  extraClasses: { label: { transform: "translateY(-20%)" } },
42045
- children: /* @__PURE__ */ F(DX, {
42046
- keys: e || Object.keys(SX),
42132
+ children: /* @__PURE__ */ F(IX, {
42133
+ keys: e || Object.keys(jX),
42047
42134
  label: t,
42048
42135
  value: n.type,
42049
42136
  onChange: this.changeType,
42050
- feedbackLabels: SX
42137
+ feedbackLabels: jX
42051
42138
  })
42052
42139
  }),
42053
- n.type === "custom" && /* @__PURE__ */ F(TX, { children: /* @__PURE__ */ F(xX, {
42140
+ n.type === "custom" && /* @__PURE__ */ F(PX, { children: /* @__PURE__ */ F(AX, {
42054
42141
  onChange: this.changeCustom,
42055
42142
  markup: n.custom || "",
42056
42143
  toolbarOpts: r,
42057
42144
  languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
42058
42145
  mathMlOptions: i
42059
42146
  }) }),
42060
- n.type === "default" && /* @__PURE__ */ I(EX, { children: [" ", n.default] })
42147
+ n.type === "default" && /* @__PURE__ */ I(FX, { children: [" ", n.default] })
42061
42148
  ] });
42062
42149
  }
42063
- }, AX = E(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), jX = k("div")(() => ({
42150
+ }, zX = E(/*#__PURE__*/ F("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), BX = k("div")(() => ({
42064
42151
  display: "flex",
42065
42152
  flex: 1,
42066
42153
  flexDirection: "column"
42067
- })), MX = k(Wt)(() => ({
42154
+ })), VX = k(Wt)(() => ({
42068
42155
  paddingTop: 0,
42069
42156
  paddingBottom: 0
42070
- })), NX = (e) => rt({}, {
42157
+ })), HX = (e) => rt({}, {
42071
42158
  correct: {
42072
42159
  type: "default",
42073
42160
  default: "Correct"
@@ -42080,21 +42167,21 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42080
42167
  type: "default",
42081
42168
  default: "Nearly"
42082
42169
  }
42083
- }, e), PX = class extends N.Component {
42170
+ }, e), UX = class extends N.Component {
42084
42171
  static propTypes = {
42085
42172
  allowPartial: L.default.bool,
42086
42173
  className: L.default.string,
42087
42174
  feedback: L.default.shape({
42088
- correct: L.default.shape(OX),
42089
- incorrect: L.default.shape(OX),
42090
- partial: L.default.shape(OX)
42175
+ correct: L.default.shape(LX),
42176
+ incorrect: L.default.shape(LX),
42177
+ partial: L.default.shape(LX)
42091
42178
  }),
42092
42179
  onChange: L.default.func.isRequired,
42093
42180
  toolbarOpts: L.default.object
42094
42181
  };
42095
42182
  static defaultProps = {
42096
42183
  allowPartial: !0,
42097
- feedback: NX()
42184
+ feedback: HX()
42098
42185
  };
42099
42186
  onChange(e, t) {
42100
42187
  let { feedback: n, onChange: r } = this.props;
@@ -42116,22 +42203,22 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42116
42203
  exit: 195
42117
42204
  } } },
42118
42205
  children: [/* @__PURE__ */ F(Zt, {
42119
- expandIcon: /* @__PURE__ */ F(AX, {}),
42206
+ expandIcon: /* @__PURE__ */ F(zX, {}),
42120
42207
  children: /* @__PURE__ */ F(Ve, { children: "Feedback" })
42121
- }), /* @__PURE__ */ F(MX, { children: /* @__PURE__ */ I(jX, { children: [
42122
- /* @__PURE__ */ F(kX, {
42208
+ }), /* @__PURE__ */ F(VX, { children: /* @__PURE__ */ I(BX, { children: [
42209
+ /* @__PURE__ */ F(RX, {
42123
42210
  label: "If correct, show",
42124
42211
  feedback: n.correct,
42125
42212
  onChange: this.onCorrectChange,
42126
42213
  toolbarOpts: r
42127
42214
  }),
42128
- t && /* @__PURE__ */ F(kX, {
42215
+ t && /* @__PURE__ */ F(RX, {
42129
42216
  label: "If partially correct, show",
42130
42217
  feedback: n.partial,
42131
42218
  onChange: this.onPartialChange,
42132
42219
  toolbarOpts: r
42133
42220
  }),
42134
- /* @__PURE__ */ F(kX, {
42221
+ /* @__PURE__ */ F(RX, {
42135
42222
  label: "If incorrect, show",
42136
42223
  feedback: n.incorrect,
42137
42224
  onChange: this.onIncorrectChange,
@@ -42141,7 +42228,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42141
42228
  })
42142
42229
  });
42143
42230
  }
42144
- }, FX = k(Ss)(() => ({})), IX = class extends N.Component {
42231
+ }, WX = k(Ss)(() => ({})), GX = class extends N.Component {
42145
42232
  static propTypes = {
42146
42233
  className: L.default.string,
42147
42234
  contentClassName: L.default.string,
@@ -42162,7 +42249,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42162
42249
  indicatorColor: "primary",
42163
42250
  value: e,
42164
42251
  onChange: this.handleChange,
42165
- children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(FX, { label: e.props.title }, t) : null)
42252
+ children: N.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ F(WX, { label: e.props.title }, t) : null)
42166
42253
  }), /* @__PURE__ */ F("div", {
42167
42254
  className: r,
42168
42255
  style: i,
@@ -42170,7 +42257,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42170
42257
  })]
42171
42258
  });
42172
42259
  }
42173
- }, LX = k(ma)(({ theme: e, mini: t }) => ({
42260
+ }, KX = k(ma)(({ theme: e, mini: t }) => ({
42174
42261
  margin: 0,
42175
42262
  marginLeft: 0,
42176
42263
  padding: 0,
@@ -42184,7 +42271,7 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42184
42271
  fontSize: e.typography.fontSize - 3
42185
42272
  }
42186
42273
  }
42187
- })), RX = k(Me)(({ theme: e, mini: t, error: n }) => ({
42274
+ })), qX = k(Me)(({ theme: e, mini: t, error: n }) => ({
42188
42275
  color: `${O.tertiary()} !important`,
42189
42276
  ...t && {
42190
42277
  margin: 0,
@@ -42193,9 +42280,9 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42193
42280
  height: e.spacing(3)
42194
42281
  },
42195
42282
  ...n && { color: `${e.palette.error.main} !important` }
42196
- })), zX = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(LX, {
42283
+ })), JX = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ F(KX, {
42197
42284
  mini: e,
42198
- control: /* @__PURE__ */ F(RX, {
42285
+ control: /* @__PURE__ */ F(qX, {
42199
42286
  checked: t,
42200
42287
  onChange: n,
42201
42288
  value: r,
@@ -42204,21 +42291,21 @@ var _X = gX(Ae, "InputContainer") || gX(bX.InputContainer, "InputContainer"), vX
42204
42291
  }),
42205
42292
  label: i
42206
42293
  });
42207
- zX.propTypes = {
42294
+ JX.propTypes = {
42208
42295
  mini: L.default.bool,
42209
42296
  checked: L.default.bool.isRequired,
42210
42297
  onChange: L.default.func.isRequired,
42211
42298
  value: L.default.string,
42212
42299
  label: L.default.string.isRequired,
42213
42300
  error: L.default.bool
42214
- }, zX.defaultProps = {
42301
+ }, JX.defaultProps = {
42215
42302
  value: "",
42216
42303
  mini: !1,
42217
42304
  error: !1
42218
42305
  };
42219
42306
  //#endregion
42220
42307
  //#region ../../lib-react/config-ui/dist/number-text-field.js
42221
- var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({ theme: e }) => ({
42308
+ var YX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), XX = k(Zs)(({ theme: e }) => ({
42222
42309
  marginRight: e.spacing(1),
42223
42310
  "& .MuiInputLabel-root": {
42224
42311
  width: "auto",
@@ -42240,11 +42327,11 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
42240
42327
  minHeight: "auto",
42241
42328
  padding: "6px 0 7px"
42242
42329
  }
42243
- })), HX = (e, t) => {
42330
+ })), ZX = (e, t) => {
42244
42331
  if (!tt(e) && !tt(t)) return 0;
42245
42332
  if (!tt(e) && tt(t)) return t;
42246
42333
  if (tt(e)) return e;
42247
- }, UX = class extends N.Component {
42334
+ }, QX = class extends N.Component {
42248
42335
  static propTypes = {
42249
42336
  disabled: L.default.bool,
42250
42337
  className: L.default.string,
@@ -42270,13 +42357,13 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
42270
42357
  this.setState({ value: t });
42271
42358
  }
42272
42359
  clamp(e, t = this.props.min, n = this.props.max) {
42273
- return tt(e) ? (tt(n) && (e = Math.min(e, n)), tt(t) && (e = Math.max(e, t)), e) : HX(t, n);
42360
+ return tt(e) ? (tt(n) && (e = Math.min(e, n)), tt(t) && (e = Math.max(e, t)), e) : ZX(t, n);
42274
42361
  }
42275
42362
  onBlur = (e) => {
42276
42363
  let t = e.target.value, n = parseFloat(t);
42277
- BX("rawNumber: ", n);
42364
+ YX("rawNumber: ", n);
42278
42365
  let r = this.clamp(n);
42279
- BX("number: ", r), r !== this.state.value && (BX("trigger update..."), this.setState({ value: r.toString() }, () => {
42366
+ YX("number: ", r), r !== this.state.value && (YX("trigger update..."), this.setState({ value: r.toString() }, () => {
42280
42367
  this.props.onChange(e, r);
42281
42368
  }));
42282
42369
  };
@@ -42296,7 +42383,7 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
42296
42383
  };
42297
42384
  render() {
42298
42385
  let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
42299
- return /* @__PURE__ */ F(VX, {
42386
+ return /* @__PURE__ */ F(XX, {
42300
42387
  variant: s ? "filled" : l || "standard",
42301
42388
  inputRef: (e) => {
42302
42389
  this.inputRef = e;
@@ -42328,22 +42415,22 @@ var BX = (0, cc.default)("@pie-lib:config-ui:number-text-field"), VX = k(Zs)(({
42328
42415
  margin: "normal"
42329
42416
  });
42330
42417
  }
42331
- }, WX = E(/*#__PURE__*/ F("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
42418
+ }, $X = E(/*#__PURE__*/ F("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" }), "Add");
42332
42419
  //#endregion
42333
42420
  //#region ../../lib-react/config-ui/dist/two-choice.js
42334
- function GX(e) {
42421
+ function eZ(e) {
42335
42422
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
42336
42423
  }
42337
- function KX(e, t) {
42338
- return !e || GX(e) ? e : GX(e.default) ? e.default : t && GX(e[t]) ? e[t] : t && GX(e[t]?.default) ? e[t].default : e;
42424
+ function tZ(e, t) {
42425
+ return !e || eZ(e) ? e : eZ(e.default) ? e.default : t && eZ(e[t]) ? e[t] : t && eZ(e[t]?.default) ? e[t].default : e;
42339
42426
  }
42340
- var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX = pe, YX = JX.default, XX = YX && typeof YX == "object" ? YX : JX, ZX = k("div")(({ theme: e, direction: t }) => ({
42427
+ var nZ = tZ(Ae, "InputContainer") || tZ(aZ.InputContainer, "InputContainer"), rZ = pe, iZ = rZ.default, aZ = iZ && typeof iZ == "object" ? iZ : rZ, oZ = k("div")(({ theme: e, direction: t }) => ({
42341
42428
  display: "flex",
42342
42429
  flexWrap: "wrap",
42343
42430
  paddingLeft: 0,
42344
42431
  marginTop: e.spacing(1),
42345
42432
  ...t === "vertical" && { flexDirection: "column" }
42346
- })), QX = class extends N.Component {
42433
+ })), sZ = class extends N.Component {
42347
42434
  static propTypes = {
42348
42435
  header: L.default.string.isRequired,
42349
42436
  className: L.default.string,
@@ -42361,10 +42448,10 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
42361
42448
  label: e,
42362
42449
  value: e
42363
42450
  } : e), s = n || rc;
42364
- return /* @__PURE__ */ F(qX, {
42451
+ return /* @__PURE__ */ F(nZ, {
42365
42452
  label: e,
42366
42453
  className: t,
42367
- children: /* @__PURE__ */ F(ZX, {
42454
+ children: /* @__PURE__ */ F(oZ, {
42368
42455
  direction: a,
42369
42456
  children: o.map((e, t) => /* @__PURE__ */ F(s, {
42370
42457
  value: e.value,
@@ -42375,7 +42462,7 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
42375
42462
  })
42376
42463
  });
42377
42464
  }
42378
- }, $X = L.default.shape({
42465
+ }, cZ = L.default.shape({
42379
42466
  label: L.default.string,
42380
42467
  value: L.default.string
42381
42468
  });
@@ -42384,14 +42471,14 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
42384
42471
  header: L.default.string.isRequired,
42385
42472
  value: L.default.string.isRequired,
42386
42473
  onChange: L.default.func.isRequired,
42387
- one: L.default.oneOfType([$X, L.default.string]),
42388
- two: L.default.oneOfType([$X, L.default.string]),
42474
+ one: L.default.oneOfType([cZ, L.default.string]),
42475
+ two: L.default.oneOfType([cZ, L.default.string]),
42389
42476
  className: L.default.string,
42390
42477
  customLabel: L.default.func
42391
42478
  };
42392
42479
  render() {
42393
42480
  let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
42394
- return /* @__PURE__ */ F(QX, {
42481
+ return /* @__PURE__ */ F(sZ, {
42395
42482
  customLabel: i,
42396
42483
  header: n,
42397
42484
  className: r,
@@ -42403,21 +42490,21 @@ var qX = KX(Ae, "InputContainer") || KX(XX.InputContainer, "InputContainer"), JX
42403
42490
  });
42404
42491
  //#endregion
42405
42492
  //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
42406
- var eZ = Object.defineProperty, tZ = (e, t) => {
42493
+ var lZ = Object.defineProperty, uZ = (e, t) => {
42407
42494
  let n = {};
42408
- for (var r in e) eZ(n, r, {
42495
+ for (var r in e) lZ(n, r, {
42409
42496
  get: e[r],
42410
42497
  enumerable: !0
42411
42498
  });
42412
- return t || eZ(n, Symbol.toStringTag, { value: "Module" }), n;
42413
- }, nZ = k("div")(() => ({
42499
+ return t || lZ(n, Symbol.toStringTag, { value: "Module" }), n;
42500
+ }, dZ = k("div")(() => ({
42414
42501
  display: "flex",
42415
42502
  flexDirection: "column",
42416
42503
  position: "relative"
42417
- })), rZ = k("div")(() => ({
42504
+ })), fZ = k("div")(() => ({
42418
42505
  display: "flex",
42419
42506
  justifyContent: "space-between"
42420
- })), iZ = k("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), aZ = k("div")(() => ({ flex: "1" })), oZ = k("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), sZ = class extends N.Component {
42507
+ })), pZ = k("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), mZ = k("div")(() => ({ flex: "1" })), hZ = k("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), gZ = class extends N.Component {
42421
42508
  static propTypes = {
42422
42509
  mode: L.default.oneOf(["tabbed", "inline"]),
42423
42510
  secondary: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]),
@@ -42435,7 +42522,7 @@ var eZ = Object.defineProperty, tZ = (e, t) => {
42435
42522
  } catch (e) {
42436
42523
  console.log(e.toString());
42437
42524
  }
42438
- return /* @__PURE__ */ I(nZ, {
42525
+ return /* @__PURE__ */ I(dZ, {
42439
42526
  style: {
42440
42527
  minHeight: i,
42441
42528
  minWidth: a,
@@ -42443,28 +42530,28 @@ var eZ = Object.defineProperty, tZ = (e, t) => {
42443
42530
  maxWidth: s
42444
42531
  },
42445
42532
  children: [
42446
- e === "inline" && /* @__PURE__ */ I(rZ, { children: [/* @__PURE__ */ F(aZ, {
42533
+ e === "inline" && /* @__PURE__ */ I(fZ, { children: [/* @__PURE__ */ F(mZ, {
42447
42534
  className: "design-container",
42448
42535
  children: n
42449
- }), l && /* @__PURE__ */ F(oZ, {
42536
+ }), l && /* @__PURE__ */ F(hZ, {
42450
42537
  className: "settings-container",
42451
42538
  children: t
42452
42539
  })] }),
42453
- e === "tabbed" && l && /* @__PURE__ */ I(IX, {
42540
+ e === "tabbed" && l && /* @__PURE__ */ I(GX, {
42454
42541
  onChange: this.onTabsChange,
42455
42542
  contentClassName: "content-container",
42456
42543
  indicatorColor: "primary",
42457
- children: [/* @__PURE__ */ F(iZ, {
42544
+ children: [/* @__PURE__ */ F(pZ, {
42458
42545
  title: "Design",
42459
42546
  className: "design-container",
42460
42547
  children: n
42461
- }), /* @__PURE__ */ F(iZ, {
42548
+ }), /* @__PURE__ */ F(pZ, {
42462
42549
  title: "Settings",
42463
42550
  className: "settings-container",
42464
42551
  children: t
42465
42552
  })]
42466
42553
  }),
42467
- e === "tabbed" && !l && /* @__PURE__ */ F(iZ, {
42554
+ e === "tabbed" && !l && /* @__PURE__ */ F(pZ, {
42468
42555
  className: "design-container",
42469
42556
  children: n
42470
42557
  })
@@ -42474,18 +42561,18 @@ var eZ = Object.defineProperty, tZ = (e, t) => {
42474
42561
  };
42475
42562
  //#endregion
42476
42563
  //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
42477
- function cZ() {
42478
- return cZ = Object.assign ? Object.assign.bind() : function(e) {
42564
+ function _Z() {
42565
+ return _Z = Object.assign ? Object.assign.bind() : function(e) {
42479
42566
  for (var t = 1; t < arguments.length; t++) {
42480
42567
  var n = arguments[t];
42481
42568
  for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
42482
42569
  }
42483
42570
  return e;
42484
- }, cZ.apply(null, arguments);
42571
+ }, _Z.apply(null, arguments);
42485
42572
  }
42486
42573
  //#endregion
42487
42574
  //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
42488
- function lZ(e, t) {
42575
+ function vZ(e, t) {
42489
42576
  if (e == null) return {};
42490
42577
  var n = {};
42491
42578
  for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -42496,19 +42583,19 @@ function lZ(e, t) {
42496
42583
  }
42497
42584
  //#endregion
42498
42585
  //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
42499
- function uZ(e, t) {
42500
- return uZ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
42586
+ function yZ(e, t) {
42587
+ return yZ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
42501
42588
  return e.__proto__ = t, e;
42502
- }, uZ(e, t);
42589
+ }, yZ(e, t);
42503
42590
  }
42504
42591
  //#endregion
42505
42592
  //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
42506
- function dZ(e, t) {
42507
- e.prototype = Object.create(t.prototype), e.prototype.constructor = e, uZ(e, t);
42593
+ function bZ(e, t) {
42594
+ e.prototype = Object.create(t.prototype), e.prototype.constructor = e, yZ(e, t);
42508
42595
  }
42509
42596
  //#endregion
42510
42597
  //#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
42511
- var fZ = (function() {
42598
+ var xZ = (function() {
42512
42599
  if (typeof Map < "u") return Map;
42513
42600
  function e(e, t) {
42514
42601
  var n = -1;
@@ -42547,34 +42634,34 @@ var fZ = (function() {
42547
42634
  }
42548
42635
  }, t;
42549
42636
  }();
42550
- })(), pZ = typeof window < "u" && typeof document < "u" && window.document === document, mZ = (function() {
42637
+ })(), SZ = typeof window < "u" && typeof document < "u" && window.document === document, CZ = (function() {
42551
42638
  return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
42552
- })(), hZ = (function() {
42553
- return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(mZ) : function(e) {
42639
+ })(), wZ = (function() {
42640
+ return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(CZ) : function(e) {
42554
42641
  return setTimeout(function() {
42555
42642
  return e(Date.now());
42556
42643
  }, 1e3 / 60);
42557
42644
  };
42558
- })(), gZ = 2;
42559
- function _Z(e, t) {
42645
+ })(), TZ = 2;
42646
+ function EZ(e, t) {
42560
42647
  var n = !1, r = !1, i = 0;
42561
42648
  function a() {
42562
42649
  n && (n = !1, e()), r && s();
42563
42650
  }
42564
42651
  function o() {
42565
- hZ(a);
42652
+ wZ(a);
42566
42653
  }
42567
42654
  function s() {
42568
42655
  var e = Date.now();
42569
42656
  if (n) {
42570
- if (e - i < gZ) return;
42657
+ if (e - i < TZ) return;
42571
42658
  r = !0;
42572
42659
  } else n = !0, r = !1, setTimeout(o, t);
42573
42660
  i = e;
42574
42661
  }
42575
42662
  return s;
42576
42663
  }
42577
- var vZ = 20, yZ = [
42664
+ var DZ = 20, OZ = [
42578
42665
  "top",
42579
42666
  "right",
42580
42667
  "bottom",
@@ -42583,9 +42670,9 @@ var vZ = 20, yZ = [
42583
42670
  "height",
42584
42671
  "size",
42585
42672
  "weight"
42586
- ], bZ = typeof MutationObserver < "u", xZ = function() {
42673
+ ], kZ = typeof MutationObserver < "u", AZ = function() {
42587
42674
  function e() {
42588
- this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = _Z(this.refresh.bind(this), vZ);
42675
+ this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = EZ(this.refresh.bind(this), DZ);
42589
42676
  }
42590
42677
  return e.prototype.addObserver = function(e) {
42591
42678
  ~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -42602,23 +42689,23 @@ var vZ = 20, yZ = [
42602
42689
  return e.broadcastActive();
42603
42690
  }), e.length > 0;
42604
42691
  }, e.prototype.connect_ = function() {
42605
- !pZ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), bZ ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
42692
+ !SZ || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), kZ ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
42606
42693
  attributes: !0,
42607
42694
  childList: !0,
42608
42695
  characterData: !0,
42609
42696
  subtree: !0
42610
42697
  })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
42611
42698
  }, e.prototype.disconnect_ = function() {
42612
- !pZ || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
42699
+ !SZ || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
42613
42700
  }, e.prototype.onTransitionEnd_ = function(e) {
42614
42701
  var t = e.propertyName, n = t === void 0 ? "" : t;
42615
- yZ.some(function(e) {
42702
+ OZ.some(function(e) {
42616
42703
  return !!~n.indexOf(e);
42617
42704
  }) && this.refresh();
42618
42705
  }, e.getInstance = function() {
42619
42706
  return this.instance_ ||= new e(), this.instance_;
42620
42707
  }, e.instance_ = null, e;
42621
- }(), SZ = (function(e, t) {
42708
+ }(), jZ = (function(e, t) {
42622
42709
  for (var n = 0, r = Object.keys(t); n < r.length; n++) {
42623
42710
  var i = r[n];
42624
42711
  Object.defineProperty(e, i, {
@@ -42629,19 +42716,19 @@ var vZ = 20, yZ = [
42629
42716
  });
42630
42717
  }
42631
42718
  return e;
42632
- }), CZ = (function(e) {
42633
- return e && e.ownerDocument && e.ownerDocument.defaultView || mZ;
42634
- }), wZ = PZ(0, 0, 0, 0);
42635
- function TZ(e) {
42719
+ }), MZ = (function(e) {
42720
+ return e && e.ownerDocument && e.ownerDocument.defaultView || CZ;
42721
+ }), NZ = UZ(0, 0, 0, 0);
42722
+ function PZ(e) {
42636
42723
  return parseFloat(e) || 0;
42637
42724
  }
42638
- function EZ(e) {
42725
+ function FZ(e) {
42639
42726
  return [...arguments].slice(1).reduce(function(t, n) {
42640
42727
  var r = e["border-" + n + "-width"];
42641
- return t + TZ(r);
42728
+ return t + PZ(r);
42642
42729
  }, 0);
42643
42730
  }
42644
- function DZ(e) {
42731
+ function IZ(e) {
42645
42732
  for (var t = [
42646
42733
  "top",
42647
42734
  "right",
@@ -42649,40 +42736,40 @@ function DZ(e) {
42649
42736
  "left"
42650
42737
  ], n = {}, r = 0, i = t; r < i.length; r++) {
42651
42738
  var a = i[r], o = e["padding-" + a];
42652
- n[a] = TZ(o);
42739
+ n[a] = PZ(o);
42653
42740
  }
42654
42741
  return n;
42655
42742
  }
42656
- function OZ(e) {
42743
+ function LZ(e) {
42657
42744
  var t = e.getBBox();
42658
- return PZ(0, 0, t.width, t.height);
42745
+ return UZ(0, 0, t.width, t.height);
42659
42746
  }
42660
- function kZ(e) {
42747
+ function RZ(e) {
42661
42748
  var t = e.clientWidth, n = e.clientHeight;
42662
- if (!t && !n) return wZ;
42663
- var r = CZ(e).getComputedStyle(e), i = DZ(r), a = i.left + i.right, o = i.top + i.bottom, s = TZ(r.width), c = TZ(r.height);
42664
- if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= EZ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= EZ(r, "top", "bottom") + o)), !jZ(e)) {
42749
+ if (!t && !n) return NZ;
42750
+ var r = MZ(e).getComputedStyle(e), i = IZ(r), a = i.left + i.right, o = i.top + i.bottom, s = PZ(r.width), c = PZ(r.height);
42751
+ if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= FZ(r, "left", "right") + a), Math.round(c + o) !== n && (c -= FZ(r, "top", "bottom") + o)), !BZ(e)) {
42665
42752
  var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
42666
42753
  Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
42667
42754
  }
42668
- return PZ(i.left, i.top, s, c);
42755
+ return UZ(i.left, i.top, s, c);
42669
42756
  }
42670
- var AZ = (function() {
42757
+ var zZ = (function() {
42671
42758
  return typeof SVGGraphicsElement < "u" ? function(e) {
42672
- return e instanceof CZ(e).SVGGraphicsElement;
42759
+ return e instanceof MZ(e).SVGGraphicsElement;
42673
42760
  } : function(e) {
42674
- return e instanceof CZ(e).SVGElement && typeof e.getBBox == "function";
42761
+ return e instanceof MZ(e).SVGElement && typeof e.getBBox == "function";
42675
42762
  };
42676
42763
  })();
42677
- function jZ(e) {
42678
- return e === CZ(e).document.documentElement;
42764
+ function BZ(e) {
42765
+ return e === MZ(e).document.documentElement;
42679
42766
  }
42680
- function MZ(e) {
42681
- return pZ ? AZ(e) ? OZ(e) : kZ(e) : wZ;
42767
+ function VZ(e) {
42768
+ return SZ ? zZ(e) ? LZ(e) : RZ(e) : NZ;
42682
42769
  }
42683
- function NZ(e) {
42770
+ function HZ(e) {
42684
42771
  var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
42685
- return SZ(a, {
42772
+ return jZ(a, {
42686
42773
  x: t,
42687
42774
  y: n,
42688
42775
  width: r,
@@ -42693,7 +42780,7 @@ function NZ(e) {
42693
42780
  left: t
42694
42781
  }), a;
42695
42782
  }
42696
- function PZ(e, t, n, r) {
42783
+ function UZ(e, t, n, r) {
42697
42784
  return {
42698
42785
  x: e,
42699
42786
  y: t,
@@ -42701,42 +42788,42 @@ function PZ(e, t, n, r) {
42701
42788
  height: r
42702
42789
  };
42703
42790
  }
42704
- var FZ = function() {
42791
+ var WZ = function() {
42705
42792
  function e(e) {
42706
- this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = PZ(0, 0, 0, 0), this.target = e;
42793
+ this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = UZ(0, 0, 0, 0), this.target = e;
42707
42794
  }
42708
42795
  return e.prototype.isActive = function() {
42709
- var e = MZ(this.target);
42796
+ var e = VZ(this.target);
42710
42797
  return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
42711
42798
  }, e.prototype.broadcastRect = function() {
42712
42799
  var e = this.contentRect_;
42713
42800
  return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
42714
42801
  }, e;
42715
- }(), IZ = function() {
42802
+ }(), GZ = function() {
42716
42803
  function e(e, t) {
42717
- var n = NZ(t);
42718
- SZ(this, {
42804
+ var n = HZ(t);
42805
+ jZ(this, {
42719
42806
  target: e,
42720
42807
  contentRect: n
42721
42808
  });
42722
42809
  }
42723
42810
  return e;
42724
- }(), LZ = function() {
42811
+ }(), KZ = function() {
42725
42812
  function e(e, t, n) {
42726
- if (this.activeObservations_ = [], this.observations_ = new fZ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
42813
+ if (this.activeObservations_ = [], this.observations_ = new xZ(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
42727
42814
  this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
42728
42815
  }
42729
42816
  return e.prototype.observe = function(e) {
42730
42817
  if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
42731
42818
  if (!(typeof Element > "u" || !(Element instanceof Object))) {
42732
- if (!(e instanceof CZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
42819
+ if (!(e instanceof MZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
42733
42820
  var t = this.observations_;
42734
- t.has(e) || (t.set(e, new FZ(e)), this.controller_.addObserver(this), this.controller_.refresh());
42821
+ t.has(e) || (t.set(e, new WZ(e)), this.controller_.addObserver(this), this.controller_.refresh());
42735
42822
  }
42736
42823
  }, e.prototype.unobserve = function(e) {
42737
42824
  if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
42738
42825
  if (!(typeof Element > "u" || !(Element instanceof Object))) {
42739
- if (!(e instanceof CZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
42826
+ if (!(e instanceof MZ(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
42740
42827
  var t = this.observations_;
42741
42828
  t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
42742
42829
  }
@@ -42750,7 +42837,7 @@ var FZ = function() {
42750
42837
  }, e.prototype.broadcastActive = function() {
42751
42838
  if (this.hasActive()) {
42752
42839
  var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
42753
- return new IZ(e.target, e.broadcastRect());
42840
+ return new GZ(e.target, e.broadcastRect());
42754
42841
  });
42755
42842
  this.callback_.call(e, t, e), this.clearActive();
42756
42843
  }
@@ -42759,12 +42846,12 @@ var FZ = function() {
42759
42846
  }, e.prototype.hasActive = function() {
42760
42847
  return this.activeObservations_.length > 0;
42761
42848
  }, e;
42762
- }(), RZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new fZ(), zZ = function() {
42849
+ }(), qZ = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new xZ(), JZ = function() {
42763
42850
  function e(t) {
42764
42851
  if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
42765
42852
  if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
42766
- var n = new LZ(t, xZ.getInstance(), this);
42767
- RZ.set(this, n);
42853
+ var n = new KZ(t, AZ.getInstance(), this);
42854
+ qZ.set(this, n);
42768
42855
  }
42769
42856
  return e;
42770
42857
  }();
@@ -42773,27 +42860,27 @@ var FZ = function() {
42773
42860
  "unobserve",
42774
42861
  "disconnect"
42775
42862
  ].forEach(function(e) {
42776
- zZ.prototype[e] = function() {
42863
+ JZ.prototype[e] = function() {
42777
42864
  var t;
42778
- return (t = RZ.get(this))[e].apply(t, arguments);
42865
+ return (t = qZ.get(this))[e].apply(t, arguments);
42779
42866
  };
42780
42867
  });
42781
- var BZ = (function() {
42782
- return mZ.ResizeObserver === void 0 ? zZ : mZ.ResizeObserver;
42783
- })(), VZ = [
42868
+ var YZ = (function() {
42869
+ return CZ.ResizeObserver === void 0 ? JZ : CZ.ResizeObserver;
42870
+ })(), XZ = [
42784
42871
  "client",
42785
42872
  "offset",
42786
42873
  "scroll",
42787
42874
  "bounds",
42788
42875
  "margin"
42789
42876
  ];
42790
- function HZ(e) {
42877
+ function ZZ(e) {
42791
42878
  var t = [];
42792
- return VZ.forEach(function(n) {
42879
+ return XZ.forEach(function(n) {
42793
42880
  e[n] && t.push(n);
42794
42881
  }), t;
42795
42882
  }
42796
- function UZ(e, t) {
42883
+ function QZ(e, t) {
42797
42884
  var n = {};
42798
42885
  if (t.indexOf("client") > -1 && (n.client = {
42799
42886
  top: e.clientTop,
@@ -42832,14 +42919,14 @@ function UZ(e, t) {
42832
42919
  }
42833
42920
  return n;
42834
42921
  }
42835
- function WZ(e) {
42922
+ function $Z(e) {
42836
42923
  return e && e.ownerDocument && e.ownerDocument.defaultView || window;
42837
42924
  }
42838
- function GZ(e) {
42925
+ function eQ(e) {
42839
42926
  return function(t) {
42840
42927
  var n, r;
42841
42928
  return r = n = /*#__PURE__*/ function(n) {
42842
- dZ(r, n);
42929
+ bZ(r, n);
42843
42930
  function r() {
42844
42931
  var t, r = [...arguments];
42845
42932
  return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -42850,24 +42937,24 @@ function GZ(e) {
42850
42937
  bounds: {},
42851
42938
  margin: {}
42852
42939
  } }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
42853
- var r = UZ(t._node, e || HZ(t.props));
42940
+ var r = QZ(t._node, e || ZZ(t.props));
42854
42941
  n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
42855
42942
  t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
42856
42943
  });
42857
42944
  }, t._handleRef = function(e) {
42858
- t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = WZ(t._node);
42945
+ t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = $Z(t._node);
42859
42946
  var n = t.props.innerRef;
42860
42947
  n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
42861
42948
  }, t;
42862
42949
  }
42863
42950
  var i = r.prototype;
42864
42951
  return i.componentDidMount = function() {
42865
- this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new BZ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(UZ(this._node, e || HZ(this.props))));
42952
+ this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new YZ(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(QZ(this._node, e || ZZ(this.props))));
42866
42953
  }, i.componentWillUnmount = function() {
42867
42954
  this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
42868
42955
  }, i.render = function() {
42869
42956
  var e = this.props;
42870
- return e.innerRef, e.onResize, ft(t, cZ({}, lZ(e, ["innerRef", "onResize"]), {
42957
+ return e.innerRef, e.onResize, ft(t, _Z({}, vZ(e, ["innerRef", "onResize"]), {
42871
42958
  measureRef: this._handleRef,
42872
42959
  measure: this.measure,
42873
42960
  contentRect: this.state.contentRect
@@ -42884,7 +42971,7 @@ function GZ(e) {
42884
42971
  }, r;
42885
42972
  };
42886
42973
  }
42887
- var KZ = GZ()(function(e) {
42974
+ var tQ = eQ()(function(e) {
42888
42975
  var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
42889
42976
  return i({
42890
42977
  measure: t,
@@ -42892,10 +42979,10 @@ var KZ = GZ()(function(e) {
42892
42979
  contentRect: r
42893
42980
  });
42894
42981
  });
42895
- KZ.displayName = "Measure", KZ.propTypes.children = L.default.func;
42982
+ tQ.displayName = "Measure", tQ.propTypes.children = L.default.func;
42896
42983
  //#endregion
42897
42984
  //#region ../../lib-react/config-ui/dist/layout/settings-box.js
42898
- var qZ = k("div")(() => ({
42985
+ var nQ = k("div")(() => ({
42899
42986
  backgroundColor: O.white(),
42900
42987
  border: `2px solid ${O.border()}`,
42901
42988
  display: "flex",
@@ -42905,7 +42992,7 @@ var qZ = k("div")(() => ({
42905
42992
  maxWidth: "300px",
42906
42993
  padding: "20px 4px 4px 20px",
42907
42994
  zIndex: 99
42908
- })), JZ = class extends N.Component {
42995
+ })), rQ = class extends N.Component {
42909
42996
  static propTypes = {
42910
42997
  className: L.default.string,
42911
42998
  children: L.default.oneOfType([L.default.arrayOf(L.default.node), L.default.node]).isRequired
@@ -42913,19 +43000,19 @@ var qZ = k("div")(() => ({
42913
43000
  static defaultProps = {};
42914
43001
  render() {
42915
43002
  let { className: e, children: t } = this.props;
42916
- return /* @__PURE__ */ F(qZ, {
43003
+ return /* @__PURE__ */ F(nQ, {
42917
43004
  className: e,
42918
43005
  children: t
42919
43006
  });
42920
43007
  }
42921
- }, YZ = Xe({
43008
+ }, iQ = Xe({
42922
43009
  typography: { fontFamily: "inherit" },
42923
43010
  components: { MuiButton: { styleOverrides: { contained: {
42924
43011
  backgroundColor: "#e0e0e0",
42925
43012
  color: "#000000",
42926
43013
  "&:hover": { backgroundColor: "#bdbdbd" }
42927
43014
  } } } }
42928
- }), XZ = class extends N.Component {
43015
+ }), aQ = class extends N.Component {
42929
43016
  static propTypes = {
42930
43017
  children: L.default.oneOfType([
42931
43018
  L.default.string,
@@ -42958,19 +43045,19 @@ var qZ = k("div")(() => ({
42958
43045
  return /* @__PURE__ */ F(A, {
42959
43046
  injectFirst: !0,
42960
43047
  children: /* @__PURE__ */ F(je, {
42961
- theme: YZ,
42962
- children: /* @__PURE__ */ F(KZ, {
43048
+ theme: iQ,
43049
+ children: /* @__PURE__ */ F(tQ, {
42963
43050
  bounds: !0,
42964
43051
  onResize: this.onResize,
42965
43052
  children: ({ measureRef: e }) => {
42966
- let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(JZ, {
43053
+ let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ F(rQ, {
42967
43054
  className: "settings-box",
42968
43055
  children: n
42969
43056
  }) : n;
42970
43057
  return /* @__PURE__ */ I("div", {
42971
43058
  ref: e,
42972
43059
  className: "main-container extraCSSRules",
42973
- children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(sZ, {
43060
+ children: [a?.rules ? /* @__PURE__ */ F("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ F(gZ, {
42974
43061
  mode: o,
42975
43062
  secondary: s,
42976
43063
  dimensions: i,
@@ -42982,27 +43069,27 @@ var qZ = k("div")(() => ({
42982
43069
  })
42983
43070
  });
42984
43071
  }
42985
- }, ZZ = GZ("bounds")(XZ), QZ = /* @__PURE__ */ tZ({
42986
- ConfigLayout: () => ZZ,
42987
- LayoutContents: () => sZ
42988
- }), $Z = k("div")(() => ({
43072
+ }, oQ = eQ("bounds")(aQ), sQ = /* @__PURE__ */ uZ({
43073
+ ConfigLayout: () => oQ,
43074
+ LayoutContents: () => gZ
43075
+ }), cQ = k("div")(() => ({
42989
43076
  display: "flex",
42990
43077
  width: "100%",
42991
43078
  justifyContent: "space-between"
42992
- })), eQ = k(de)(({ theme: e }) => ({
43079
+ })), lQ = k(de)(({ theme: e }) => ({
42993
43080
  color: "rgba(0, 0, 0, 0.89)",
42994
43081
  fontSize: e.typography.fontSize,
42995
43082
  paddingTop: e.spacing(2)
42996
- })), tQ = k(_s)(({ checked: e }) => ({
43083
+ })), uQ = k(_s)(({ checked: e }) => ({
42997
43084
  "&.Mui-checked .MuiSwitch-thumb": { color: `${O.tertiary()} !important` },
42998
43085
  "&.Mui-checked .MuiSwitch-track": { backgroundColor: `${O.tertiaryLight()} !important` },
42999
43086
  "& .MuiSwitch-track": { backgroundColor: e ? `${O.tertiaryLight()} !important` : void 0 }
43000
- })), nQ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I($Z, { children: [/* @__PURE__ */ F(eQ, { children: n }), /* @__PURE__ */ F(tQ, {
43087
+ })), dQ = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ I(cQ, { children: [/* @__PURE__ */ F(lQ, { children: n }), /* @__PURE__ */ F(uQ, {
43001
43088
  checked: e,
43002
43089
  disabled: t,
43003
43090
  onChange: (e) => r(e.target.checked)
43004
43091
  })] });
43005
- nQ.propTypes = {
43092
+ dQ.propTypes = {
43006
43093
  checked: L.default.bool,
43007
43094
  disabled: L.default.bool,
43008
43095
  label: L.default.string.isRequired,
@@ -43010,20 +43097,20 @@ nQ.propTypes = {
43010
43097
  };
43011
43098
  //#endregion
43012
43099
  //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
43013
- var rQ = k(ma)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
43100
+ var fQ = k(ma)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
43014
43101
  color: "rgba(0, 0, 0, 0.89)",
43015
43102
  fontSize: e.typography.fontSize - 2,
43016
43103
  left: "-5px",
43017
43104
  position: "relative"
43018
- } })), iQ = k(Le)(() => ({ color: `${O.tertiary()} !important` })), aQ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(rQ, {
43105
+ } })), pQ = k(Le)(() => ({ color: `${O.tertiary()} !important` })), mQ = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ F(fQ, {
43019
43106
  value: t,
43020
- control: /* @__PURE__ */ F(iQ, {
43107
+ control: /* @__PURE__ */ F(pQ, {
43021
43108
  checked: n,
43022
43109
  onChange: r
43023
43110
  }),
43024
43111
  label: e
43025
43112
  });
43026
- aQ.propTypes = {
43113
+ mQ.propTypes = {
43027
43114
  label: L.default.string,
43028
43115
  value: L.default.string,
43029
43116
  checked: L.default.bool,
@@ -43031,26 +43118,26 @@ aQ.propTypes = {
43031
43118
  };
43032
43119
  //#endregion
43033
43120
  //#region ../../lib-react/config-ui/dist/settings/panel.js
43034
- var oQ = (0, cc.default)("pie-lib:config-ui:settings:panel"), sQ = {
43121
+ var hQ = (0, cc.default)("pie-lib:config-ui:settings:panel"), gQ = {
43035
43122
  label: L.default.string,
43036
43123
  value: L.default.string
43037
- }, cQ = {
43124
+ }, _Q = {
43038
43125
  label: L.default.string,
43039
43126
  value: L.default.string,
43040
43127
  onChange: L.default.func
43041
- }, lQ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(zX, {
43128
+ }, vQ = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ F(JX, {
43042
43129
  checked: t,
43043
43130
  label: e,
43044
43131
  onChange: (e) => {
43045
43132
  n(e.target.checked);
43046
43133
  }
43047
43134
  });
43048
- lQ.propTypes = {
43135
+ vQ.propTypes = {
43049
43136
  label: L.default.string,
43050
43137
  value: L.default.bool,
43051
43138
  onChange: L.default.func
43052
43139
  };
43053
- var uQ = k(QX)(({ theme: e }) => ({
43140
+ var yQ = k(sZ)(({ theme: e }) => ({
43054
43141
  marginTop: e.spacing(.5),
43055
43142
  paddingBottom: e.spacing(.5),
43056
43143
  width: "100%",
@@ -43061,29 +43148,29 @@ var uQ = k(QX)(({ theme: e }) => ({
43061
43148
  marginTop: e.spacing(2.5)
43062
43149
  },
43063
43150
  "& > div": { marginTop: e.spacing(2.5) }
43064
- })), dQ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(uQ, {
43151
+ })), bQ = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ F(yQ, {
43065
43152
  direction: "horizontal",
43066
- customLabel: aQ,
43153
+ customLabel: mQ,
43067
43154
  value: t,
43068
43155
  header: e,
43069
43156
  opts: r,
43070
43157
  onChange: n
43071
43158
  });
43072
- dQ.propTypes = {
43073
- ...cQ,
43074
- choices: L.default.arrayOf(L.default.shape(sQ))
43159
+ bQ.propTypes = {
43160
+ ..._Q,
43161
+ choices: L.default.arrayOf(L.default.shape(gQ))
43075
43162
  };
43076
- var fQ = dQ, pQ = k("p")(({ theme: e }) => ({
43163
+ var xQ = bQ, SQ = k("p")(({ theme: e }) => ({
43077
43164
  margin: 0,
43078
43165
  fontSize: e.typography.fontSize
43079
- })), mQ = k(Go)(({ theme: e }) => ({
43166
+ })), CQ = k(Go)(({ theme: e }) => ({
43080
43167
  marginTop: e.spacing(.5),
43081
43168
  border: "2px solid lightgrey",
43082
43169
  padding: `0 ${e.spacing(1)}`,
43083
43170
  borderRadius: "4px"
43084
- })), hQ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
43171
+ })), wQ = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
43085
43172
  let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
43086
- return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F(pQ, { children: e }), /* @__PURE__ */ F(mQ, {
43173
+ return /* @__PURE__ */ I("div", { children: [e && /* @__PURE__ */ F(SQ, { children: e }), /* @__PURE__ */ F(CQ, {
43087
43174
  value: t || r && r[0],
43088
43175
  onChange: ({ target: e }) => n(e.value),
43089
43176
  input: /* @__PURE__ */ F(wa, { id: `dropdown-${e}` }),
@@ -43098,14 +43185,14 @@ var fQ = dQ, pQ = k("p")(({ theme: e }) => ({
43098
43185
  }, t))
43099
43186
  })] });
43100
43187
  };
43101
- hQ.propTypes = {
43102
- ...cQ,
43188
+ wQ.propTypes = {
43189
+ ..._Q,
43103
43190
  choices: L.default.arrayOf(L.default.string)
43104
43191
  };
43105
- var gQ = k(Ve)(({ theme: e }) => ({
43192
+ var TQ = k(Ve)(({ theme: e }) => ({
43106
43193
  marginRight: e.spacing(3),
43107
43194
  marginTop: e.spacing(1)
43108
- })), _Q = ({ label: e }) => /* @__PURE__ */ F(gQ, { children: e }), vQ = k(UX)(({ theme: e }) => ({
43195
+ })), EQ = ({ label: e }) => /* @__PURE__ */ F(TQ, { children: e }), DQ = k(QX)(({ theme: e }) => ({
43109
43196
  width: "35%",
43110
43197
  marginRight: e.spacing(3),
43111
43198
  marginTop: e.spacing(1),
@@ -43116,7 +43203,7 @@ var gQ = k(Ve)(({ theme: e }) => ({
43116
43203
  padding: `0 ${e.spacing(1)}`,
43117
43204
  backgroundColor: "transparent"
43118
43205
  }
43119
- })), yQ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(vQ, {
43206
+ })), OQ = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ F(DQ, {
43120
43207
  variant: "standard",
43121
43208
  label: e || "Label",
43122
43209
  value: t,
@@ -43127,45 +43214,45 @@ var gQ = k(Ve)(({ theme: e }) => ({
43127
43214
  showErrorWhenOutsideRange: !0,
43128
43215
  disableUnderline: !0
43129
43216
  });
43130
- yQ.propTypes = {
43131
- ...cQ,
43217
+ OQ.propTypes = {
43218
+ ..._Q,
43132
43219
  suffix: L.default.string,
43133
43220
  min: L.default.number,
43134
43221
  max: L.default.number,
43135
43222
  value: L.default.number
43136
- }, _Q.propTypes = { ...cQ };
43137
- var bQ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(nQ, {
43223
+ }, EQ.propTypes = { ..._Q };
43224
+ var kQ = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ F(dQ, {
43138
43225
  label: t,
43139
43226
  checked: !!n,
43140
43227
  disabled: !!e,
43141
43228
  toggle: r
43142
43229
  });
43143
- bQ.propTypes = {
43144
- ...cQ,
43230
+ kQ.propTypes = {
43231
+ ..._Q,
43145
43232
  value: L.default.bool
43146
43233
  };
43147
- var xQ = {
43148
- toggle: bQ,
43149
- radio: fQ,
43150
- dropdown: hQ,
43151
- numberField: yQ,
43152
- checkbox: lQ,
43153
- textField: _Q
43154
- }, SQ = k("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), CQ = k("div")(({ theme: e }) => ({
43234
+ var AQ = {
43235
+ toggle: kQ,
43236
+ radio: xQ,
43237
+ dropdown: wQ,
43238
+ numberField: OQ,
43239
+ checkbox: vQ,
43240
+ textField: EQ
43241
+ }, jQ = k("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), MQ = k("div")(({ theme: e }) => ({
43155
43242
  color: "#495B8F",
43156
43243
  fontSize: e.typography.fontSize + 2,
43157
43244
  fontWeight: 600,
43158
43245
  marginBottom: e.spacing(1)
43159
- })), wQ = k("p")(({ theme: e }) => ({
43246
+ })), NQ = k("p")(({ theme: e }) => ({
43160
43247
  fontSize: e.typography.fontSize,
43161
43248
  marginBottom: 0
43162
- })), TQ = (e) => {
43249
+ })), PQ = (e) => {
43163
43250
  let { model: t, label: n, group: r, configuration: i, onChange: a } = e, o = (e, n, r) => {
43164
43251
  let { isConfigProperty: o, ...s } = et(e, r || n), c = et(o ? i : t, n), l = {
43165
43252
  ...s,
43166
43253
  key: n,
43167
43254
  value: c
43168
- }, u = xQ[l.type];
43255
+ }, u = AQ[l.type];
43169
43256
  return /* @__PURE__ */ F(u, {
43170
43257
  ...l,
43171
43258
  onChange: (e) => a(n, e, o)
@@ -43174,18 +43261,18 @@ var xQ = {
43174
43261
  let n = e[t];
43175
43262
  if (!n) return null;
43176
43263
  let { type: r, label: i, fields: a, choices: s } = n;
43177
- return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(wQ, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
43264
+ return r === "numberFields" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(NQ, { children: i }), Object.keys(a).map((n) => o(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", { children: i }), Object.keys(s).map((n) => o(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : o(e, t);
43178
43265
  };
43179
- return /* @__PURE__ */ I(SQ, { children: [/* @__PURE__ */ F(CQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
43266
+ return /* @__PURE__ */ I(jQ, { children: [/* @__PURE__ */ F(MQ, { children: n }), Object.keys(r).map((e) => s(r, e))] });
43180
43267
  };
43181
- TQ.propTypes = {
43268
+ PQ.propTypes = {
43182
43269
  model: L.default.object,
43183
43270
  label: L.default.string,
43184
43271
  group: L.default.object,
43185
43272
  configuration: L.default.object,
43186
43273
  onChange: L.default.func
43187
43274
  };
43188
- var EQ = class extends N.Component {
43275
+ var FQ = class extends N.Component {
43189
43276
  static propTypes = {
43190
43277
  model: L.default.object,
43191
43278
  configuration: L.default.object,
@@ -43199,13 +43286,13 @@ var EQ = class extends N.Component {
43199
43286
  onChangeConfiguration: () => {}
43200
43287
  };
43201
43288
  change = (e, t, n = !1) => {
43202
- oQ("[changeModel]", e, t);
43289
+ hQ("[changeModel]", e, t);
43203
43290
  let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
43204
43291
  n ? (ot(o, e, t), i(o, e)) : (ot(a, e, t), r(a, e));
43205
43292
  };
43206
43293
  render() {
43207
43294
  let { groups: e, model: t, configuration: n, modal: r } = this.props;
43208
- return oQ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(TQ, {
43295
+ return hQ("render:", t), /* @__PURE__ */ I("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ F(PQ, {
43209
43296
  label: r,
43210
43297
  model: t,
43211
43298
  configuration: n,
@@ -43213,59 +43300,59 @@ var EQ = class extends N.Component {
43213
43300
  onChange: this.change
43214
43301
  }, r) : null), r] });
43215
43302
  }
43216
- }, DQ = /* @__PURE__ */ tZ({
43217
- Panel: () => EQ,
43218
- checkbox: () => FQ,
43219
- checkboxes: () => IQ,
43220
- dropdown: () => MQ,
43221
- numberField: () => NQ,
43222
- numberFields: () => PQ,
43223
- radio: () => jQ,
43224
- textField: () => OQ,
43225
- toggle: () => kQ
43226
- }), OQ = (e, t = !0) => ({
43303
+ }, IQ = /* @__PURE__ */ uZ({
43304
+ Panel: () => FQ,
43305
+ checkbox: () => WQ,
43306
+ checkboxes: () => GQ,
43307
+ dropdown: () => VQ,
43308
+ numberField: () => HQ,
43309
+ numberFields: () => UQ,
43310
+ radio: () => BQ,
43311
+ textField: () => LQ,
43312
+ toggle: () => RQ
43313
+ }), LQ = (e, t = !0) => ({
43227
43314
  label: e,
43228
43315
  type: "textField",
43229
43316
  isConfigProperty: t
43230
- }), kQ = (e, t = !1, n = !1) => ({
43317
+ }), RQ = (e, t = !1, n = !1) => ({
43231
43318
  type: "toggle",
43232
43319
  label: e,
43233
43320
  isConfigProperty: t,
43234
43321
  disabled: n
43235
- }), AQ = (e) => typeof e == "string" ? {
43322
+ }), zQ = (e) => typeof e == "string" ? {
43236
43323
  label: e,
43237
43324
  value: e
43238
- } : e, jQ = function() {
43325
+ } : e, BQ = function() {
43239
43326
  let [e, t, n = !1] = Array.prototype.slice.call(arguments);
43240
43327
  return {
43241
43328
  type: "radio",
43242
43329
  label: e,
43243
- choices: t && t.map((e) => AQ(e)),
43330
+ choices: t && t.map((e) => zQ(e)),
43244
43331
  isConfigProperty: n
43245
43332
  };
43246
- }, MQ = (e, t, n = !1) => ({
43333
+ }, VQ = (e, t, n = !1) => ({
43247
43334
  type: "dropdown",
43248
43335
  label: e,
43249
43336
  choices: t,
43250
43337
  isConfigProperty: n
43251
- }), NQ = (e, t, n = !1) => ({
43338
+ }), HQ = (e, t, n = !1) => ({
43252
43339
  ...t,
43253
43340
  label: e,
43254
43341
  type: "numberField",
43255
43342
  isConfigProperty: n
43256
- }), PQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
43257
- t[e] = NQ(t[e].label, t[e], n);
43343
+ }), UQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
43344
+ t[e] = HQ(t[e].label, t[e], n);
43258
43345
  }), {
43259
43346
  type: "numberFields",
43260
43347
  label: e,
43261
43348
  fields: t
43262
- }), FQ = (e, t, n = !1) => ({
43349
+ }), WQ = (e, t, n = !1) => ({
43263
43350
  ...t,
43264
43351
  label: e,
43265
43352
  type: "checkbox",
43266
43353
  isConfigProperty: n
43267
- }), IQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
43268
- t[e] = FQ(t[e].label, t[e], n);
43354
+ }), GQ = (e, t, n = !1) => (Object.keys(t).map((e) => {
43355
+ t[e] = WQ(t[e].label, t[e], n);
43269
43356
  }), {
43270
43357
  type: "checkboxes",
43271
43358
  label: e,
@@ -43273,30 +43360,30 @@ var EQ = class extends N.Component {
43273
43360
  });
43274
43361
  //#endregion
43275
43362
  //#region ../../lib-react/config-ui/dist/index.js
43276
- function LQ(e) {
43363
+ function KQ(e) {
43277
43364
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
43278
43365
  }
43279
- function RQ(e, t) {
43280
- return !e || LQ(e) ? e : LQ(e.default) ? e.default : t && LQ(e[t]) ? e[t] : t && LQ(e[t]?.default) ? e[t].default : e;
43366
+ function qQ(e, t) {
43367
+ return !e || KQ(e) ? e : KQ(e.default) ? e.default : t && KQ(e[t]) ? e[t] : t && KQ(e[t]?.default) ? e[t].default : e;
43281
43368
  }
43282
- var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ = pe, VQ = BQ.default, HQ = VQ && typeof VQ == "object" ? VQ : BQ, UQ = E(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), WQ = k("div")(({ theme: e }) => ({
43369
+ var JQ = qQ(Ae, "InputContainer") || qQ(ZQ.InputContainer, "InputContainer"), YQ = pe, XQ = YQ.default, ZQ = XQ && typeof XQ == "object" ? XQ : YQ, QQ = E(/*#__PURE__*/ F("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), $Q = k("div")(({ theme: e }) => ({
43283
43370
  marginTop: e.spacing(2),
43284
43371
  display: "flex"
43285
- })), GQ = k("div")({ flex: 1 }), KQ = k(UX)({ flexDirection: "unset" }), qQ = k("div")(({ theme: e }) => ({
43372
+ })), e$ = k("div")({ flex: 1 }), t$ = k(QX)({ flexDirection: "unset" }), n$ = k("div")(({ theme: e }) => ({
43286
43373
  paddingTop: e.spacing(1),
43287
43374
  paddingBottom: e.spacing(2),
43288
43375
  ".select-input-container": { minWidth: "65%" }
43289
- })), JQ = k("div")({
43376
+ })), r$ = k("div")({
43290
43377
  display: "flex",
43291
43378
  alignItems: "center"
43292
- }), YQ = k(Ve)(({ theme: e }) => ({
43379
+ }), i$ = k(Ve)(({ theme: e }) => ({
43293
43380
  fontSize: e.typography.fontSize + 2,
43294
43381
  marginRight: e.spacing(1)
43295
- })), XQ = k(ls)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
43382
+ })), a$ = k(ls)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
43296
43383
  fontSize: e.typography.fontSize - 2,
43297
43384
  whiteSpace: "pre",
43298
43385
  maxWidth: "500px"
43299
- } })), ZQ = class extends M.Component {
43386
+ } })), o$ = class extends M.Component {
43300
43387
  static propTypes = {
43301
43388
  model: L.default.object.isRequired,
43302
43389
  configuration: L.default.object.isRequired,
@@ -43313,22 +43400,22 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
43313
43400
  };
43314
43401
  render() {
43315
43402
  let { model: e, configuration: t } = this.props, { layout: n = {}, choiceMode: r = {}, maxAnswers: i } = t || {}, a = Mt(e, t);
43316
- return /* @__PURE__ */ I(M.Fragment, { children: [/* @__PURE__ */ I(JQ, { children: [/* @__PURE__ */ F(YQ, {
43403
+ return /* @__PURE__ */ I(M.Fragment, { children: [/* @__PURE__ */ I(r$, { children: [/* @__PURE__ */ F(i$, {
43317
43404
  component: "div",
43318
43405
  children: "Define questions"
43319
- }), /* @__PURE__ */ F(XQ, {
43406
+ }), /* @__PURE__ */ F(a$, {
43320
43407
  disableFocusListener: !0,
43321
43408
  disableTouchListener: !0,
43322
43409
  placement: "right",
43323
43410
  title: a,
43324
- children: /* @__PURE__ */ F(UQ, {
43411
+ children: /* @__PURE__ */ F(QQ, {
43325
43412
  fontSize: "small",
43326
43413
  color: "primary"
43327
43414
  })
43328
- })] }), /* @__PURE__ */ I(WQ, { children: [/* @__PURE__ */ F(GQ, { children: n.settings && /* @__PURE__ */ F(qQ, { children: /* @__PURE__ */ F(zQ, {
43415
+ })] }), /* @__PURE__ */ I($Q, { children: [/* @__PURE__ */ F(e$, { children: n.settings && /* @__PURE__ */ F(n$, { children: /* @__PURE__ */ F(JQ, {
43329
43416
  label: n.label,
43330
43417
  className: "input-container",
43331
- children: /* @__PURE__ */ F(KQ, {
43418
+ children: /* @__PURE__ */ F(t$, {
43332
43419
  type: "number",
43333
43420
  min: 3,
43334
43421
  max: i || 10,
@@ -43336,7 +43423,7 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
43336
43423
  onChange: (e, t) => this.onChangeColumns("layout", t),
43337
43424
  suffix: "Columns"
43338
43425
  })
43339
- }) }) }), /* @__PURE__ */ F(GQ, { children: r.settings && /* @__PURE__ */ F(qQ, { children: /* @__PURE__ */ F(zQ, {
43426
+ }) }) }), /* @__PURE__ */ F(e$, { children: r.settings && /* @__PURE__ */ F(n$, { children: /* @__PURE__ */ F(JQ, {
43340
43427
  label: r.label,
43341
43428
  className: "select-input-container",
43342
43429
  children: /* @__PURE__ */ I(Go, {
@@ -43357,46 +43444,46 @@ var zQ = RQ(Ae, "InputContainer") || RQ(HQ.InputContainer, "InputContainer"), BQ
43357
43444
  })
43358
43445
  }) }) })] })] });
43359
43446
  }
43360
- }, QQ = k(c)({
43447
+ }, s$ = k(c)({
43361
43448
  display: "flex",
43362
43449
  alignSelf: "flex-start",
43363
43450
  margin: 0
43364
- }), $Q = k(WX)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), e$ = class extends N.Component {
43451
+ }), c$ = k($X)(({ theme: e }) => ({ marginRight: e.spacing(.5) })), l$ = class extends N.Component {
43365
43452
  static propTypes = { onAddClick: L.default.func.isRequired };
43366
43453
  render() {
43367
43454
  let { onAddClick: e } = this.props;
43368
- return /* @__PURE__ */ I(QQ, {
43455
+ return /* @__PURE__ */ I(s$, {
43369
43456
  disabled: !1,
43370
43457
  onClick: e,
43371
- children: [/* @__PURE__ */ F($Q, {}), "Add Another Row"]
43458
+ children: [/* @__PURE__ */ F(c$, {}), "Add Another Row"]
43372
43459
  });
43373
43460
  }
43374
- }, t$ = E(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
43461
+ }, u$ = E(/*#__PURE__*/ F("path", { d: "M20 9H4v2h16zM4 15h16v-2H4z" }), "DragHandle");
43375
43462
  //#endregion
43376
43463
  //#region src/author/row.tsx
43377
43464
  (0, cc.default)("@pie-element:categorize:configure:choice");
43378
- var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
43465
+ var d$ = k("span")({ cursor: "move" }), f$ = k("div")(({ theme: e }) => ({
43379
43466
  marginTop: e.spacing(2),
43380
43467
  display: "flex",
43381
43468
  alignItems: "center",
43382
43469
  flex: 1
43383
- })), i$ = k("div")(({ theme: e }) => ({
43470
+ })), p$ = k("div")(({ theme: e }) => ({
43384
43471
  flex: 1,
43385
43472
  display: "flex",
43386
43473
  justifyContent: "center",
43387
43474
  alignItems: "center",
43388
43475
  minWidth: "120px",
43389
43476
  padding: `0 ${e.spacing(1)}`
43390
- })), a$ = k(Le)(({ theme: e, error: t }) => ({
43477
+ })), m$ = k(Le)(({ theme: e, error: t }) => ({
43391
43478
  "& input": { width: "100% !important" },
43392
43479
  "&.MuiRadio-root": { color: `${t ? e.palette.error.main : O.tertiary()} !important` }
43393
- })), o$ = k("div")(({ theme: e }) => ({
43480
+ })), h$ = k("div")(({ theme: e }) => ({
43394
43481
  flex: .5,
43395
43482
  display: "flex",
43396
43483
  justifyContent: "center",
43397
43484
  minWidth: "45px",
43398
43485
  padding: `0 ${e.spacing(1)}`
43399
- })), s$ = k(i$)(({ theme: e }) => ({
43486
+ })), g$ = k(p$)(({ theme: e }) => ({
43400
43487
  flex: 2,
43401
43488
  display: "flex",
43402
43489
  justifyContent: "flex-start",
@@ -43406,16 +43493,16 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
43406
43493
  minWidth: "200px",
43407
43494
  marginRight: e.spacing(1),
43408
43495
  "&> div": { width: "100%" }
43409
- })), c$ = k("hr")(({ theme: e }) => ({
43496
+ })), _$ = k("hr")(({ theme: e }) => ({
43410
43497
  marginTop: e.spacing(2),
43411
43498
  border: 0,
43412
43499
  borderTop: `2px solid ${O.border()}`,
43413
43500
  width: "100%"
43414
- })), l$ = k("div")(({ theme: e }) => ({
43501
+ })), v$ = k("div")(({ theme: e }) => ({
43415
43502
  fontSize: e.typography.fontSize - 2,
43416
43503
  color: e.palette.error.main,
43417
43504
  paddingTop: e.spacing(1)
43418
- })), u$ = class extends N.Component {
43505
+ })), y$ = class extends N.Component {
43419
43506
  static propTypes = {
43420
43507
  model: L.default.object.isRequired,
43421
43508
  row: L.default.object.isRequired,
@@ -43469,13 +43556,13 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
43469
43556
  return /* @__PURE__ */ I("div", {
43470
43557
  style: { width: "100%" },
43471
43558
  children: [
43472
- /* @__PURE__ */ F(n$, {
43559
+ /* @__PURE__ */ F(d$, {
43473
43560
  itemID: "handle",
43474
43561
  onMouseDown: this.onMouseDownOnHandle,
43475
- children: /* @__PURE__ */ F(t$, { color: "primary" })
43562
+ children: /* @__PURE__ */ F(u$, { color: "primary" })
43476
43563
  }),
43477
- /* @__PURE__ */ I(r$, { children: [
43478
- /* @__PURE__ */ F(s$, { children: /* @__PURE__ */ F(mX, {
43564
+ /* @__PURE__ */ I(f$, { children: [
43565
+ /* @__PURE__ */ F(g$, { children: /* @__PURE__ */ F(CX, {
43479
43566
  imageSupport: e,
43480
43567
  autoWidthToolbar: !0,
43481
43568
  disableUnderline: !0,
@@ -43493,25 +43580,25 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
43493
43580
  error: s && s !== "No correct response defined.",
43494
43581
  mathMlOptions: d
43495
43582
  }) }),
43496
- n.values.map((e, n) => /* @__PURE__ */ F(i$, { children: t.choiceMode === "radio" ? /* @__PURE__ */ F(a$, {
43583
+ n.values.map((e, n) => /* @__PURE__ */ F(p$, { children: t.choiceMode === "radio" ? /* @__PURE__ */ F(m$, {
43497
43584
  error: s?.includes("No correct response defined."),
43498
43585
  onChange: this.onRowValueChange(r, n),
43499
43586
  checked: e === !0
43500
- }) : /* @__PURE__ */ F(zX, {
43587
+ }) : /* @__PURE__ */ F(JX, {
43501
43588
  onChange: this.onRowValueChange(r, n),
43502
43589
  checked: e === !0,
43503
43590
  label: "",
43504
43591
  error: s?.includes("No correct response defined.")
43505
43592
  }) }, n)),
43506
- /* @__PURE__ */ F(o$, { children: /* @__PURE__ */ F(rn, {
43593
+ /* @__PURE__ */ F(h$, { children: /* @__PURE__ */ F(rn, {
43507
43594
  onClick: this.onDeleteRow(r),
43508
43595
  "aria-label": "Delete",
43509
43596
  size: "large",
43510
43597
  children: /* @__PURE__ */ F(AO, {})
43511
43598
  }) })
43512
43599
  ] }),
43513
- s && /* @__PURE__ */ F(l$, { children: s }),
43514
- /* @__PURE__ */ F(c$, {}),
43600
+ s && /* @__PURE__ */ F(v$, { children: s }),
43601
+ /* @__PURE__ */ F(_$, {}),
43515
43602
  /* @__PURE__ */ F(ec, {
43516
43603
  open: f.open,
43517
43604
  title: "Warning",
@@ -43522,7 +43609,7 @@ var n$ = k("span")({ cursor: "move" }), r$ = k("div")(({ theme: e }) => ({
43522
43609
  });
43523
43610
  }
43524
43611
  };
43525
- function d$(e) {
43612
+ function b$(e) {
43526
43613
  let { attributes: t, listeners: n, setNodeRef: r, transform: i, transition: a, isDragging: o } = nN({
43527
43614
  id: `row-${e.row.id}`,
43528
43615
  data: {
@@ -43558,13 +43645,13 @@ function d$(e) {
43558
43645
  t.closest("[contenteditable]") || t.closest("input") || t.closest("textarea") || t.isContentEditable || n?.onPointerDown?.(e);
43559
43646
  },
43560
43647
  ...t,
43561
- children: /* @__PURE__ */ F(u$, { ...e })
43648
+ children: /* @__PURE__ */ F(y$, { ...e })
43562
43649
  })
43563
43650
  });
43564
43651
  }
43565
43652
  //#endregion
43566
43653
  //#region ../../lib-react/drag/dist/drag-provider.js
43567
- function f$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
43654
+ function x$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collisionDetection: i, modifiers: a, autoScroll: o, keyboardCoordinateGetter: s, keyboardCodes: c, accessibility: l }) {
43568
43655
  let [u, d] = Ct(null), f = s || c ? {
43569
43656
  coordinateGetter: s,
43570
43657
  keyboardCodes: c
@@ -43587,7 +43674,7 @@ function f$({ children: e, onDragEnd: t, onDragStart: n, onDragCancel: r, collis
43587
43674
  children: e
43588
43675
  });
43589
43676
  }
43590
- f$.propTypes = {
43677
+ x$.propTypes = {
43591
43678
  children: L.default.node.isRequired,
43592
43679
  onDragEnd: L.default.func,
43593
43680
  onDragStart: L.default.func,
@@ -43605,11 +43692,11 @@ f$.propTypes = {
43605
43692
  };
43606
43693
  //#endregion
43607
43694
  //#region src/author/answer-config-block.tsx
43608
- var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme: e }) => ({
43695
+ var S$ = (0, cc.default)("pie-elements:match:configure"), C$ = k("div")(({ theme: e }) => ({
43609
43696
  marginBottom: e.spacing(2.5),
43610
43697
  display: "flex",
43611
43698
  flexDirection: "column"
43612
- })), h$ = k("div")(({ theme: e }) => ({
43699
+ })), w$ = k("div")(({ theme: e }) => ({
43613
43700
  display: "flex",
43614
43701
  alignItems: "center",
43615
43702
  flex: 1,
@@ -43618,7 +43705,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43618
43705
  paddingBottom: e.spacing(2),
43619
43706
  marginTop: e.spacing(2),
43620
43707
  marginBottom: e.spacing(1)
43621
- })), g$ = k("div")(({ theme: e }) => ({
43708
+ })), T$ = k("div")(({ theme: e }) => ({
43622
43709
  flex: 1,
43623
43710
  display: "flex",
43624
43711
  justifyContent: "center",
@@ -43629,26 +43716,26 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43629
43716
  padding: `0 ${e.spacing(1)}`,
43630
43717
  textAlign: "center"
43631
43718
  }
43632
- })), _$ = k("div")(({ theme: e }) => ({
43719
+ })), E$ = k("div")(({ theme: e }) => ({
43633
43720
  flex: .5,
43634
43721
  minWidth: "45px",
43635
43722
  padding: `0 ${e.spacing(1)}`
43636
- })), v$ = k("div")({
43723
+ })), D$ = k("div")({
43637
43724
  display: "flex",
43638
43725
  flexDirection: "column"
43639
- }), y$ = k("div")(({ theme: e }) => ({
43726
+ }), O$ = k("div")(({ theme: e }) => ({
43640
43727
  fontSize: e.typography.fontSize - 2,
43641
43728
  color: e.palette.error.main,
43642
43729
  paddingTop: `${e.spacing(1)} !important`,
43643
43730
  width: "fit-content !important"
43644
- })), b$ = k("div")(({ theme: e }) => ({
43731
+ })), k$ = k("div")(({ theme: e }) => ({
43645
43732
  fontSize: e.typography.fontSize - 2,
43646
43733
  color: e.palette.error.main,
43647
43734
  paddingBottom: e.spacing(1)
43648
- })), x$ = k("div")(({ theme: e }) => ({
43735
+ })), A$ = k("div")(({ theme: e }) => ({
43649
43736
  "& .marginBottom": { marginBottom: e.typography.fontSize - 2 + e.spacing(1) },
43650
43737
  "& .headerInput": { "& > div": { fontWeight: "bold" } }
43651
- })), S$ = class extends M.Component {
43738
+ })), j$ = class extends M.Component {
43652
43739
  static propTypes = {
43653
43740
  model: L.default.object.isRequired,
43654
43741
  configuration: L.default.object.isRequired,
@@ -43672,7 +43759,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43672
43759
  let r = t.data.current, i = n.data.current;
43673
43760
  if (r?.type === "row" && i?.type === "row") {
43674
43761
  let e = r.index, t = i.index, { model: n, onChange: a } = this.props, o = { ...n }, s = o.rows || [];
43675
- p$("[moveRow]: ", e, t);
43762
+ S$("[moveRow]: ", e, t);
43676
43763
  let { movedRow: c, remainingRows: l } = s.reduce((t, n, r) => (r === e ? t.movedRow = n : t.remainingRows.push(n), t), {
43677
43764
  movedRow: null,
43678
43765
  remainingRows: []
@@ -43681,7 +43768,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43681
43768
  c,
43682
43769
  ...l.slice(t)
43683
43770
  ];
43684
- p$("update: ", u), o.rows = u, a(o);
43771
+ S$("update: ", u), o.rows = u, a(o);
43685
43772
  }
43686
43773
  };
43687
43774
  onChange = (e, t) => ({ target: n }) => {
@@ -43698,19 +43785,19 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43698
43785
  };
43699
43786
  render() {
43700
43787
  let { model: e, onAddRow: t, imageSupport: n, configuration: r, toolbarOpts: i, spellCheck: a, uploadSoundSupport: o } = this.props, { baseInputConfiguration: s = {}, headers: c = {}, rows: l = {}, maxImageWidth: u = {}, maxImageHeight: f = {}, mathMlOptions: p = {}, minQuestions: m } = r || {}, { errors: h } = e || {}, { correctResponseError: g, rowsErrors: _, columnsErrors: v, noOfRowsError: y, columnsLengthError: b } = h || {}, x = (fc || []).filter((e) => e !== "table" && e !== "bulleted-list" && e !== "numbered-list"), S = u && u.prompt, C = f && f.prompt;
43701
- return /* @__PURE__ */ F(x$, { children: /* @__PURE__ */ F(f$, {
43788
+ return /* @__PURE__ */ F(A$, { children: /* @__PURE__ */ F(x$, {
43702
43789
  onDragEnd: this.moveRow,
43703
- children: /* @__PURE__ */ I(m$, { children: [/* @__PURE__ */ F(Ve, {
43790
+ children: /* @__PURE__ */ I(C$, { children: [/* @__PURE__ */ F(Ve, {
43704
43791
  type: "body1",
43705
43792
  component: "div",
43706
43793
  children: "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."
43707
- }), /* @__PURE__ */ I(v$, {
43794
+ }), /* @__PURE__ */ I(D$, {
43708
43795
  style: r.width ? {
43709
43796
  width: r.width,
43710
43797
  overflow: "scroll"
43711
43798
  } : {},
43712
43799
  children: [
43713
- /* @__PURE__ */ I(h$, { children: [c.settings && (e.headers || []).map((e, t) => /* @__PURE__ */ I(g$, {
43800
+ /* @__PURE__ */ I(w$, { children: [c.settings && (e.headers || []).map((e, t) => /* @__PURE__ */ I(T$, {
43714
43801
  className: d({ questionText: t === 0 }),
43715
43802
  sx: t === 0 ? {
43716
43803
  flex: 2,
@@ -43725,7 +43812,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43725
43812
  minWidth: "200px"
43726
43813
  }
43727
43814
  } : {},
43728
- children: [/* @__PURE__ */ F(mX, {
43815
+ children: [/* @__PURE__ */ F(CX, {
43729
43816
  onChange: this.onHeaderChange(t),
43730
43817
  markup: e,
43731
43818
  className: v && !v[t] ? "marginBottom" : "headerInput",
@@ -43737,9 +43824,9 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43737
43824
  uploadSoundSupport: o,
43738
43825
  languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
43739
43826
  error: v && v[t]
43740
- }), v && v[t] && /* @__PURE__ */ F(y$, { children: v[t] })]
43741
- }, t)), /* @__PURE__ */ F(_$, {})] }),
43742
- e.rows.map((t, r) => /* @__PURE__ */ F(d$, {
43827
+ }), v && v[t] && /* @__PURE__ */ F(O$, { children: v[t] })]
43828
+ }, t)), /* @__PURE__ */ F(E$, {})] }),
43829
+ e.rows.map((t, r) => /* @__PURE__ */ F(b$, {
43743
43830
  model: e,
43744
43831
  row: t,
43745
43832
  idx: r,
@@ -43756,23 +43843,23 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43756
43843
  minQuestions: m,
43757
43844
  inputConfiguration: jt(l?.inputConfiguration, s)
43758
43845
  }, r)),
43759
- g && /* @__PURE__ */ F(b$, { children: g }),
43760
- y && /* @__PURE__ */ F(b$, { children: y }),
43761
- b && /* @__PURE__ */ F(b$, { children: b }),
43762
- /* @__PURE__ */ F(e$, { onAddClick: t })
43846
+ g && /* @__PURE__ */ F(k$, { children: g }),
43847
+ y && /* @__PURE__ */ F(k$, { children: y }),
43848
+ b && /* @__PURE__ */ F(k$, { children: b }),
43849
+ /* @__PURE__ */ F(l$, { onAddClick: t })
43763
43850
  ]
43764
43851
  })] })
43765
43852
  }) });
43766
43853
  }
43767
- }, C$ = (0, cc.default)("@pie-element:match:configure"), { Panel: w$, toggle: T$, radio: E$, dropdown: D$ } = DQ, O$ = k("div")(() => ({ "& .promptHolder": { width: "100%" } })), k$ = k("div")(({ theme: e }) => ({
43854
+ }, M$ = (0, cc.default)("@pie-element:match:configure"), { Panel: N$, toggle: P$, radio: F$, dropdown: I$ } = IQ, L$ = k("div")(() => ({ "& .promptHolder": { width: "100%" } })), R$ = k("div")(({ theme: e }) => ({
43768
43855
  width: "100%",
43769
43856
  paddingTop: e.spacing(2),
43770
43857
  marginBottom: e.spacing(2)
43771
- })), A$ = k("div")(({ theme: e }) => ({
43858
+ })), z$ = k("div")(({ theme: e }) => ({
43772
43859
  fontSize: e.typography.fontSize - 2,
43773
43860
  color: e.palette.error.main,
43774
43861
  paddingTop: e.spacing(1)
43775
- })), j$ = class extends N.Component {
43862
+ })), B$ = class extends N.Component {
43776
43863
  static propTypes = {
43777
43864
  onModelChanged: L.default.func,
43778
43865
  onConfigurationChanged: L.default.func,
@@ -43892,25 +43979,25 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43892
43979
  };
43893
43980
  render() {
43894
43981
  let { model: e, imageSupport: t, onModelChanged: n, configuration: r, onConfigurationChanged: i, uploadSoundSupport: a } = this.props, { baseInputConfiguration: o = {}, contentDimensions: s = {}, feedback: c = {}, lockChoiceOrder: l = {}, maxImageWidth: u = {}, maxImageHeight: d = {}, partialScoring: f = {}, prompt: p = {}, rationale: m = {}, settingsPanelDisabled: h, scoringType: g = {}, spellCheck: _ = {}, studentInstructions: v = {}, teacherInstructions: y = {}, withRubric: b = {}, language: x = {}, languageChoices: S = {} } = r || {}, { errors: C, extraCSSRules: w, feedbackEnabled: ee, promptEnabled: T, rationaleEnabled: te, spellCheckEnabled: E, teacherInstructionsEnabled: ne, toolbarEditorPosition: re } = e || {}, { prompt: ie, rationale: D, teacherInstructions: ae } = C || {}, { dialog: oe } = this.state, se = { position: re === "top" ? "top" : "bottom" }, ce = u && u.prompt, le = d && d.prompt, ue = {
43895
- partialScoring: f.settings && T$(f.label),
43896
- lockChoiceOrder: l.settings && T$(l.label),
43897
- feedbackEnabled: c.settings && T$(c.label),
43898
- "language.enabled": x.settings && T$(x.label, !0),
43899
- language: x.settings && x.enabled && D$(S.label, S.options)
43982
+ partialScoring: f.settings && P$(f.label),
43983
+ lockChoiceOrder: l.settings && P$(l.label),
43984
+ feedbackEnabled: c.settings && P$(c.label),
43985
+ "language.enabled": x.settings && P$(x.label, !0),
43986
+ language: x.settings && x.enabled && I$(S.label, S.options)
43900
43987
  }, de = {
43901
- teacherInstructionsEnabled: y.settings && T$(y.label),
43902
- studentInstructionsEnabled: v.settings && T$(v.label),
43903
- promptEnabled: p.settings && T$(p.label),
43904
- rationaleEnabled: m.settings && T$(m.label),
43905
- spellCheckEnabled: _.settings && T$(_.label),
43906
- scoringType: g.settings && E$(g.label, ["auto", "rubric"]),
43907
- rubricEnabled: b?.settings && T$(b?.label)
43908
- };
43909
- return C$("[render] model", e), /* @__PURE__ */ F(O$, { children: /* @__PURE__ */ I(QZ.ConfigLayout, {
43988
+ teacherInstructionsEnabled: y.settings && P$(y.label),
43989
+ studentInstructionsEnabled: v.settings && P$(v.label),
43990
+ promptEnabled: p.settings && P$(p.label),
43991
+ rationaleEnabled: m.settings && P$(m.label),
43992
+ spellCheckEnabled: _.settings && P$(_.label),
43993
+ scoringType: g.settings && F$(g.label, ["auto", "rubric"]),
43994
+ rubricEnabled: b?.settings && P$(b?.label)
43995
+ };
43996
+ return M$("[render] model", e), /* @__PURE__ */ F(L$, { children: /* @__PURE__ */ I(sQ.ConfigLayout, {
43910
43997
  extraCSSRules: w,
43911
43998
  dimensions: s,
43912
43999
  hideSettings: h,
43913
- settings: /* @__PURE__ */ F(w$, {
44000
+ settings: /* @__PURE__ */ F(N$, {
43914
44001
  model: e,
43915
44002
  configuration: r,
43916
44003
  onChangeModel: (e) => n(e),
@@ -43921,10 +44008,10 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43921
44008
  }
43922
44009
  }),
43923
44010
  children: [
43924
- ne && /* @__PURE__ */ F(zQ, {
44011
+ ne && /* @__PURE__ */ F(JQ, {
43925
44012
  label: y.label,
43926
44013
  className: "promptHolder",
43927
- children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
44014
+ children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
43928
44015
  className: "prompt",
43929
44016
  markup: e.teacherInstructions || "",
43930
44017
  onChange: this.onTeacherInstructionsChanged,
@@ -43938,12 +44025,12 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43938
44025
  maxImageHeight: d && d.teacherInstructions || le,
43939
44026
  uploadSoundSupport: a,
43940
44027
  languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
43941
- }), ae && /* @__PURE__ */ F(A$, { children: ae })] })
44028
+ }), ae && /* @__PURE__ */ F(z$, { children: ae })] })
43942
44029
  }),
43943
- T && /* @__PURE__ */ F(zQ, {
44030
+ T && /* @__PURE__ */ F(JQ, {
43944
44031
  label: p.label,
43945
44032
  className: "promptHolder",
43946
- children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
44033
+ children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
43947
44034
  className: "prompt",
43948
44035
  markup: e.prompt,
43949
44036
  onChange: this.onPromptChanged,
@@ -43958,15 +44045,15 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43958
44045
  maxImageHeight: d && d.prompt,
43959
44046
  uploadSoundSupport: a,
43960
44047
  languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
43961
- }), ie && /* @__PURE__ */ F(A$, { children: ie })] })
44048
+ }), ie && /* @__PURE__ */ F(z$, { children: ie })] })
43962
44049
  }),
43963
- /* @__PURE__ */ F(ZQ, {
44050
+ /* @__PURE__ */ F(o$, {
43964
44051
  model: e,
43965
44052
  configuration: r,
43966
44053
  onResponseTypeChange: this.onResponseTypeChange,
43967
44054
  onLayoutChange: this.onLayoutChange
43968
44055
  }),
43969
- /* @__PURE__ */ F(S$, {
44056
+ /* @__PURE__ */ F(j$, {
43970
44057
  model: e,
43971
44058
  configuration: r,
43972
44059
  imageSupport: t,
@@ -43977,10 +44064,10 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43977
44064
  spellCheck: E,
43978
44065
  uploadSoundSupport: a
43979
44066
  }),
43980
- te && /* @__PURE__ */ F(zQ, {
44067
+ te && /* @__PURE__ */ F(JQ, {
43981
44068
  label: m.label,
43982
44069
  className: "promptHolder",
43983
- children: /* @__PURE__ */ I(k$, { children: [/* @__PURE__ */ F(mX, {
44070
+ children: /* @__PURE__ */ I(R$, { children: [/* @__PURE__ */ F(CX, {
43984
44071
  className: "prompt",
43985
44072
  markup: e.rationale || "",
43986
44073
  onChange: this.onRationaleChanged,
@@ -43993,9 +44080,9 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
43993
44080
  maxImageHeight: d && d.rationale || le,
43994
44081
  uploadSoundSupport: a,
43995
44082
  languageCharactersProps: [{ language: "spanish" }, { language: "special" }]
43996
- }), D && /* @__PURE__ */ F(A$, { children: D })] })
44083
+ }), D && /* @__PURE__ */ F(z$, { children: D })] })
43997
44084
  }),
43998
- ee && /* @__PURE__ */ F(PX, {
44085
+ ee && /* @__PURE__ */ F(UX, {
43999
44086
  feedback: e.feedback,
44000
44087
  onChange: this.onFeedbackChange,
44001
44088
  toolbarOpts: se
@@ -44009,7 +44096,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44009
44096
  ]
44010
44097
  }) });
44011
44098
  }
44012
- }, M$ = class e extends CustomEvent {
44099
+ }, V$ = class e extends CustomEvent {
44013
44100
  static {
44014
44101
  this.TYPE = "model.updated";
44015
44102
  }
@@ -44022,7 +44109,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44022
44109
  }
44023
44110
  }), this.update = t, this.reset = n;
44024
44111
  }
44025
- }, N$ = class e extends CustomEvent {
44112
+ }, H$ = class e extends CustomEvent {
44026
44113
  static {
44027
44114
  this.TYPE = "delete.image";
44028
44115
  }
@@ -44035,7 +44122,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44035
44122
  }
44036
44123
  }), this.src = t, this.done = n;
44037
44124
  }
44038
- }, P$ = class e extends CustomEvent {
44125
+ }, U$ = class e extends CustomEvent {
44039
44126
  static {
44040
44127
  this.TYPE = "insert.image";
44041
44128
  }
@@ -44045,7 +44132,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44045
44132
  detail: t
44046
44133
  }), this.handler = t;
44047
44134
  }
44048
- }, F$ = class e extends CustomEvent {
44135
+ }, W$ = class e extends CustomEvent {
44049
44136
  static {
44050
44137
  this.TYPE = "delete.sound";
44051
44138
  }
@@ -44058,7 +44145,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44058
44145
  }
44059
44146
  }), this.src = t, this.done = n;
44060
44147
  }
44061
- }, I$ = class e extends CustomEvent {
44148
+ }, G$ = class e extends CustomEvent {
44062
44149
  static {
44063
44150
  this.TYPE = "insert.sound";
44064
44151
  }
@@ -44068,7 +44155,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44068
44155
  detail: t
44069
44156
  }), this.handler = t;
44070
44157
  }
44071
- }, L$ = {
44158
+ }, K$ = {
44072
44159
  model: {
44073
44160
  choiceMode: "radio",
44074
44161
  feedbackEnabled: !1,
@@ -44215,13 +44302,13 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44215
44302
  options: []
44216
44303
  }
44217
44304
  }
44218
- }, R$ = (0, cc.default)("pie-elements:match:configure"), z$ = class e extends HTMLElement {
44305
+ }, q$ = (0, cc.default)("pie-elements:match:configure"), J$ = class e extends HTMLElement {
44219
44306
  static createDefaultModel = (e = {}) => ({
44220
- ...L$.model,
44307
+ ...K$.model,
44221
44308
  ...e
44222
44309
  });
44223
44310
  constructor() {
44224
- super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = L$.configuration;
44311
+ super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = K$.configuration;
44225
44312
  }
44226
44313
  set model(t) {
44227
44314
  this._model = e.createDefaultModel(t), this._modelCopy = Qe(this._model), this._render();
@@ -44232,7 +44319,7 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44232
44319
  };
44233
44320
  set configuration(e) {
44234
44321
  let t = {
44235
- ...L$.configuration,
44322
+ ...K$.configuration,
44236
44323
  ...e
44237
44324
  };
44238
44325
  this._configuration = t, this.resetModelAfterConfigurationIsSet(), t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -44241,26 +44328,26 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44241
44328
  })) : delete this._model.language, Ze(e?.rows?.inputConfiguration) && (ot(this._configuration.rows, "inputConfiguration.image.disabled", !this._model?.enableImages), ot(this._configuration.rows, "inputConfiguration.video.disabled", !0), ot(this._configuration.rows, "inputConfiguration.audio.disabled", !0)), this._render();
44242
44329
  }
44243
44330
  onModelChanged(e) {
44244
- this._model = e, R$("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new M$(this._model));
44331
+ this._model = e, q$("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new V$(this._model));
44245
44332
  }
44246
44333
  onConfigurationChanged(e) {
44247
44334
  this._configuration = e, this._render();
44248
44335
  }
44249
44336
  insertImage(e) {
44250
- this.dispatchEvent(new P$(e));
44337
+ this.dispatchEvent(new U$(e));
44251
44338
  }
44252
44339
  onDeleteImage(e, t) {
44253
- this.dispatchEvent(new N$(e, t));
44340
+ this.dispatchEvent(new H$(e, t));
44254
44341
  }
44255
44342
  insertSound(e) {
44256
- this.dispatchEvent(new I$(e));
44343
+ this.dispatchEvent(new G$(e));
44257
44344
  }
44258
44345
  onDeleteSound(e, t) {
44259
- this.dispatchEvent(new F$(e, t));
44346
+ this.dispatchEvent(new W$(e, t));
44260
44347
  }
44261
44348
  _render() {
44262
44349
  if (this._model) {
44263
- let e = N.createElement(j$, {
44350
+ let e = N.createElement(B$, {
44264
44351
  onModelChanged: this.onModelChanged.bind(this),
44265
44352
  onConfigurationChanged: this.onConfigurationChanged.bind(this),
44266
44353
  model: this._model,
@@ -44285,6 +44372,6 @@ var p$ = (0, cc.default)("pie-elements:match:configure"), m$ = k("div")(({ theme
44285
44372
  }
44286
44373
  };
44287
44374
  //#endregion
44288
- export { z$ as default };
44375
+ export { J$ as default };
44289
44376
 
44290
44377
  //# sourceMappingURL=index.js.map