oasis-editor 0.0.117 → 0.0.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{OasisEditorApp-DijR5F-O.js → OasisEditorApp-1pwk-3zw.js} +1979 -1305
- package/dist/adapters/ui.d.ts +2 -2
- package/dist/{index-Comlrue1.js → index-rlmjHSGT.js} +1313 -596
- package/dist/index.d.ts +2 -2
- package/dist/oasis-editor.css +1 -1
- package/dist/oasis-editor.js +70 -54
- package/dist/oasis-editor.umd.cjs +4 -4
- package/dist/ui/public/ActionRow.d.ts +7 -0
- package/dist/ui/public/ColorField.d.ts +7 -0
- package/dist/ui/public/FieldGroup.d.ts +7 -0
- package/dist/ui/public/FormField.d.ts +10 -0
- package/dist/ui/public/Grid.d.ts +18 -0
- package/dist/ui/public/Heading.d.ts +6 -0
- package/dist/ui/public/SelectField.d.ts +2 -0
- package/dist/ui/public/Stack.d.ts +13 -0
- package/dist/ui/public/StatusText.d.ts +7 -0
- package/dist/ui/public/SurfaceButton.d.ts +10 -0
- package/dist/ui/public/Text.d.ts +8 -0
- package/dist/ui/public/TextAreaField.d.ts +11 -0
- package/dist/ui/public/TextField.d.ts +2 -0
- package/dist/ui/public/index.d.ts +23 -0
- package/dist/ui/public/layoutTypes.d.ts +17 -0
- package/dist/ui.d.ts +2 -2
- package/dist/ui.js +39 -18
- package/package.json +2 -1
|
@@ -2440,14 +2440,14 @@ function I18nProvider(props) {
|
|
|
2440
2440
|
});
|
|
2441
2441
|
}
|
|
2442
2442
|
const oasisMarkBase64 = "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";
|
|
2443
|
-
var _tmpl$$
|
|
2443
|
+
var _tmpl$$11 = /* @__PURE__ */ template(`<img alt aria-hidden=true>`);
|
|
2444
2444
|
const OASIS_MARK_DATA_URI = `data:image/webp;base64,${oasisMarkBase64}`;
|
|
2445
2445
|
const MARK_ASPECT = 3 / 4;
|
|
2446
2446
|
function OasisBrandMark(props) {
|
|
2447
2447
|
const height = () => props.height ?? 64;
|
|
2448
2448
|
const width = () => Math.round(height() * MARK_ASPECT);
|
|
2449
2449
|
return (() => {
|
|
2450
|
-
var _el$ = _tmpl$$
|
|
2450
|
+
var _el$ = _tmpl$$11();
|
|
2451
2451
|
setAttribute(_el$, "src", OASIS_MARK_DATA_URI);
|
|
2452
2452
|
setAttribute(_el$, "draggable", false);
|
|
2453
2453
|
createRenderEffect((_p$) => {
|
|
@@ -2464,7 +2464,7 @@ function OasisBrandMark(props) {
|
|
|
2464
2464
|
return _el$;
|
|
2465
2465
|
})();
|
|
2466
2466
|
}
|
|
2467
|
-
var _tmpl$$
|
|
2467
|
+
var _tmpl$$10 = /* @__PURE__ */ template(`<div class=oasis-editor-import-progress-label>`), _tmpl$2$D = /* @__PURE__ */ template(`<div role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-progress-track><div>`), _tmpl$3$q = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>Done`);
|
|
2468
2468
|
function OasisEditorLoading(props) {
|
|
2469
2469
|
const t = useI18n();
|
|
2470
2470
|
const variant = () => props.variant ?? "overlay";
|
|
@@ -2474,7 +2474,7 @@ function OasisEditorLoading(props) {
|
|
|
2474
2474
|
};
|
|
2475
2475
|
const isDone = () => (pct() ?? 0) >= 100;
|
|
2476
2476
|
return (() => {
|
|
2477
|
-
var _el$ = _tmpl$2$
|
|
2477
|
+
var _el$ = _tmpl$2$D(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
|
|
2478
2478
|
insert(_el$2, createComponent(OasisBrandMark, {
|
|
2479
2479
|
height: 40,
|
|
2480
2480
|
"class": "oasis-editor-loading-mark"
|
|
@@ -2485,10 +2485,10 @@ function OasisEditorLoading(props) {
|
|
|
2485
2485
|
return pct() != null;
|
|
2486
2486
|
},
|
|
2487
2487
|
get children() {
|
|
2488
|
-
var _el$6 = _tmpl$$
|
|
2488
|
+
var _el$6 = _tmpl$$10();
|
|
2489
2489
|
insert(_el$6, (() => {
|
|
2490
2490
|
var _c$ = memo(() => !!isDone());
|
|
2491
|
-
return () => _c$() ? _tmpl$3$
|
|
2491
|
+
return () => _c$() ? _tmpl$3$q() : `${pct()}%`;
|
|
2492
2492
|
})());
|
|
2493
2493
|
return _el$6;
|
|
2494
2494
|
}
|
|
@@ -2539,7 +2539,7 @@ function OasisEditorAppLazy(props = {}) {
|
|
|
2539
2539
|
onCleanup(() => {
|
|
2540
2540
|
cancelled = true;
|
|
2541
2541
|
});
|
|
2542
|
-
import("./OasisEditorApp-
|
|
2542
|
+
import("./OasisEditorApp-1pwk-3zw.js").then((m) => {
|
|
2543
2543
|
cancelled = true;
|
|
2544
2544
|
setProgress(1);
|
|
2545
2545
|
setTimeout(() => setApp(() => m.OasisEditorApp), 180);
|
|
@@ -5096,9 +5096,9 @@ function mount(target, props = {}) {
|
|
|
5096
5096
|
unmount: () => client.dispose()
|
|
5097
5097
|
});
|
|
5098
5098
|
}
|
|
5099
|
-
var _tmpl
|
|
5100
|
-
const FootnoteIcon = () => _tmpl
|
|
5101
|
-
const SpecialIndentFirstLineIcon = () => _tmpl$2$
|
|
5099
|
+
var _tmpl$$$ = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none aria-hidden=true><text x=2 y=18 font-family="'Segoe UI', Arial, sans-serif"font-size=14 font-weight=700 fill=currentColor>ab</text><text x=15.5 y=11 font-family="'Segoe UI', Arial, sans-serif"font-size=10 font-weight=700 fill=#c00000>1`), _tmpl$2$C = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"aria-hidden=true><g fill=currentColor><path d="M3.375 4.875 L7.125 8.625 L3.375 12.375 L2.25 11.25 L4.875 8.625 L2.25 6 Z"></path><rect x=10.125 y=6 width=9 height=1.6875 rx=0.25></rect><rect x=5.625 y=10.875 width=13.5 height=1.6875 rx=0.25></rect><rect x=5.625 y=15.75 width=13.5 height=1.6875 rx=0.25>`), _tmpl$3$p = /* @__PURE__ */ template(`<i>`);
|
|
5100
|
+
const FootnoteIcon = () => _tmpl$$$();
|
|
5101
|
+
const SpecialIndentFirstLineIcon = () => _tmpl$2$C();
|
|
5102
5102
|
const CUSTOM_ICONS = {
|
|
5103
5103
|
footnote: FootnoteIcon,
|
|
5104
5104
|
specialIndentFirstLine: SpecialIndentFirstLineIcon
|
|
@@ -5113,7 +5113,7 @@ function ToolIcon(props) {
|
|
|
5113
5113
|
},
|
|
5114
5114
|
get fallback() {
|
|
5115
5115
|
return (() => {
|
|
5116
|
-
var _el$3 = _tmpl$3$
|
|
5116
|
+
var _el$3 = _tmpl$3$p();
|
|
5117
5117
|
createRenderEffect(() => setAttribute(_el$3, "data-lucide", props.name));
|
|
5118
5118
|
return _el$3;
|
|
5119
5119
|
})();
|
|
@@ -5121,7 +5121,72 @@ function ToolIcon(props) {
|
|
|
5121
5121
|
children: (render2) => render2()()
|
|
5122
5122
|
});
|
|
5123
5123
|
}
|
|
5124
|
-
var _tmpl$$
|
|
5124
|
+
var _tmpl$$_ = /* @__PURE__ */ template(`<button>`);
|
|
5125
|
+
function SurfaceButton(props) {
|
|
5126
|
+
const [local, others] = splitProps(props, ["type", "icon", "label", "variant", "size", "active", "class", "classList", "children"]);
|
|
5127
|
+
return (() => {
|
|
5128
|
+
var _el$ = _tmpl$$_();
|
|
5129
|
+
spread(_el$, mergeProps({
|
|
5130
|
+
get type() {
|
|
5131
|
+
return local.type ?? "button";
|
|
5132
|
+
},
|
|
5133
|
+
get ["class"]() {
|
|
5134
|
+
return `oasis-editor-ui-surface-button ${local.class ?? ""}`;
|
|
5135
|
+
},
|
|
5136
|
+
get classList() {
|
|
5137
|
+
return {
|
|
5138
|
+
[`oasis-editor-ui-surface-button-${local.variant ?? "ghost"}`]: true,
|
|
5139
|
+
[`oasis-editor-ui-surface-button-${local.size ?? "md"}`]: true,
|
|
5140
|
+
"is-active": local.active,
|
|
5141
|
+
...local.classList
|
|
5142
|
+
};
|
|
5143
|
+
},
|
|
5144
|
+
get ["aria-label"]() {
|
|
5145
|
+
return local.label;
|
|
5146
|
+
},
|
|
5147
|
+
get title() {
|
|
5148
|
+
return local.label;
|
|
5149
|
+
}
|
|
5150
|
+
}, others), false, true);
|
|
5151
|
+
insert(_el$, createComponent(Show, {
|
|
5152
|
+
get when() {
|
|
5153
|
+
return local.icon;
|
|
5154
|
+
},
|
|
5155
|
+
get children() {
|
|
5156
|
+
return createComponent(ToolIcon, {
|
|
5157
|
+
get name() {
|
|
5158
|
+
return local.icon;
|
|
5159
|
+
}
|
|
5160
|
+
});
|
|
5161
|
+
}
|
|
5162
|
+
}), null);
|
|
5163
|
+
insert(_el$, () => local.children, null);
|
|
5164
|
+
return _el$;
|
|
5165
|
+
})();
|
|
5166
|
+
}
|
|
5167
|
+
function Text$1(props) {
|
|
5168
|
+
const [local, others] = splitProps(props, ["as", "tone", "size", "class", "classList", "children"]);
|
|
5169
|
+
return createComponent(Dynamic, mergeProps({
|
|
5170
|
+
get component() {
|
|
5171
|
+
return local.as ?? "span";
|
|
5172
|
+
},
|
|
5173
|
+
get ["class"]() {
|
|
5174
|
+
return `oasis-editor-ui-text ${local.class ?? ""}`;
|
|
5175
|
+
},
|
|
5176
|
+
get classList() {
|
|
5177
|
+
return {
|
|
5178
|
+
[`oasis-editor-ui-text-${local.tone ?? "default"}`]: true,
|
|
5179
|
+
[`oasis-editor-ui-text-${local.size ?? "md"}`]: true,
|
|
5180
|
+
...local.classList
|
|
5181
|
+
};
|
|
5182
|
+
}
|
|
5183
|
+
}, others, {
|
|
5184
|
+
get children() {
|
|
5185
|
+
return local.children;
|
|
5186
|
+
}
|
|
5187
|
+
}));
|
|
5188
|
+
}
|
|
5189
|
+
var _tmpl$$Z = /* @__PURE__ */ template(`<div class=oasis-menubar role=menubar>`), _tmpl$2$B = /* @__PURE__ */ template(`<div class=oasis-menubar-dropdown role=menu>`), _tmpl$3$o = /* @__PURE__ */ template(`<div class=oasis-menubar-menu>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=oasis-menubar-separator role=separator>`), _tmpl$5$d = /* @__PURE__ */ template(`<i class=oasis-menubar-submenu-icon data-lucide=chevron-right>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=oasis-menubar-submenu role=menu>`);
|
|
5125
5190
|
function Menubar(props) {
|
|
5126
5191
|
const t = useI18n();
|
|
5127
5192
|
const [activeMenu, setActiveMenu] = createSignal(null);
|
|
@@ -5189,34 +5254,49 @@ function Menubar(props) {
|
|
|
5189
5254
|
});
|
|
5190
5255
|
const topLevelItems = () => pruneTree(menuTree());
|
|
5191
5256
|
return (() => {
|
|
5192
|
-
var _el$ = _tmpl$$
|
|
5257
|
+
var _el$ = _tmpl$$Z();
|
|
5193
5258
|
insert(_el$, createComponent(For, {
|
|
5194
5259
|
get each() {
|
|
5195
5260
|
return topLevelItems();
|
|
5196
5261
|
},
|
|
5197
5262
|
children: (topLevel) => (() => {
|
|
5198
|
-
var _el$2 = _tmpl$3$
|
|
5263
|
+
var _el$2 = _tmpl$3$o();
|
|
5199
5264
|
_el$2.addEventListener("mouseenter", () => {
|
|
5200
5265
|
if (activeMenu() && activeMenu() !== topLevel.id) {
|
|
5201
5266
|
setActiveMenu(topLevel.id);
|
|
5202
5267
|
}
|
|
5203
5268
|
});
|
|
5204
|
-
_el$
|
|
5205
|
-
|
|
5206
|
-
|
|
5207
|
-
|
|
5208
|
-
|
|
5209
|
-
|
|
5269
|
+
insert(_el$2, createComponent(SurfaceButton, {
|
|
5270
|
+
"class": "oasis-menubar-button",
|
|
5271
|
+
get classList() {
|
|
5272
|
+
return {
|
|
5273
|
+
"oasis-menubar-button-active": activeMenu() === topLevel.id
|
|
5274
|
+
};
|
|
5275
|
+
},
|
|
5276
|
+
onClick: (e) => {
|
|
5277
|
+
e.stopPropagation();
|
|
5278
|
+
if (activeMenu() === topLevel.id) {
|
|
5279
|
+
setActiveMenu(null);
|
|
5280
|
+
} else {
|
|
5281
|
+
setActiveMenu(topLevel.id);
|
|
5282
|
+
}
|
|
5283
|
+
},
|
|
5284
|
+
role: "menuitem",
|
|
5285
|
+
"aria-haspopup": "true",
|
|
5286
|
+
get ["aria-expanded"]() {
|
|
5287
|
+
return activeMenu() === topLevel.id;
|
|
5288
|
+
},
|
|
5289
|
+
get children() {
|
|
5290
|
+
return t("menu." + topLevel.label.toLowerCase()) || topLevel.label;
|
|
5210
5291
|
}
|
|
5211
|
-
};
|
|
5212
|
-
insert(_el$3, () => t("menu." + topLevel.label.toLowerCase()) || topLevel.label);
|
|
5292
|
+
}), null);
|
|
5213
5293
|
insert(_el$2, createComponent(Show, {
|
|
5214
5294
|
get when() {
|
|
5215
5295
|
return activeMenu() === topLevel.id;
|
|
5216
5296
|
},
|
|
5217
5297
|
get children() {
|
|
5218
|
-
var _el$
|
|
5219
|
-
insert(_el$
|
|
5298
|
+
var _el$3 = _tmpl$2$B();
|
|
5299
|
+
insert(_el$3, createComponent(For, {
|
|
5220
5300
|
get each() {
|
|
5221
5301
|
return topLevel.children;
|
|
5222
5302
|
},
|
|
@@ -5228,18 +5308,9 @@ function Menubar(props) {
|
|
|
5228
5308
|
onClose: () => setActiveMenu(null)
|
|
5229
5309
|
})
|
|
5230
5310
|
}));
|
|
5231
|
-
return _el$
|
|
5311
|
+
return _el$3;
|
|
5232
5312
|
}
|
|
5233
5313
|
}), null);
|
|
5234
|
-
createRenderEffect((_p$) => {
|
|
5235
|
-
var _v$ = !!(activeMenu() === topLevel.id), _v$2 = activeMenu() === topLevel.id;
|
|
5236
|
-
_v$ !== _p$.e && _el$3.classList.toggle("oasis-menubar-button-active", _p$.e = _v$);
|
|
5237
|
-
_v$2 !== _p$.t && setAttribute(_el$3, "aria-expanded", _p$.t = _v$2);
|
|
5238
|
-
return _p$;
|
|
5239
|
-
}, {
|
|
5240
|
-
e: void 0,
|
|
5241
|
-
t: void 0
|
|
5242
|
-
});
|
|
5243
5314
|
return _el$2;
|
|
5244
5315
|
})()
|
|
5245
5316
|
}));
|
|
@@ -5255,7 +5326,7 @@ function MenuNode(props) {
|
|
|
5255
5326
|
} = props;
|
|
5256
5327
|
const isSeparator = (_a = node.item) == null ? void 0 : _a.separator;
|
|
5257
5328
|
if (isSeparator) {
|
|
5258
|
-
return _tmpl$4$
|
|
5329
|
+
return _tmpl$4$j();
|
|
5259
5330
|
}
|
|
5260
5331
|
const hasChildren = node.children.length > 0;
|
|
5261
5332
|
const [showSub, setShowSub] = createSignal(false);
|
|
@@ -5275,78 +5346,92 @@ function MenuNode(props) {
|
|
|
5275
5346
|
}
|
|
5276
5347
|
onClose();
|
|
5277
5348
|
};
|
|
5278
|
-
return (
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
if (hasChildren) setShowSub(false);
|
|
5283
|
-
});
|
|
5284
|
-
_el$6.addEventListener("mouseenter", () => {
|
|
5349
|
+
return createComponent(SurfaceButton, {
|
|
5350
|
+
"class": "oasis-menubar-item",
|
|
5351
|
+
label,
|
|
5352
|
+
onMouseEnter: () => {
|
|
5285
5353
|
if (hasChildren) setShowSub(true);
|
|
5286
|
-
}
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
|
|
5302
|
-
|
|
5303
|
-
insert(_el$6, createComponent(Show, {
|
|
5304
|
-
get when() {
|
|
5305
|
-
var _a2;
|
|
5306
|
-
return (_a2 = node.item) == null ? void 0 : _a2.shortcut;
|
|
5307
|
-
},
|
|
5308
|
-
get children() {
|
|
5309
|
-
var _el$0 = _tmpl$6$8();
|
|
5310
|
-
insert(_el$0, () => node.item.shortcut);
|
|
5311
|
-
return _el$0;
|
|
5312
|
-
}
|
|
5313
|
-
}), null);
|
|
5314
|
-
insert(_el$6, createComponent(Show, {
|
|
5315
|
-
when: hasChildren,
|
|
5316
|
-
get children() {
|
|
5317
|
-
return _tmpl$7$3();
|
|
5318
|
-
}
|
|
5319
|
-
}), null);
|
|
5320
|
-
insert(_el$6, createComponent(Show, {
|
|
5321
|
-
get when() {
|
|
5322
|
-
return showSub() && hasChildren;
|
|
5323
|
-
},
|
|
5324
|
-
get children() {
|
|
5325
|
-
var _el$10 = _tmpl$8$2();
|
|
5326
|
-
insert(_el$10, createComponent(For, {
|
|
5327
|
-
get each() {
|
|
5328
|
-
return node.children;
|
|
5329
|
-
},
|
|
5330
|
-
children: (child) => createComponent(MenuNode, {
|
|
5331
|
-
node: child,
|
|
5332
|
-
get host() {
|
|
5333
|
-
return props.host;
|
|
5354
|
+
},
|
|
5355
|
+
onMouseLeave: () => {
|
|
5356
|
+
if (hasChildren) setShowSub(false);
|
|
5357
|
+
},
|
|
5358
|
+
onClick: handleClick,
|
|
5359
|
+
role: "menuitem",
|
|
5360
|
+
"aria-haspopup": hasChildren,
|
|
5361
|
+
get ["aria-expanded"]() {
|
|
5362
|
+
return showSub();
|
|
5363
|
+
},
|
|
5364
|
+
get children() {
|
|
5365
|
+
return [createComponent(Text$1, {
|
|
5366
|
+
"class": "oasis-menubar-item-main",
|
|
5367
|
+
get children() {
|
|
5368
|
+
return [createComponent(Show, {
|
|
5369
|
+
get when() {
|
|
5370
|
+
return icon();
|
|
5334
5371
|
},
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
|
|
5340
|
-
|
|
5341
|
-
|
|
5342
|
-
|
|
5343
|
-
|
|
5372
|
+
get children() {
|
|
5373
|
+
return createComponent(Text$1, {
|
|
5374
|
+
"class": "oasis-menubar-item-icon",
|
|
5375
|
+
"aria-hidden": "true",
|
|
5376
|
+
get children() {
|
|
5377
|
+
return createComponent(ToolIcon, {
|
|
5378
|
+
get name() {
|
|
5379
|
+
return icon();
|
|
5380
|
+
}
|
|
5381
|
+
});
|
|
5382
|
+
}
|
|
5383
|
+
});
|
|
5384
|
+
}
|
|
5385
|
+
}), createComponent(Text$1, {
|
|
5386
|
+
children: label
|
|
5387
|
+
})];
|
|
5388
|
+
}
|
|
5389
|
+
}), createComponent(Show, {
|
|
5390
|
+
get when() {
|
|
5391
|
+
var _a2;
|
|
5392
|
+
return (_a2 = node.item) == null ? void 0 : _a2.shortcut;
|
|
5393
|
+
},
|
|
5394
|
+
get children() {
|
|
5395
|
+
return createComponent(Text$1, {
|
|
5396
|
+
"class": "oasis-menubar-shortcut",
|
|
5397
|
+
get children() {
|
|
5398
|
+
return node.item.shortcut;
|
|
5399
|
+
}
|
|
5400
|
+
});
|
|
5401
|
+
}
|
|
5402
|
+
}), createComponent(Show, {
|
|
5403
|
+
when: hasChildren,
|
|
5404
|
+
get children() {
|
|
5405
|
+
return _tmpl$5$d();
|
|
5406
|
+
}
|
|
5407
|
+
}), createComponent(Show, {
|
|
5408
|
+
get when() {
|
|
5409
|
+
return showSub() && hasChildren;
|
|
5410
|
+
},
|
|
5411
|
+
get children() {
|
|
5412
|
+
var _el$6 = _tmpl$6$8();
|
|
5413
|
+
insert(_el$6, createComponent(For, {
|
|
5414
|
+
get each() {
|
|
5415
|
+
return node.children;
|
|
5416
|
+
},
|
|
5417
|
+
children: (child) => createComponent(MenuNode, {
|
|
5418
|
+
node: child,
|
|
5419
|
+
get host() {
|
|
5420
|
+
return props.host;
|
|
5421
|
+
},
|
|
5422
|
+
onClose
|
|
5423
|
+
})
|
|
5424
|
+
}));
|
|
5425
|
+
return _el$6;
|
|
5426
|
+
}
|
|
5427
|
+
})];
|
|
5428
|
+
}
|
|
5429
|
+
});
|
|
5344
5430
|
}
|
|
5345
|
-
|
|
5346
|
-
var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
|
|
5431
|
+
var _tmpl$$Y = /* @__PURE__ */ template(`<div class=oasis-titlebar><div class=oasis-titlebar-left><div class=oasis-titlebar-menubar-slot>`);
|
|
5347
5432
|
function TitleBar(props) {
|
|
5348
5433
|
return (() => {
|
|
5349
|
-
var _el$ = _tmpl$$
|
|
5434
|
+
var _el$ = _tmpl$$Y(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
|
|
5350
5435
|
insert(_el$3, () => props.children);
|
|
5351
5436
|
return _el$;
|
|
5352
5437
|
})();
|
|
@@ -5439,7 +5524,7 @@ function getCaretRectFromSnapshot(snapshot, position2, paragraphOffset) {
|
|
|
5439
5524
|
);
|
|
5440
5525
|
return rectFromBox(slot.left, slot.top, 1, slot.height || line.height);
|
|
5441
5526
|
}
|
|
5442
|
-
var _tmpl$$
|
|
5527
|
+
var _tmpl$$X = /* @__PURE__ */ template(`<span class=oasis-outline-title>`), _tmpl$2$A = /* @__PURE__ */ template(`<div class=oasis-outline-list>`), _tmpl$3$n = /* @__PURE__ */ template(`<div class=oasis-outline-panel><div class=oasis-outline-header><button class=oasis-outline-toggle><i>`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=oasis-outline-empty>`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=oasis-outline-item>`);
|
|
5443
5528
|
function OutlinePanel(props) {
|
|
5444
5529
|
const t = useI18n();
|
|
5445
5530
|
const [collapsed, setCollapsed] = createSignal(props.defaultCollapsed ?? false);
|
|
@@ -5510,13 +5595,13 @@ function OutlinePanel(props) {
|
|
|
5510
5595
|
}
|
|
5511
5596
|
});
|
|
5512
5597
|
return (() => {
|
|
5513
|
-
var _el$ = _tmpl$3$
|
|
5598
|
+
var _el$ = _tmpl$3$n(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, _el$5 = _el$4.firstChild;
|
|
5514
5599
|
insert(_el$2, createComponent(Show, {
|
|
5515
5600
|
get when() {
|
|
5516
5601
|
return !collapsed();
|
|
5517
5602
|
},
|
|
5518
5603
|
get children() {
|
|
5519
|
-
var _el$3 = _tmpl$$
|
|
5604
|
+
var _el$3 = _tmpl$$X();
|
|
5520
5605
|
insert(_el$3, () => t("menu.view.outline") || "Outline");
|
|
5521
5606
|
return _el$3;
|
|
5522
5607
|
}
|
|
@@ -5527,14 +5612,14 @@ function OutlinePanel(props) {
|
|
|
5527
5612
|
return !collapsed();
|
|
5528
5613
|
},
|
|
5529
5614
|
get children() {
|
|
5530
|
-
var _el$6 = _tmpl$2$
|
|
5615
|
+
var _el$6 = _tmpl$2$A();
|
|
5531
5616
|
insert(_el$6, createComponent(Show, {
|
|
5532
5617
|
get when() {
|
|
5533
5618
|
return items().length > 0;
|
|
5534
5619
|
},
|
|
5535
5620
|
get fallback() {
|
|
5536
5621
|
return (() => {
|
|
5537
|
-
var _el$7 = _tmpl$4$
|
|
5622
|
+
var _el$7 = _tmpl$4$i();
|
|
5538
5623
|
insert(_el$7, () => t("outline.empty"));
|
|
5539
5624
|
return _el$7;
|
|
5540
5625
|
})();
|
|
@@ -5545,7 +5630,7 @@ function OutlinePanel(props) {
|
|
|
5545
5630
|
return items();
|
|
5546
5631
|
},
|
|
5547
5632
|
children: (item) => (() => {
|
|
5548
|
-
var _el$8 = _tmpl$5$
|
|
5633
|
+
var _el$8 = _tmpl$5$c();
|
|
5549
5634
|
_el$8.$$click = () => props.onNavigate(item.anchor);
|
|
5550
5635
|
insert(_el$8, () => item.text);
|
|
5551
5636
|
createRenderEffect((_p$) => {
|
|
@@ -5584,7 +5669,7 @@ function OutlinePanel(props) {
|
|
|
5584
5669
|
})();
|
|
5585
5670
|
}
|
|
5586
5671
|
delegateEvents(["click"]);
|
|
5587
|
-
var _tmpl$$
|
|
5672
|
+
var _tmpl$$W = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-overflow-manager style="display:flex;align-items:center;flex:1 1 0%;min-width:0;position:relative;margin-right:8px"><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown oasis-editor-toolbar-more-measure"aria-hidden=true tabindex=-1 style=position:absolute;visibility:hidden;pointer-events:none;right:0><i data-lucide=ellipsis></i></button><div style="display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;overflow:hidden"></div><div style=flex-shrink:0;padding-left:8px;padding-right:16px;align-items:center><button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"data-testid=editor-toolbar-overflow-dropdown><i data-lucide=ellipsis></i></button></div><div class="oasis-editor-toolbar-overflow-dropdown-menu oasis-editor-toolbar-overflow-menu"style="flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;background:var(--oasis-paper);border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);max-width:calc(100vw - 16px);overflow-x:hidden;overflow-y:auto">`), _tmpl$2$z = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item-wrapper style=display:flex;align-items:center;flex-shrink:0>`);
|
|
5588
5673
|
function ToolbarOverflowManager(props) {
|
|
5589
5674
|
const t = useI18n();
|
|
5590
5675
|
const [overflowCount, setOverflowCount] = createSignal(0);
|
|
@@ -5728,7 +5813,7 @@ function ToolbarOverflowManager(props) {
|
|
|
5728
5813
|
};
|
|
5729
5814
|
};
|
|
5730
5815
|
return (() => {
|
|
5731
|
-
var _el$ = _tmpl$$
|
|
5816
|
+
var _el$ = _tmpl$$W(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$4.nextSibling;
|
|
5732
5817
|
var _ref$ = containerRef;
|
|
5733
5818
|
typeof _ref$ === "function" ? use(_ref$, _el$) : containerRef = _el$;
|
|
5734
5819
|
var _ref$2 = moreMeasureRef;
|
|
@@ -5740,7 +5825,7 @@ function ToolbarOverflowManager(props) {
|
|
|
5740
5825
|
return items();
|
|
5741
5826
|
},
|
|
5742
5827
|
children: (item) => (() => {
|
|
5743
|
-
var _el$7 = _tmpl$2$
|
|
5828
|
+
var _el$7 = _tmpl$2$z();
|
|
5744
5829
|
insert(_el$7, item);
|
|
5745
5830
|
return _el$7;
|
|
5746
5831
|
})()
|
|
@@ -5816,12 +5901,12 @@ function resolveLabel(item, api) {
|
|
|
5816
5901
|
if (item.labelKey) return api.t(item.labelKey);
|
|
5817
5902
|
return void 0;
|
|
5818
5903
|
}
|
|
5819
|
-
var _tmpl$$
|
|
5904
|
+
var _tmpl$$V = /* @__PURE__ */ template(`<span>`), _tmpl$2$y = /* @__PURE__ */ template(`<button type=button>`);
|
|
5820
5905
|
function Button$1(props) {
|
|
5821
5906
|
const [local, others] = splitProps(props, ["icon", "label", "active", "tooltip", "wide", "ribbonSize", "aria-label", "class", "classList"]);
|
|
5822
5907
|
const ariaLabel = () => local["aria-label"] || local.tooltip || local.label || "";
|
|
5823
5908
|
return (() => {
|
|
5824
|
-
var _el$ = _tmpl$2$
|
|
5909
|
+
var _el$ = _tmpl$2$y();
|
|
5825
5910
|
spread(_el$, mergeProps({
|
|
5826
5911
|
get ["class"]() {
|
|
5827
5912
|
return `oasis-editor-tool-button ${local.class || ""}`;
|
|
@@ -5858,7 +5943,7 @@ function Button$1(props) {
|
|
|
5858
5943
|
return local.label;
|
|
5859
5944
|
},
|
|
5860
5945
|
get children() {
|
|
5861
|
-
var _el$2 = _tmpl$$
|
|
5946
|
+
var _el$2 = _tmpl$$V();
|
|
5862
5947
|
insert(_el$2, () => local.label);
|
|
5863
5948
|
return _el$2;
|
|
5864
5949
|
}
|
|
@@ -5940,7 +6025,7 @@ function useDismiss(options) {
|
|
|
5940
6025
|
});
|
|
5941
6026
|
});
|
|
5942
6027
|
}
|
|
5943
|
-
var _tmpl$$
|
|
6028
|
+
var _tmpl$$U = /* @__PURE__ */ template(`<div>`);
|
|
5944
6029
|
function Popover(props) {
|
|
5945
6030
|
let anchorRef;
|
|
5946
6031
|
let panelRef;
|
|
@@ -5957,7 +6042,7 @@ function Popover(props) {
|
|
|
5957
6042
|
closeOnEscape: props.closeOnEscape
|
|
5958
6043
|
});
|
|
5959
6044
|
const panel = (portalled) => (() => {
|
|
5960
|
-
var _el$ = _tmpl$$
|
|
6045
|
+
var _el$ = _tmpl$$U();
|
|
5961
6046
|
addEventListener(_el$, "mouseleave", props.onPanelMouseLeave);
|
|
5962
6047
|
var _ref$ = panelRef;
|
|
5963
6048
|
typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
|
|
@@ -6009,12 +6094,12 @@ function Popover(props) {
|
|
|
6009
6094
|
}
|
|
6010
6095
|
})];
|
|
6011
6096
|
}
|
|
6012
|
-
var _tmpl$$
|
|
6097
|
+
var _tmpl$$T = /* @__PURE__ */ template(`<div>`), _tmpl$2$x = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$3$m = /* @__PURE__ */ template(`<i>`), _tmpl$4$h = /* @__PURE__ */ template(`<span class=oasis-editor-tool-button-label>`), _tmpl$5$b = /* @__PURE__ */ template(`<i data-lucide=chevron-down class=oasis-editor-dropdown-chevron>`), _tmpl$6$7 = /* @__PURE__ */ template(`<button type=button class="oasis-editor-tool-button oasis-editor-tool-button-dropdown"aria-haspopup=menu>`);
|
|
6013
6098
|
function Menu(props) {
|
|
6014
6099
|
const [open, setOpen] = createSignal(false);
|
|
6015
6100
|
const ariaLabel = () => props.tooltip || props.label || "";
|
|
6016
6101
|
return (() => {
|
|
6017
|
-
var _el$ = _tmpl$2$
|
|
6102
|
+
var _el$ = _tmpl$2$x();
|
|
6018
6103
|
insert(_el$, createComponent(Popover, {
|
|
6019
6104
|
get open() {
|
|
6020
6105
|
return open();
|
|
@@ -6037,7 +6122,7 @@ function Menu(props) {
|
|
|
6037
6122
|
return props.icon;
|
|
6038
6123
|
},
|
|
6039
6124
|
get children() {
|
|
6040
|
-
var _el$4 = _tmpl$3$
|
|
6125
|
+
var _el$4 = _tmpl$3$m();
|
|
6041
6126
|
createRenderEffect(() => setAttribute(_el$4, "data-lucide", props.icon));
|
|
6042
6127
|
return _el$4;
|
|
6043
6128
|
}
|
|
@@ -6047,7 +6132,7 @@ function Menu(props) {
|
|
|
6047
6132
|
return props.label;
|
|
6048
6133
|
},
|
|
6049
6134
|
get children() {
|
|
6050
|
-
var _el$5 = _tmpl$4$
|
|
6135
|
+
var _el$5 = _tmpl$4$h();
|
|
6051
6136
|
insert(_el$5, () => props.label);
|
|
6052
6137
|
return _el$5;
|
|
6053
6138
|
}
|
|
@@ -6057,7 +6142,7 @@ function Menu(props) {
|
|
|
6057
6142
|
return !props.hideChevron;
|
|
6058
6143
|
},
|
|
6059
6144
|
get children() {
|
|
6060
|
-
return _tmpl$5$
|
|
6145
|
+
return _tmpl$5$b();
|
|
6061
6146
|
}
|
|
6062
6147
|
}), null);
|
|
6063
6148
|
createRenderEffect((_p$) => {
|
|
@@ -6082,7 +6167,7 @@ function Menu(props) {
|
|
|
6082
6167
|
return _el$3;
|
|
6083
6168
|
})(),
|
|
6084
6169
|
get children() {
|
|
6085
|
-
var _el$2 = _tmpl$$
|
|
6170
|
+
var _el$2 = _tmpl$$T();
|
|
6086
6171
|
_el$2.$$click = (event) => {
|
|
6087
6172
|
const el = event.target;
|
|
6088
6173
|
if (el.closest("button") && !el.closest(".oasis-editor-tool-button-dropdown") && !el.closest(".oasis-editor-toolbar-list-options")) {
|
|
@@ -6097,7 +6182,7 @@ function Menu(props) {
|
|
|
6097
6182
|
})();
|
|
6098
6183
|
}
|
|
6099
6184
|
delegateEvents(["click"]);
|
|
6100
|
-
var _tmpl$$
|
|
6185
|
+
var _tmpl$$S = /* @__PURE__ */ template(`<select>`);
|
|
6101
6186
|
function Select(props) {
|
|
6102
6187
|
let selectRef;
|
|
6103
6188
|
const [local, others] = splitProps(props, ["wide", "small", "class", "tooltip", "aria-label", "value"]);
|
|
@@ -6113,7 +6198,7 @@ function Select(props) {
|
|
|
6113
6198
|
}
|
|
6114
6199
|
});
|
|
6115
6200
|
return (() => {
|
|
6116
|
-
var _el$ = _tmpl$$
|
|
6201
|
+
var _el$ = _tmpl$$S();
|
|
6117
6202
|
var _ref$ = selectRef;
|
|
6118
6203
|
typeof _ref$ === "function" ? use(_ref$, _el$) : selectRef = _el$;
|
|
6119
6204
|
spread(_el$, mergeProps({
|
|
@@ -6140,15 +6225,15 @@ function Select(props) {
|
|
|
6140
6225
|
return _el$;
|
|
6141
6226
|
})();
|
|
6142
6227
|
}
|
|
6143
|
-
var _tmpl$$
|
|
6228
|
+
var _tmpl$$R = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-separator>`);
|
|
6144
6229
|
function Separator(props) {
|
|
6145
6230
|
return (() => {
|
|
6146
|
-
var _el$ = _tmpl$$
|
|
6231
|
+
var _el$ = _tmpl$$R();
|
|
6147
6232
|
createRenderEffect((_$p) => setStyleProperty(_el$, "display", props.hidden ? "none" : void 0));
|
|
6148
6233
|
return _el$;
|
|
6149
6234
|
})();
|
|
6150
6235
|
}
|
|
6151
|
-
var _tmpl$$
|
|
6236
|
+
var _tmpl$$Q = /* @__PURE__ */ template(`<div><button type=button class=oasis-editor-color-split-main></button><button type=button class=oasis-editor-color-split-menu-button aria-haspopup=menu><i data-lucide=chevron-down>`);
|
|
6152
6237
|
function SplitButton(props) {
|
|
6153
6238
|
return createComponent(Popover, {
|
|
6154
6239
|
get open() {
|
|
@@ -6167,7 +6252,7 @@ function SplitButton(props) {
|
|
|
6167
6252
|
return props.onPanelMouseLeave;
|
|
6168
6253
|
},
|
|
6169
6254
|
trigger: (api) => (() => {
|
|
6170
|
-
var _el$ = _tmpl$$
|
|
6255
|
+
var _el$ = _tmpl$$Q(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
6171
6256
|
use((el) => api.ref(el), _el$);
|
|
6172
6257
|
_el$2.$$click = () => props.onMain();
|
|
6173
6258
|
insert(_el$2, () => props.mainContent);
|
|
@@ -6205,7 +6290,7 @@ function SplitButton(props) {
|
|
|
6205
6290
|
});
|
|
6206
6291
|
}
|
|
6207
6292
|
delegateEvents(["click"]);
|
|
6208
|
-
var _tmpl$$
|
|
6293
|
+
var _tmpl$$P = /* @__PURE__ */ template(`<i data-lucide=type>`), _tmpl$2$w = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class=oasis-editor-color-menu-action-swatch></span><span>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-theme-grid>`), _tmpl$4$g = /* @__PURE__ */ template(`<div class=oasis-editor-color-menu-section><div class=oasis-editor-color-menu-heading></div><div class=oasis-editor-color-standard-grid>`), _tmpl$5$a = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-menu-action role=menuitem><span class="oasis-editor-color-menu-action-swatch oasis-editor-color-menu-more-swatch"></span><span>`), _tmpl$6$6 = /* @__PURE__ */ template(`<input type=color class=oasis-editor-color-custom-input>`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=oasis-editor-color-split-icon><i></i><span class=oasis-editor-color-split-indicator>`), _tmpl$8$1 = /* @__PURE__ */ template(`<i data-lucide=slash>`), _tmpl$9 = /* @__PURE__ */ template(`<div class=oasis-editor-color-theme-column>`), _tmpl$0 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-color-swatch>`);
|
|
6209
6294
|
const normalizeColor = (value) => (value == null ? void 0 : value.trim().toLowerCase()) ?? "";
|
|
6210
6295
|
function ColorPicker(props) {
|
|
6211
6296
|
const [isOpen, setIsOpen] = createSignal(false);
|
|
@@ -6270,7 +6355,7 @@ function ColorPicker(props) {
|
|
|
6270
6355
|
return clearLabel();
|
|
6271
6356
|
},
|
|
6272
6357
|
get children() {
|
|
6273
|
-
var _el$ = _tmpl$2$
|
|
6358
|
+
var _el$ = _tmpl$2$w(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
|
|
6274
6359
|
_el$.$$click = () => applyColor(null);
|
|
6275
6360
|
insert(_el$2, createComponent(Show, {
|
|
6276
6361
|
get when() {
|
|
@@ -6280,7 +6365,7 @@ function ColorPicker(props) {
|
|
|
6280
6365
|
return _tmpl$8$1();
|
|
6281
6366
|
},
|
|
6282
6367
|
get children() {
|
|
6283
|
-
return _tmpl$$
|
|
6368
|
+
return _tmpl$$P();
|
|
6284
6369
|
}
|
|
6285
6370
|
}));
|
|
6286
6371
|
insert(_el$4, clearLabel);
|
|
@@ -6288,7 +6373,7 @@ function ColorPicker(props) {
|
|
|
6288
6373
|
return _el$;
|
|
6289
6374
|
}
|
|
6290
6375
|
}), (() => {
|
|
6291
|
-
var _el$5 = _tmpl$3$
|
|
6376
|
+
var _el$5 = _tmpl$3$l(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
|
|
6292
6377
|
insert(_el$6, () => props.themeColorsLabel);
|
|
6293
6378
|
insert(_el$7, createComponent(For, {
|
|
6294
6379
|
get each() {
|
|
@@ -6328,7 +6413,7 @@ function ColorPicker(props) {
|
|
|
6328
6413
|
}));
|
|
6329
6414
|
return _el$5;
|
|
6330
6415
|
})(), (() => {
|
|
6331
|
-
var _el$8 = _tmpl$4$
|
|
6416
|
+
var _el$8 = _tmpl$4$g(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
|
|
6332
6417
|
insert(_el$9, () => props.standardColorsLabel);
|
|
6333
6418
|
insert(_el$0, createComponent(For, {
|
|
6334
6419
|
get each() {
|
|
@@ -6365,7 +6450,7 @@ function ColorPicker(props) {
|
|
|
6365
6450
|
},
|
|
6366
6451
|
get children() {
|
|
6367
6452
|
return [(() => {
|
|
6368
|
-
var _el$1 = _tmpl$5$
|
|
6453
|
+
var _el$1 = _tmpl$5$a(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
|
|
6369
6454
|
_el$1.$$click = () => customColorInputRef == null ? void 0 : customColorInputRef.click();
|
|
6370
6455
|
insert(_el$11, () => props.moreColorsLabel);
|
|
6371
6456
|
createRenderEffect(() => setAttribute(_el$1, "data-testid", `${props.testId}-more-colors`));
|
|
@@ -6393,7 +6478,7 @@ function ColorPicker(props) {
|
|
|
6393
6478
|
});
|
|
6394
6479
|
}
|
|
6395
6480
|
delegateEvents(["click", "input"]);
|
|
6396
|
-
var _tmpl$$
|
|
6481
|
+
var _tmpl$$O = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-status>`), _tmpl$2$v = /* @__PURE__ */ template(`<div class=oasis-editor-table-grid-picker-grid>`), _tmpl$3$k = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-dropdown>`), _tmpl$4$f = /* @__PURE__ */ template(`<button type=button class=oasis-editor-tool-button><i>`), _tmpl$5$9 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-table-grid-picker-cell>`);
|
|
6397
6482
|
function GridPicker(props) {
|
|
6398
6483
|
const t = useI18n();
|
|
6399
6484
|
const [isOpen, setIsOpen] = createSignal(false);
|
|
@@ -6468,7 +6553,7 @@ function GridPicker(props) {
|
|
|
6468
6553
|
return h.row === 0 || h.col === 0 ? t("toolbar.table") : `${h.row} × ${h.col}`;
|
|
6469
6554
|
};
|
|
6470
6555
|
return (() => {
|
|
6471
|
-
var _el$ = _tmpl$3$
|
|
6556
|
+
var _el$ = _tmpl$3$k();
|
|
6472
6557
|
insert(_el$, createComponent(Popover, {
|
|
6473
6558
|
get open() {
|
|
6474
6559
|
return isOpen();
|
|
@@ -6480,7 +6565,7 @@ function GridPicker(props) {
|
|
|
6480
6565
|
col: 0
|
|
6481
6566
|
}),
|
|
6482
6567
|
trigger: (api) => (() => {
|
|
6483
|
-
var _el$4 = _tmpl$4$
|
|
6568
|
+
var _el$4 = _tmpl$4$f(), _el$5 = _el$4.firstChild;
|
|
6484
6569
|
_el$4.$$click = () => api.toggle();
|
|
6485
6570
|
use((el) => api.ref(el), _el$4);
|
|
6486
6571
|
createRenderEffect((_p$) => {
|
|
@@ -6502,11 +6587,11 @@ function GridPicker(props) {
|
|
|
6502
6587
|
})(),
|
|
6503
6588
|
get children() {
|
|
6504
6589
|
return [(() => {
|
|
6505
|
-
var _el$2 = _tmpl$$
|
|
6590
|
+
var _el$2 = _tmpl$$O();
|
|
6506
6591
|
insert(_el$2, statusLabel);
|
|
6507
6592
|
return _el$2;
|
|
6508
6593
|
})(), (() => {
|
|
6509
|
-
var _el$3 = _tmpl$2$
|
|
6594
|
+
var _el$3 = _tmpl$2$v();
|
|
6510
6595
|
insert(_el$3, createComponent(For, {
|
|
6511
6596
|
get each() {
|
|
6512
6597
|
return rows();
|
|
@@ -6516,7 +6601,7 @@ function GridPicker(props) {
|
|
|
6516
6601
|
return cols();
|
|
6517
6602
|
},
|
|
6518
6603
|
children: (c) => (() => {
|
|
6519
|
-
var _el$6 = _tmpl$5$
|
|
6604
|
+
var _el$6 = _tmpl$5$9();
|
|
6520
6605
|
_el$6.$$click = () => selectGridSize(r, c);
|
|
6521
6606
|
_el$6.$$mousedown = (event) => event.preventDefault();
|
|
6522
6607
|
_el$6.addEventListener("mouseenter", () => setHover({
|
|
@@ -6606,7 +6691,7 @@ const DEFAULT_PALETTE = {
|
|
|
6606
6691
|
standardColors: STANDARD_COLORS,
|
|
6607
6692
|
allowCustom: true
|
|
6608
6693
|
};
|
|
6609
|
-
var _tmpl$$
|
|
6694
|
+
var _tmpl$$N = /* @__PURE__ */ template(`<button type=button class=oasis-editor-style-gallery-card role=option><span>`), _tmpl$2$u = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery-grid>`), _tmpl$3$j = /* @__PURE__ */ template(`<div class=oasis-editor-style-gallery><div class=oasis-editor-style-gallery-ribbon><div class=oasis-editor-style-gallery-strip role=listbox></div><button type=button class=oasis-editor-style-gallery-expand aria-haspopup=listbox><i data-lucide=chevron-down>`), _tmpl$4$e = /* @__PURE__ */ template(`<option>`);
|
|
6610
6695
|
function getQuickStyles(styles) {
|
|
6611
6696
|
const applicable = styles.filter((style2) => style2.type !== "table" && (!style2.semiHidden || style2.unhideWhenUsed && style2.isUsed));
|
|
6612
6697
|
const hasQuickStyles = applicable.some((style2) => style2.qFormat === true);
|
|
@@ -6686,7 +6771,7 @@ function StyleGallery(props) {
|
|
|
6686
6771
|
return styles();
|
|
6687
6772
|
},
|
|
6688
6773
|
children: (style$1) => (() => {
|
|
6689
|
-
var _el$ = _tmpl$$
|
|
6774
|
+
var _el$ = _tmpl$$N(), _el$2 = _el$.firstChild;
|
|
6690
6775
|
_el$.$$click = () => apply(style$1);
|
|
6691
6776
|
insert(_el$2, () => style$1.name);
|
|
6692
6777
|
createRenderEffect((_p$) => {
|
|
@@ -6717,7 +6802,7 @@ function StyleGallery(props) {
|
|
|
6717
6802
|
panelRole: "listbox",
|
|
6718
6803
|
panelTestId,
|
|
6719
6804
|
trigger: (popover) => (() => {
|
|
6720
|
-
var _el$4 = _tmpl$3$
|
|
6805
|
+
var _el$4 = _tmpl$3$j(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
|
|
6721
6806
|
var _ref$ = popover.ref;
|
|
6722
6807
|
typeof _ref$ === "function" ? use(_ref$, _el$4) : popover.ref = _el$4;
|
|
6723
6808
|
insert(_el$4, createComponent(Select, {
|
|
@@ -6741,7 +6826,7 @@ function StyleGallery(props) {
|
|
|
6741
6826
|
return styles();
|
|
6742
6827
|
},
|
|
6743
6828
|
children: (style2) => (() => {
|
|
6744
|
-
var _el$8 = _tmpl$4$
|
|
6829
|
+
var _el$8 = _tmpl$4$e();
|
|
6745
6830
|
insert(_el$8, () => style2.name);
|
|
6746
6831
|
createRenderEffect(() => _el$8.value = style2.id);
|
|
6747
6832
|
return _el$8;
|
|
@@ -6766,7 +6851,7 @@ function StyleGallery(props) {
|
|
|
6766
6851
|
return _el$4;
|
|
6767
6852
|
})(),
|
|
6768
6853
|
get children() {
|
|
6769
|
-
var _el$3 = _tmpl$2$
|
|
6854
|
+
var _el$3 = _tmpl$2$u();
|
|
6770
6855
|
_el$3.$$keydown = onPanelKeyDown;
|
|
6771
6856
|
insert(_el$3, cards);
|
|
6772
6857
|
return _el$3;
|
|
@@ -6774,7 +6859,7 @@ function StyleGallery(props) {
|
|
|
6774
6859
|
});
|
|
6775
6860
|
}
|
|
6776
6861
|
delegateEvents(["click", "keydown"]);
|
|
6777
|
-
var _tmpl$$
|
|
6862
|
+
var _tmpl$$M = /* @__PURE__ */ template(`<option value>`), _tmpl$2$t = /* @__PURE__ */ template(`<option>`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-item style=align-items:center>`);
|
|
6778
6863
|
function renderMenuContent(content, api) {
|
|
6779
6864
|
if (content.kind === "custom") {
|
|
6780
6865
|
return content.render(api);
|
|
@@ -6956,7 +7041,7 @@ function RenderSelect(props) {
|
|
|
6956
7041
|
return props.item.placeholder !== void 0;
|
|
6957
7042
|
},
|
|
6958
7043
|
get children() {
|
|
6959
|
-
var _el$ = _tmpl$$
|
|
7044
|
+
var _el$ = _tmpl$$M();
|
|
6960
7045
|
insert(_el$, () => props.item.placeholder);
|
|
6961
7046
|
return _el$;
|
|
6962
7047
|
}
|
|
@@ -6965,7 +7050,7 @@ function RenderSelect(props) {
|
|
|
6965
7050
|
return props.item.options(props.api);
|
|
6966
7051
|
},
|
|
6967
7052
|
children: (option) => (() => {
|
|
6968
|
-
var _el$2 = _tmpl$2$
|
|
7053
|
+
var _el$2 = _tmpl$2$t();
|
|
6969
7054
|
insert(_el$2, () => option.label);
|
|
6970
7055
|
createRenderEffect(() => _el$2.value = option.value);
|
|
6971
7056
|
return _el$2;
|
|
@@ -7103,7 +7188,7 @@ function ToolbarItemRenderer(props) {
|
|
|
7103
7188
|
const binding = bindItem(props.item, props.api);
|
|
7104
7189
|
const component = () => resolveRenderer(props.item.type);
|
|
7105
7190
|
return (() => {
|
|
7106
|
-
var _el$3 = _tmpl$3$
|
|
7191
|
+
var _el$3 = _tmpl$3$i();
|
|
7107
7192
|
insert(_el$3, createComponent(Show, {
|
|
7108
7193
|
get when() {
|
|
7109
7194
|
return component();
|
|
@@ -7514,7 +7599,7 @@ function resolveResponsiveRibbonGroups(groups, availableWidth, measurements = {}
|
|
|
7514
7599
|
allocatedWidth: allocatedWidths.get(group.id)
|
|
7515
7600
|
}));
|
|
7516
7601
|
}
|
|
7517
|
-
var _tmpl$$
|
|
7602
|
+
var _tmpl$$L = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-tabs role=tablist>`), _tmpl$2$s = /* @__PURE__ */ template(`<button type=button class=oasis-editor-ribbon-tab role=tab>`);
|
|
7518
7603
|
function RibbonTabs(props) {
|
|
7519
7604
|
const tabs = buildRibbonTabDefinitions(useI18n());
|
|
7520
7605
|
const moveTab = (current, delta) => {
|
|
@@ -7523,11 +7608,11 @@ function RibbonTabs(props) {
|
|
|
7523
7608
|
if (next) props.setActiveTab(next.id);
|
|
7524
7609
|
};
|
|
7525
7610
|
return (() => {
|
|
7526
|
-
var _el$ = _tmpl$$
|
|
7611
|
+
var _el$ = _tmpl$$L();
|
|
7527
7612
|
insert(_el$, createComponent(For, {
|
|
7528
7613
|
each: tabs,
|
|
7529
7614
|
children: (tab) => (() => {
|
|
7530
|
-
var _el$2 = _tmpl$2$
|
|
7615
|
+
var _el$2 = _tmpl$2$s();
|
|
7531
7616
|
_el$2.$$keydown = (event) => {
|
|
7532
7617
|
if (event.key === "ArrowRight") {
|
|
7533
7618
|
event.preventDefault();
|
|
@@ -7569,10 +7654,10 @@ function RibbonTabs(props) {
|
|
|
7569
7654
|
})();
|
|
7570
7655
|
}
|
|
7571
7656
|
delegateEvents(["click", "keydown"]);
|
|
7572
|
-
var _tmpl$$
|
|
7657
|
+
var _tmpl$$K = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-row>`);
|
|
7573
7658
|
function RibbonRow(props) {
|
|
7574
7659
|
return (() => {
|
|
7575
|
-
var _el$ = _tmpl$$
|
|
7660
|
+
var _el$ = _tmpl$$K();
|
|
7576
7661
|
insert(_el$, createComponent(For, {
|
|
7577
7662
|
get each() {
|
|
7578
7663
|
return props.items;
|
|
@@ -7587,7 +7672,7 @@ function RibbonRow(props) {
|
|
|
7587
7672
|
return _el$;
|
|
7588
7673
|
})();
|
|
7589
7674
|
}
|
|
7590
|
-
var _tmpl$$
|
|
7675
|
+
var _tmpl$$J = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-large-items>`), _tmpl$2$r = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows><div class=oasis-editor-ribbon-normal-rows>`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-label>`), _tmpl$4$d = /* @__PURE__ */ template(`<section class=oasis-editor-ribbon-group>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-collapsed-items>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-group-rows>`);
|
|
7591
7676
|
function groupItems(group) {
|
|
7592
7677
|
return [...group.largeItems, ...group.rows[1], ...group.rows[2]];
|
|
7593
7678
|
}
|
|
@@ -7598,7 +7683,7 @@ function groupStyle(group) {
|
|
|
7598
7683
|
}
|
|
7599
7684
|
function RibbonGroup(props) {
|
|
7600
7685
|
return (() => {
|
|
7601
|
-
var _el$ = _tmpl$4$
|
|
7686
|
+
var _el$ = _tmpl$4$d();
|
|
7602
7687
|
insert(_el$, createComponent(Show, {
|
|
7603
7688
|
get when() {
|
|
7604
7689
|
return props.group.resizeState !== "collapsed";
|
|
@@ -7622,7 +7707,7 @@ function RibbonGroup(props) {
|
|
|
7622
7707
|
ribbonSize: "large",
|
|
7623
7708
|
panelClass: "oasis-editor-ribbon-collapsed-menu",
|
|
7624
7709
|
get children() {
|
|
7625
|
-
var _el$7 = _tmpl$5$
|
|
7710
|
+
var _el$7 = _tmpl$5$8();
|
|
7626
7711
|
insert(_el$7, createComponent(For, {
|
|
7627
7712
|
get each() {
|
|
7628
7713
|
return groupItems(props.group);
|
|
@@ -7639,20 +7724,20 @@ function RibbonGroup(props) {
|
|
|
7639
7724
|
}));
|
|
7640
7725
|
return _el$6;
|
|
7641
7726
|
})(), (() => {
|
|
7642
|
-
var _el$8 = _tmpl$3$
|
|
7727
|
+
var _el$8 = _tmpl$3$h();
|
|
7643
7728
|
insert(_el$8, () => props.group.label);
|
|
7644
7729
|
return _el$8;
|
|
7645
7730
|
})()];
|
|
7646
7731
|
},
|
|
7647
7732
|
get children() {
|
|
7648
7733
|
return [(() => {
|
|
7649
|
-
var _el$2 = _tmpl$2$
|
|
7734
|
+
var _el$2 = _tmpl$2$r(), _el$4 = _el$2.firstChild;
|
|
7650
7735
|
insert(_el$2, createComponent(Show, {
|
|
7651
7736
|
get when() {
|
|
7652
7737
|
return props.group.largeItems.length > 0;
|
|
7653
7738
|
},
|
|
7654
7739
|
get children() {
|
|
7655
|
-
var _el$3 = _tmpl$$
|
|
7740
|
+
var _el$3 = _tmpl$$J();
|
|
7656
7741
|
insert(_el$3, createComponent(For, {
|
|
7657
7742
|
get each() {
|
|
7658
7743
|
return props.group.largeItems;
|
|
@@ -7685,7 +7770,7 @@ function RibbonGroup(props) {
|
|
|
7685
7770
|
}), null);
|
|
7686
7771
|
return _el$2;
|
|
7687
7772
|
})(), (() => {
|
|
7688
|
-
var _el$5 = _tmpl$3$
|
|
7773
|
+
var _el$5 = _tmpl$3$h();
|
|
7689
7774
|
insert(_el$5, () => props.group.label);
|
|
7690
7775
|
return _el$5;
|
|
7691
7776
|
})()];
|
|
@@ -7713,7 +7798,7 @@ function RibbonGroup(props) {
|
|
|
7713
7798
|
return _el$;
|
|
7714
7799
|
})();
|
|
7715
7800
|
}
|
|
7716
|
-
var _tmpl$$
|
|
7801
|
+
var _tmpl$$I = /* @__PURE__ */ template(`<div class=oasis-editor-ribbon-panel role=tabpanel data-testid=editor-ribbon-panel>`);
|
|
7717
7802
|
function RibbonPanel(props) {
|
|
7718
7803
|
const [availableWidth, setAvailableWidth] = createSignal(null);
|
|
7719
7804
|
const [measurements, setMeasurements] = createSignal({});
|
|
@@ -7758,7 +7843,7 @@ function RibbonPanel(props) {
|
|
|
7758
7843
|
requestAnimationFrame(measureGroups);
|
|
7759
7844
|
});
|
|
7760
7845
|
return (() => {
|
|
7761
|
-
var _el$ = _tmpl$$
|
|
7846
|
+
var _el$ = _tmpl$$I();
|
|
7762
7847
|
var _ref$ = panelRef;
|
|
7763
7848
|
typeof _ref$ === "function" ? use(_ref$, _el$) : panelRef = _el$;
|
|
7764
7849
|
insert(_el$, createComponent(For, {
|
|
@@ -7784,7 +7869,7 @@ function RibbonPanel(props) {
|
|
|
7784
7869
|
return _el$;
|
|
7785
7870
|
})();
|
|
7786
7871
|
}
|
|
7787
|
-
var _tmpl$$
|
|
7872
|
+
var _tmpl$$H = /* @__PURE__ */ template(`<section class=oasis-editor-toolbar>`), _tmpl$2$q = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-wrap-strip>`);
|
|
7788
7873
|
const shouldAllowNativeMouseDown = (target) => target instanceof Element && target.closest("select, input, textarea, label") !== null;
|
|
7789
7874
|
function Toolbar(props) {
|
|
7790
7875
|
const api = createToolbarApi(props.host, useI18n());
|
|
@@ -7814,7 +7899,7 @@ function Toolbar(props) {
|
|
|
7814
7899
|
})
|
|
7815
7900
|
});
|
|
7816
7901
|
return (() => {
|
|
7817
|
-
var _el$ = _tmpl$$
|
|
7902
|
+
var _el$ = _tmpl$$H();
|
|
7818
7903
|
_el$.$$mousedown = (event) => {
|
|
7819
7904
|
if (shouldAllowNativeMouseDown(event.target)) {
|
|
7820
7905
|
return;
|
|
@@ -7835,7 +7920,7 @@ function Toolbar(props) {
|
|
|
7835
7920
|
return renderItems();
|
|
7836
7921
|
}
|
|
7837
7922
|
}) : (() => {
|
|
7838
|
-
var _el$2 = _tmpl$2$
|
|
7923
|
+
var _el$2 = _tmpl$2$q();
|
|
7839
7924
|
insert(_el$2, renderItems);
|
|
7840
7925
|
return _el$2;
|
|
7841
7926
|
})();
|
|
@@ -18348,11 +18433,11 @@ function buildCanvasTableLayout(options) {
|
|
|
18348
18433
|
unsupported: Array.from(new Set(unsupported))
|
|
18349
18434
|
};
|
|
18350
18435
|
}
|
|
18351
|
-
var _tmpl$$
|
|
18436
|
+
var _tmpl$$G = /* @__PURE__ */ template(`<div class=oasis-editor-page-break style="display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;user-select:none"><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--oasis-toolbar-border, #e0e3e7)"></div><div style="background:var(--oasis-bg, #f6f8fb);padding:0 12px;color:var(--oasis-text-muted, #5f6368);font-size:12px;font-family:var(--oasis-font-ui, sans-serif);z-index:1">`);
|
|
18352
18437
|
function PageBreak(_props) {
|
|
18353
18438
|
const t = useI18n();
|
|
18354
18439
|
return (() => {
|
|
18355
|
-
var _el$ = _tmpl$$
|
|
18440
|
+
var _el$ = _tmpl$$G(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
18356
18441
|
insert(_el$3, () => t("metric.pageBreak") || "Page Break");
|
|
18357
18442
|
return _el$;
|
|
18358
18443
|
})();
|
|
@@ -21859,7 +21944,7 @@ function createCanvasPageRenderer(options) {
|
|
|
21859
21944
|
}
|
|
21860
21945
|
};
|
|
21861
21946
|
}
|
|
21862
|
-
var _tmpl$$
|
|
21947
|
+
var _tmpl$$F = /* @__PURE__ */ template(`<div class="oasis-editor-paper-stack oasis-editor-canvas-stack"style=position:relative>`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=oasis-editor-canvas-page-slot style=position:relative>`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=oasis-editor-paper data-renderer=canvas data-testid=editor-page style=position:relative;z-index:1><canvas>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=oasis-editor-table-revision-hit style=position:absolute;pointer-events:auto;background:transparent>`);
|
|
21863
21948
|
const surfaceLogger = createEditorLogger("canvas-surface");
|
|
21864
21949
|
function checkBrowserFonts(families) {
|
|
21865
21950
|
if (typeof document === "undefined" || !document.fonts) {
|
|
@@ -21919,7 +22004,7 @@ function CanvasEditorSurface(props) {
|
|
|
21919
22004
|
return layout;
|
|
21920
22005
|
});
|
|
21921
22006
|
return (() => {
|
|
21922
|
-
var _el$ = _tmpl$$
|
|
22007
|
+
var _el$ = _tmpl$$F();
|
|
21923
22008
|
insert(_el$, createComponent(Index, {
|
|
21924
22009
|
get each() {
|
|
21925
22010
|
return documentLayout().pages;
|
|
@@ -21931,7 +22016,7 @@ function CanvasEditorSurface(props) {
|
|
|
21931
22016
|
// inserting an image that triggers re-pagination in a narrow viewport),
|
|
21932
22017
|
// causing "Failed to execute 'insertBefore'" errors.
|
|
21933
22018
|
(() => {
|
|
21934
|
-
var _el$2 = _tmpl$2$
|
|
22019
|
+
var _el$2 = _tmpl$2$p();
|
|
21935
22020
|
insert(_el$2, createComponent(Show, {
|
|
21936
22021
|
when: index > 0,
|
|
21937
22022
|
get children() {
|
|
@@ -22061,7 +22146,7 @@ function CanvasPage(props) {
|
|
|
22061
22146
|
});
|
|
22062
22147
|
onCleanup(() => renderer.dispose());
|
|
22063
22148
|
return (() => {
|
|
22064
|
-
var _el$3 = _tmpl$3$
|
|
22149
|
+
var _el$3 = _tmpl$3$g(), _el$4 = _el$3.firstChild;
|
|
22065
22150
|
addEventListener(_el$3, "dblclick", props.onSurfaceDblClick, true);
|
|
22066
22151
|
addEventListener(_el$3, "mousemove", props.onSurfaceMouseMove, true);
|
|
22067
22152
|
addEventListener(_el$3, "click", props.onSurfaceClick, true);
|
|
@@ -22073,7 +22158,7 @@ function CanvasPage(props) {
|
|
|
22073
22158
|
return revisionCells();
|
|
22074
22159
|
},
|
|
22075
22160
|
children: (revision) => (() => {
|
|
22076
|
-
var _el$5 = _tmpl$4$
|
|
22161
|
+
var _el$5 = _tmpl$4$c();
|
|
22077
22162
|
addEventListener(_el$5, "mousedown", props.onSurfaceMouseDown, true);
|
|
22078
22163
|
_el$5.addEventListener("mouseleave", (event) => {
|
|
22079
22164
|
var _a;
|
|
@@ -22427,7 +22512,7 @@ function computeRulerTicks(pageWidth, contentLeft, unit) {
|
|
|
22427
22512
|
pushSide(-1);
|
|
22428
22513
|
return ticks;
|
|
22429
22514
|
}
|
|
22430
|
-
var _tmpl$$
|
|
22515
|
+
var _tmpl$$E = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler data-testid=editor-horizontal-ruler role=presentation><div class=oasis-editor-horizontal-ruler-track><div class=oasis-editor-horizontal-ruler-page><div class=oasis-editor-horizontal-ruler-margin style=left:0px></div><div class=oasis-editor-horizontal-ruler-margin></div><div class=oasis-editor-horizontal-ruler-content></div><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class=oasis-editor-horizontal-ruler-margin-handle></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-first-line"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-hanging"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-left-box"></button><button type=button class="oasis-editor-ruler-marker oasis-editor-ruler-marker-right-indent">`), _tmpl$2$o = /* @__PURE__ */ template(`<div>`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=oasis-editor-horizontal-ruler-label>`);
|
|
22431
22516
|
function getActivePageSettings(state) {
|
|
22432
22517
|
var _a;
|
|
22433
22518
|
const idx = getActiveSectionIndex(state);
|
|
@@ -22633,7 +22718,7 @@ function HorizontalRuler(props) {
|
|
|
22633
22718
|
}
|
|
22634
22719
|
};
|
|
22635
22720
|
return (() => {
|
|
22636
|
-
var _el$ = _tmpl$$
|
|
22721
|
+
var _el$ = _tmpl$$E(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.nextSibling, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling;
|
|
22637
22722
|
var _ref$ = pageRef;
|
|
22638
22723
|
typeof _ref$ === "function" ? use(_ref$, _el$3) : pageRef = _el$3;
|
|
22639
22724
|
insert(_el$3, createComponent(For, {
|
|
@@ -22641,7 +22726,7 @@ function HorizontalRuler(props) {
|
|
|
22641
22726
|
return ticks();
|
|
22642
22727
|
},
|
|
22643
22728
|
children: (tick) => [(() => {
|
|
22644
|
-
var _el$11 = _tmpl$2$
|
|
22729
|
+
var _el$11 = _tmpl$2$o();
|
|
22645
22730
|
createRenderEffect((_p$) => {
|
|
22646
22731
|
var _v$27 = `oasis-editor-horizontal-ruler-tick oasis-editor-horizontal-ruler-tick-${tick.kind}`, _v$28 = `${sx(tick.x)}px`;
|
|
22647
22732
|
_v$27 !== _p$.e && className(_el$11, _p$.e = _v$27);
|
|
@@ -22653,7 +22738,7 @@ function HorizontalRuler(props) {
|
|
|
22653
22738
|
});
|
|
22654
22739
|
return _el$11;
|
|
22655
22740
|
})(), memo(() => memo(() => !!tick.label)() && (() => {
|
|
22656
|
-
var _el$12 = _tmpl$3$
|
|
22741
|
+
var _el$12 = _tmpl$3$f();
|
|
22657
22742
|
insert(_el$12, () => tick.label);
|
|
22658
22743
|
createRenderEffect((_$p) => setStyleProperty(_el$12, "left", `${sx(tick.x)}px`));
|
|
22659
22744
|
return _el$12;
|
|
@@ -22730,10 +22815,10 @@ function HorizontalRuler(props) {
|
|
|
22730
22815
|
})();
|
|
22731
22816
|
}
|
|
22732
22817
|
delegateEvents(["pointerdown"]);
|
|
22733
|
-
var _tmpl$$
|
|
22818
|
+
var _tmpl$$D = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-caret>`);
|
|
22734
22819
|
function CaretOverlay(props) {
|
|
22735
22820
|
return (() => {
|
|
22736
|
-
var _el$ = _tmpl$$
|
|
22821
|
+
var _el$ = _tmpl$$D();
|
|
22737
22822
|
createRenderEffect((_p$) => {
|
|
22738
22823
|
var _v$ = !!props.active, _v$2 = {
|
|
22739
22824
|
left: `${props.left}px`,
|
|
@@ -22754,16 +22839,16 @@ function CaretOverlay(props) {
|
|
|
22754
22839
|
return _el$;
|
|
22755
22840
|
})();
|
|
22756
22841
|
}
|
|
22757
|
-
var _tmpl$$
|
|
22842
|
+
var _tmpl$$C = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-selection-overlay-root>`), _tmpl$2$n = /* @__PURE__ */ template(`<span aria-hidden=true class=oasis-editor-selection-box data-testid=editor-selection-box>`);
|
|
22758
22843
|
function SelectionOverlay(props) {
|
|
22759
22844
|
return (() => {
|
|
22760
|
-
var _el$ = _tmpl$$
|
|
22845
|
+
var _el$ = _tmpl$$C();
|
|
22761
22846
|
insert(_el$, createComponent(Index, {
|
|
22762
22847
|
get each() {
|
|
22763
22848
|
return props.boxes;
|
|
22764
22849
|
},
|
|
22765
22850
|
children: (box) => (() => {
|
|
22766
|
-
var _el$2 = _tmpl$2$
|
|
22851
|
+
var _el$2 = _tmpl$2$n();
|
|
22767
22852
|
createRenderEffect((_p$) => {
|
|
22768
22853
|
var _v$ = `${box().left}px`, _v$2 = `${box().top}px`, _v$3 = `${box().width}px`, _v$4 = `${box().height}px`;
|
|
22769
22854
|
_v$ !== _p$.e && setStyleProperty(_el$2, "left", _p$.e = _v$);
|
|
@@ -22783,7 +22868,7 @@ function SelectionOverlay(props) {
|
|
|
22783
22868
|
return _el$;
|
|
22784
22869
|
})();
|
|
22785
22870
|
}
|
|
22786
|
-
var _tmpl$$
|
|
22871
|
+
var _tmpl$$B = /* @__PURE__ */ template(`<div class=oasis-editor-revision-overlay data-testid=editor-revision-overlay><div class=oasis-editor-revision-overlay-content><span class=oasis-editor-revision-overlay-author><strong>:</strong> </span><span class=oasis-editor-revision-overlay-date></span></div><div class=oasis-editor-revision-overlay-arrow>`);
|
|
22787
22872
|
function RevisionOverlay(props) {
|
|
22788
22873
|
const formattedDate = () => {
|
|
22789
22874
|
try {
|
|
@@ -22798,7 +22883,7 @@ function RevisionOverlay(props) {
|
|
|
22798
22883
|
return "Alterado por";
|
|
22799
22884
|
};
|
|
22800
22885
|
return (() => {
|
|
22801
|
-
var _el$ = _tmpl$$
|
|
22886
|
+
var _el$ = _tmpl$$B(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
|
|
22802
22887
|
_el$4.nextSibling;
|
|
22803
22888
|
var _el$7 = _el$3.nextSibling;
|
|
22804
22889
|
insert(_el$4, label, _el$5);
|
|
@@ -22816,7 +22901,7 @@ function RevisionOverlay(props) {
|
|
|
22816
22901
|
return _el$;
|
|
22817
22902
|
})();
|
|
22818
22903
|
}
|
|
22819
|
-
var _tmpl$$
|
|
22904
|
+
var _tmpl$$A = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-comment-overlay-root>`), _tmpl$2$m = /* @__PURE__ */ template(`<span class=oasis-editor-comment-highlight data-testid=editor-comment-highlight>`), _tmpl$3$e = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-date>`), _tmpl$4$b = /* @__PURE__ */ template(`<span class=oasis-editor-comment-popup-resolved>✓`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=oasis-editor-comment-popup data-testid=editor-comment-popup><div class=oasis-editor-comment-popup-header><span class=oasis-editor-comment-popup-author></span></div><div class=oasis-editor-comment-popup-body>`);
|
|
22820
22905
|
function CommentHighlightOverlay(props) {
|
|
22821
22906
|
const [activeCommentId, setActiveCommentId] = createSignal(null);
|
|
22822
22907
|
const activeComment = createMemo(() => {
|
|
@@ -22843,13 +22928,13 @@ function CommentHighlightOverlay(props) {
|
|
|
22843
22928
|
}
|
|
22844
22929
|
};
|
|
22845
22930
|
return (() => {
|
|
22846
|
-
var _el$ = _tmpl$$
|
|
22931
|
+
var _el$ = _tmpl$$A();
|
|
22847
22932
|
insert(_el$, createComponent(For, {
|
|
22848
22933
|
get each() {
|
|
22849
22934
|
return props.boxes();
|
|
22850
22935
|
},
|
|
22851
22936
|
children: (box) => (() => {
|
|
22852
|
-
var _el$2 = _tmpl$2$
|
|
22937
|
+
var _el$2 = _tmpl$2$m();
|
|
22853
22938
|
_el$2.$$click = () => setActiveCommentId(box.commentId);
|
|
22854
22939
|
_el$2.addEventListener("mouseenter", () => setActiveCommentId(box.commentId));
|
|
22855
22940
|
createRenderEffect((_p$) => {
|
|
@@ -22881,7 +22966,7 @@ function CommentHighlightOverlay(props) {
|
|
|
22881
22966
|
const comment = activeComment();
|
|
22882
22967
|
const anchor = popupAnchor();
|
|
22883
22968
|
return (() => {
|
|
22884
|
-
var _el$3 = _tmpl$5$
|
|
22969
|
+
var _el$3 = _tmpl$5$7(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$8 = _el$4.nextSibling;
|
|
22885
22970
|
_el$3.addEventListener("mouseleave", () => setActiveCommentId(null));
|
|
22886
22971
|
insert(_el$5, () => comment.author || "—");
|
|
22887
22972
|
insert(_el$4, createComponent(Show, {
|
|
@@ -22889,7 +22974,7 @@ function CommentHighlightOverlay(props) {
|
|
|
22889
22974
|
return comment.date !== void 0;
|
|
22890
22975
|
},
|
|
22891
22976
|
get children() {
|
|
22892
|
-
var _el$6 = _tmpl$3$
|
|
22977
|
+
var _el$6 = _tmpl$3$e();
|
|
22893
22978
|
insert(_el$6, () => formattedDate(comment.date));
|
|
22894
22979
|
return _el$6;
|
|
22895
22980
|
}
|
|
@@ -22899,7 +22984,7 @@ function CommentHighlightOverlay(props) {
|
|
|
22899
22984
|
return comment.resolved;
|
|
22900
22985
|
},
|
|
22901
22986
|
get children() {
|
|
22902
|
-
return _tmpl$4$
|
|
22987
|
+
return _tmpl$4$b();
|
|
22903
22988
|
}
|
|
22904
22989
|
}), null);
|
|
22905
22990
|
insert(_el$8, () => comment.text);
|
|
@@ -22949,7 +23034,7 @@ function useSurfaceRect(surfaceRef) {
|
|
|
22949
23034
|
});
|
|
22950
23035
|
return { rect, tick, refresh };
|
|
22951
23036
|
}
|
|
22952
|
-
var _tmpl$$
|
|
23037
|
+
var _tmpl$$z = /* @__PURE__ */ template(`<div class=oasis-editor-floating-toolbar data-testid=editor-floating-table-toolbar><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group></div><div class=oasis-editor-toolbar-group>`);
|
|
22953
23038
|
function FloatingTableToolbar(props) {
|
|
22954
23039
|
const t = useI18n();
|
|
22955
23040
|
const host = () => props.host();
|
|
@@ -23007,7 +23092,7 @@ function FloatingTableToolbar(props) {
|
|
|
23007
23092
|
return document.body;
|
|
23008
23093
|
},
|
|
23009
23094
|
get children() {
|
|
23010
|
-
var _el$ = _tmpl$$
|
|
23095
|
+
var _el$ = _tmpl$$z(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
|
|
23011
23096
|
_el$.$$mousedown = (event) => event.preventDefault();
|
|
23012
23097
|
insert(_el$2, createComponent(Button$1, {
|
|
23013
23098
|
icon: "combine",
|
|
@@ -23167,7 +23252,7 @@ function FloatingTableToolbar(props) {
|
|
|
23167
23252
|
});
|
|
23168
23253
|
}
|
|
23169
23254
|
delegateEvents(["mousedown"]);
|
|
23170
|
-
var _tmpl$$
|
|
23255
|
+
var _tmpl$$y = /* @__PURE__ */ template(`<svg><rect height=2 rx=1 fill=#9aa0a6></svg>`, false, true, false), _tmpl$2$l = /* @__PURE__ */ template(`<svg><rect rx=1.5></svg>`, false, true, false), _tmpl$3$d = /* @__PURE__ */ template(`<svg><polygon points="29,4 37,12 29,20 21,12"fill=#1a73e8></svg>`, false, true, false), _tmpl$4$a = /* @__PURE__ */ template(`<svg><polygon points="20,8 26,14 20,20 14,14"fill=#1a73e8></svg>`, false, true, false), _tmpl$5$6 = /* @__PURE__ */ template(`<svg viewBox="0 0 40 32"fill=none aria-hidden=true>`), _tmpl$6$4 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-anchor data-testid=editor-layout-options-anchor><svg viewBox="0 0 24 24"fill=none aria-hidden=true><rect x=3 y=4 width=10 height=10 rx=1.5 fill=#1a73e8></rect><rect x=3 y=17 width=18 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=5 width=6 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=9 width=6 height=2 rx=1 fill=#9aa0a6>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=oasis-editor-layout-options-popup data-testid=editor-layout-options-popup><div class=oasis-editor-layout-options-popup-header><span class=oasis-editor-layout-options-title></span><button type=button class=oasis-editor-layout-options-close>×</button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid><button type=button class=oasis-editor-layout-options-cell data-testid=editor-layout-options-inline><svg viewBox="0 0 40 32"fill=none aria-hidden=true><rect x=4 y=7 width=9 height=2 rx=1 fill=#9aa0a6></rect><rect x=15 y=4 width=11 height=11 rx=1.5 fill=#1a73e8></rect><rect x=28 y=7 width=8 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=20 width=32 height=2 rx=1 fill=#9aa0a6></rect><rect x=4 y=26 width=32 height=2 rx=1 fill=#9aa0a6></rect></svg></button></div><div class=oasis-editor-layout-options-group-label></div><div class=oasis-editor-layout-options-grid></div><div class=oasis-editor-layout-options-radios><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position></label><label class=oasis-editor-layout-options-radio><input type=radio name=oasis-layout-position>`), _tmpl$8 = /* @__PURE__ */ template(`<button type=button class=oasis-editor-layout-options-cell>`);
|
|
23171
23256
|
const WRAP_OPTIONS = [{
|
|
23172
23257
|
preset: "square",
|
|
23173
23258
|
labelKey: "layoutOptions.square"
|
|
@@ -23189,14 +23274,14 @@ const WRAP_OPTIONS = [{
|
|
|
23189
23274
|
}];
|
|
23190
23275
|
function WrapIcon(props) {
|
|
23191
23276
|
const line = (x, y, w) => (() => {
|
|
23192
|
-
var _el$ = _tmpl$$
|
|
23277
|
+
var _el$ = _tmpl$$y();
|
|
23193
23278
|
setAttribute(_el$, "x", x);
|
|
23194
23279
|
setAttribute(_el$, "y", y);
|
|
23195
23280
|
setAttribute(_el$, "width", w);
|
|
23196
23281
|
return _el$;
|
|
23197
23282
|
})();
|
|
23198
23283
|
const box = (x, y, w, h, fill = "#1a73e8") => (() => {
|
|
23199
|
-
var _el$2 = _tmpl$2$
|
|
23284
|
+
var _el$2 = _tmpl$2$l();
|
|
23200
23285
|
setAttribute(_el$2, "x", x);
|
|
23201
23286
|
setAttribute(_el$2, "y", y);
|
|
23202
23287
|
setAttribute(_el$2, "width", w);
|
|
@@ -23205,7 +23290,7 @@ function WrapIcon(props) {
|
|
|
23205
23290
|
return _el$2;
|
|
23206
23291
|
})();
|
|
23207
23292
|
return (() => {
|
|
23208
|
-
var _el$3 = _tmpl$5$
|
|
23293
|
+
var _el$3 = _tmpl$5$6();
|
|
23209
23294
|
insert(_el$3, createComponent(Show, {
|
|
23210
23295
|
get when() {
|
|
23211
23296
|
return props.preset === "square";
|
|
@@ -23219,7 +23304,7 @@ function WrapIcon(props) {
|
|
|
23219
23304
|
return props.preset === "tight";
|
|
23220
23305
|
},
|
|
23221
23306
|
get children() {
|
|
23222
|
-
return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$
|
|
23307
|
+
return [memo(() => line(4, 6, 12)), memo(() => line(4, 12, 10)), memo(() => line(4, 18, 12)), memo(() => line(4, 24, 32)), _tmpl$3$d()];
|
|
23223
23308
|
}
|
|
23224
23309
|
}), null);
|
|
23225
23310
|
insert(_el$3, createComponent(Show, {
|
|
@@ -23227,7 +23312,7 @@ function WrapIcon(props) {
|
|
|
23227
23312
|
return props.preset === "through";
|
|
23228
23313
|
},
|
|
23229
23314
|
get children() {
|
|
23230
|
-
return [memo(() => line(4, 6, 32)), memo(() => line(4, 12, 9)), memo(() => line(27, 12, 9)), memo(() => line(4, 18, 32)), _tmpl$4$
|
|
23315
|
+
return [memo(() => line(4, 6, 32)), memo(() => line(4, 12, 9)), memo(() => line(27, 12, 9)), memo(() => line(4, 18, 32)), _tmpl$4$a()];
|
|
23231
23316
|
}
|
|
23232
23317
|
}), null);
|
|
23233
23318
|
insert(_el$3, createComponent(Show, {
|
|
@@ -32746,7 +32831,7 @@ function stripUndefined(value) {
|
|
|
32746
32831
|
function emptyOrUndefined(obj) {
|
|
32747
32832
|
return Object.keys(obj).length > 0 ? obj : void 0;
|
|
32748
32833
|
}
|
|
32749
|
-
function mergeStyles(base, local) {
|
|
32834
|
+
function mergeStyles$1(base, local) {
|
|
32750
32835
|
return emptyOrUndefined({ ...base ?? {}, ...local ?? {} });
|
|
32751
32836
|
}
|
|
32752
32837
|
function parseShdFill(element, colors) {
|
|
@@ -34208,8 +34293,8 @@ function parseImportedStyles(stylesXml, theme) {
|
|
|
34208
34293
|
uiPriority,
|
|
34209
34294
|
semiHidden,
|
|
34210
34295
|
unhideWhenUsed,
|
|
34211
|
-
paragraphStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles(defaultParagraphStyle, paragraphStyle) : paragraphStyle,
|
|
34212
|
-
textStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles(defaultTextStyle, textStyle) : textStyle,
|
|
34296
|
+
paragraphStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles$1(defaultParagraphStyle, paragraphStyle) : paragraphStyle,
|
|
34297
|
+
textStyle: type === "paragraph" && isDefaultParagraph ? mergeStyles$1(defaultTextStyle, textStyle) : textStyle,
|
|
34213
34298
|
tableStyle
|
|
34214
34299
|
};
|
|
34215
34300
|
}
|
|
@@ -37598,10 +37683,10 @@ function resolveResizedDimensions(geometry, deltaX, deltaY, preserveAspectRatio,
|
|
|
37598
37683
|
nextHeight = clamp(nextWidth / aspectRatio, MIN_RESIZE_SIZE_PX);
|
|
37599
37684
|
return { width: nextWidth, height: nextHeight };
|
|
37600
37685
|
}
|
|
37601
|
-
var _tmpl$$
|
|
37686
|
+
var _tmpl$$x = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-rotate-handle tabindex=-1 type=button>`), _tmpl$2$k = /* @__PURE__ */ template(`<div aria-hidden=true style=transform-origin:center>`), _tmpl$3$c = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-editor-resize-handle tabindex=-1 type=button>`);
|
|
37602
37687
|
function ResizeHandlesOverlay(props) {
|
|
37603
37688
|
return (() => {
|
|
37604
|
-
var _el$ = _tmpl$2$
|
|
37689
|
+
var _el$ = _tmpl$2$k();
|
|
37605
37690
|
_el$.$$mousedown = (event) => {
|
|
37606
37691
|
if (props.readOnly || !props.box() || !props.onBodyMouseDown) {
|
|
37607
37692
|
return;
|
|
@@ -37617,7 +37702,7 @@ function ResizeHandlesOverlay(props) {
|
|
|
37617
37702
|
return [createComponent(For, {
|
|
37618
37703
|
each: RESIZE_HANDLE_DIRECTIONS,
|
|
37619
37704
|
children: (direction) => (() => {
|
|
37620
|
-
var _el$3 = _tmpl$3$
|
|
37705
|
+
var _el$3 = _tmpl$3$c();
|
|
37621
37706
|
_el$3.$$mousedown = (event) => {
|
|
37622
37707
|
if (!props.box()) {
|
|
37623
37708
|
return;
|
|
@@ -37632,7 +37717,7 @@ function ResizeHandlesOverlay(props) {
|
|
|
37632
37717
|
return props.onRotateStart;
|
|
37633
37718
|
},
|
|
37634
37719
|
get children() {
|
|
37635
|
-
var _el$2 = _tmpl$$
|
|
37720
|
+
var _el$2 = _tmpl$$x();
|
|
37636
37721
|
_el$2.$$mousedown = (event) => {
|
|
37637
37722
|
var _a;
|
|
37638
37723
|
if (!props.box()) {
|
|
@@ -37688,7 +37773,7 @@ function createEditorZoom(initial = ZOOM_DEFAULT) {
|
|
|
37688
37773
|
const zoomFactor = createMemo(() => zoomPercent() / 100);
|
|
37689
37774
|
return { zoomPercent, setZoomPercent, adjustZoom, zoomFactor };
|
|
37690
37775
|
}
|
|
37691
|
-
var _tmpl$$
|
|
37776
|
+
var _tmpl$$w = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none></div></div></div><div class=oasis-editor-statusbar data-testid=editor-statusbar><div class="oasis-editor-statusbar-group oasis-editor-statusbar-start"><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-word-count></span><span class=oasis-editor-statusbar-item data-testid=editor-statusbar-character-count></span><span class=oasis-editor-statusbar-item></span></div><div class="oasis-editor-statusbar-group oasis-editor-statusbar-end"><div class=oasis-editor-statusbar-zoom data-testid=editor-statusbar-zoom-control><button type=button class=oasis-editor-zoom-button>−</button><input class=oasis-editor-zoom-slider type=range><button type=button class=oasis-editor-zoom-button>+</button><span class="oasis-editor-statusbar-item oasis-editor-zoom-value"data-testid=editor-statusbar-zoom>%`), _tmpl$2$j = /* @__PURE__ */ template(`<div class=oasis-editor-import-overlay data-testid=editor-import-overlay role=status aria-live=polite><div class=oasis-editor-import-card><div class=oasis-editor-import-title></div><div class=oasis-editor-import-phase data-testid=editor-import-phase></div><div class=oasis-editor-import-progress-track><div class=oasis-editor-import-progress-bar data-testid=editor-import-progress-bar></div></div><div class=oasis-editor-import-progress-label>`), _tmpl$3$b = /* @__PURE__ */ template(`<span class=oasis-editor-import-done-icon>`), _tmpl$4$9 = /* @__PURE__ */ template(`<span class=oasis-editor-import-error-icon>`), _tmpl$5$5 = /* @__PURE__ */ template(`<span>`);
|
|
37692
37777
|
function OasisEditorEditor(props) {
|
|
37693
37778
|
const t = useI18n();
|
|
37694
37779
|
const layout = () => props.layout;
|
|
@@ -37816,7 +37901,7 @@ function OasisEditorEditor(props) {
|
|
|
37816
37901
|
queueMicrotask(recomputeViewportPageIndex);
|
|
37817
37902
|
});
|
|
37818
37903
|
return (() => {
|
|
37819
|
-
var _el$ = _tmpl$$
|
|
37904
|
+
var _el$ = _tmpl$$w(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling, _el$8 = _el$2.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.nextSibling, _el$11 = _el$9.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.nextSibling, _el$17 = _el$16.firstChild;
|
|
37820
37905
|
insert(_el$, createComponent(Show, {
|
|
37821
37906
|
get when() {
|
|
37822
37907
|
return memo(() => !!layout().showHorizontalRuler)() && overlays().toolbarHost;
|
|
@@ -38100,7 +38185,7 @@ function OasisEditorEditor(props) {
|
|
|
38100
38185
|
const isDone = progress().phase === "done";
|
|
38101
38186
|
const isError = progress().phase === "error";
|
|
38102
38187
|
return (() => {
|
|
38103
|
-
var _el$18 = _tmpl$2$
|
|
38188
|
+
var _el$18 = _tmpl$2$j(), _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$22.nextSibling;
|
|
38104
38189
|
_el$18.classList.toggle("oasis-editor-import-overlay-done", !!isDone);
|
|
38105
38190
|
_el$18.classList.toggle("oasis-editor-import-overlay-error", !!isError);
|
|
38106
38191
|
setAttribute(_el$18, "aria-busy", !isDone && !isError);
|
|
@@ -38113,11 +38198,11 @@ function OasisEditorEditor(props) {
|
|
|
38113
38198
|
_el$23.classList.toggle("oasis-editor-import-progress-bar-done", !!isDone);
|
|
38114
38199
|
_el$23.classList.toggle("oasis-editor-import-progress-bar-error", !!isError);
|
|
38115
38200
|
insert(_el$24, isDone ? (() => {
|
|
38116
|
-
var _el$25 = _tmpl$3$
|
|
38201
|
+
var _el$25 = _tmpl$3$b();
|
|
38117
38202
|
insert(_el$25, () => t("import.phase.done"));
|
|
38118
38203
|
return _el$25;
|
|
38119
38204
|
})() : isError ? (() => {
|
|
38120
|
-
var _el$26 = _tmpl$4$
|
|
38205
|
+
var _el$26 = _tmpl$4$9();
|
|
38121
38206
|
insert(_el$26, () => t("import.phase.error"));
|
|
38122
38207
|
return _el$26;
|
|
38123
38208
|
})() : [memo(() => Math.round(progress().progress)), "%"]);
|
|
@@ -38156,7 +38241,7 @@ function OasisEditorEditor(props) {
|
|
|
38156
38241
|
return createComponent(Show, {
|
|
38157
38242
|
when: key,
|
|
38158
38243
|
get children() {
|
|
38159
|
-
var _el$27 = _tmpl$5$
|
|
38244
|
+
var _el$27 = _tmpl$5$5();
|
|
38160
38245
|
insert(_el$27, () => t(key));
|
|
38161
38246
|
createRenderEffect(() => className(_el$27, `oasis-editor-statusbar-item oasis-editor-persistence-status oasis-editor-status-${status.replace("...", "ing").replace(".", "")}`));
|
|
38162
38247
|
return _el$27;
|
|
@@ -38886,11 +38971,11 @@ function createCanvasLayoutSnapshotProvider() {
|
|
|
38886
38971
|
}
|
|
38887
38972
|
};
|
|
38888
38973
|
}
|
|
38889
|
-
var _tmpl$$
|
|
38974
|
+
var _tmpl$$v = /* @__PURE__ */ template(`<button>`);
|
|
38890
38975
|
function FloatingActionButton(props) {
|
|
38891
38976
|
const [local, others] = splitProps(props, ["type", "icon", "label", "active", "class", "classList"]);
|
|
38892
38977
|
return (() => {
|
|
38893
|
-
var _el$ = _tmpl$$
|
|
38978
|
+
var _el$ = _tmpl$$v();
|
|
38894
38979
|
spread(_el$, mergeProps({
|
|
38895
38980
|
get type() {
|
|
38896
38981
|
return local.type ?? "button";
|
|
@@ -38919,7 +39004,7 @@ function FloatingActionButton(props) {
|
|
|
38919
39004
|
return _el$;
|
|
38920
39005
|
})();
|
|
38921
39006
|
}
|
|
38922
|
-
var _tmpl$$
|
|
39007
|
+
var _tmpl$$u = /* @__PURE__ */ template(`<aside>`), _tmpl$2$i = /* @__PURE__ */ template(`<div>`);
|
|
38923
39008
|
function SidePanel(props) {
|
|
38924
39009
|
const [local, others] = splitProps(props, ["mode", "width", "class", "classList", "children", "style"]);
|
|
38925
39010
|
const width = () => {
|
|
@@ -38929,7 +39014,7 @@ function SidePanel(props) {
|
|
|
38929
39014
|
return local.width ?? "360px";
|
|
38930
39015
|
};
|
|
38931
39016
|
return (() => {
|
|
38932
|
-
var _el$ = _tmpl$$
|
|
39017
|
+
var _el$ = _tmpl$$u();
|
|
38933
39018
|
spread(_el$, mergeProps({
|
|
38934
39019
|
get ["class"]() {
|
|
38935
39020
|
return `oasis-editor-plugin-side-panel ${local.class ?? ""}`;
|
|
@@ -38954,7 +39039,7 @@ function SidePanel(props) {
|
|
|
38954
39039
|
function SidePanelHeader(props) {
|
|
38955
39040
|
const [local, others] = splitProps(props, ["class", "children"]);
|
|
38956
39041
|
return (() => {
|
|
38957
|
-
var _el$2 = _tmpl$2$
|
|
39042
|
+
var _el$2 = _tmpl$2$i();
|
|
38958
39043
|
spread(_el$2, mergeProps({
|
|
38959
39044
|
get ["class"]() {
|
|
38960
39045
|
return `oasis-editor-plugin-side-panel-header ${local.class ?? ""}`;
|
|
@@ -38967,7 +39052,7 @@ function SidePanelHeader(props) {
|
|
|
38967
39052
|
function SidePanelBody(props) {
|
|
38968
39053
|
const [local, others] = splitProps(props, ["class", "children"]);
|
|
38969
39054
|
return (() => {
|
|
38970
|
-
var _el$3 = _tmpl$2$
|
|
39055
|
+
var _el$3 = _tmpl$2$i();
|
|
38971
39056
|
spread(_el$3, mergeProps({
|
|
38972
39057
|
get ["class"]() {
|
|
38973
39058
|
return `oasis-editor-plugin-side-panel-body ${local.class ?? ""}`;
|
|
@@ -38980,7 +39065,7 @@ function SidePanelBody(props) {
|
|
|
38980
39065
|
function SidePanelFooter(props) {
|
|
38981
39066
|
const [local, others] = splitProps(props, ["class", "children"]);
|
|
38982
39067
|
return (() => {
|
|
38983
|
-
var _el$4 = _tmpl$2$
|
|
39068
|
+
var _el$4 = _tmpl$2$i();
|
|
38984
39069
|
spread(_el$4, mergeProps({
|
|
38985
39070
|
get ["class"]() {
|
|
38986
39071
|
return `oasis-editor-plugin-side-panel-footer ${local.class ?? ""}`;
|
|
@@ -38990,11 +39075,11 @@ function SidePanelFooter(props) {
|
|
|
38990
39075
|
return _el$4;
|
|
38991
39076
|
})();
|
|
38992
39077
|
}
|
|
38993
|
-
var _tmpl$$
|
|
39078
|
+
var _tmpl$$t = /* @__PURE__ */ template(`<button>`);
|
|
38994
39079
|
function IconButton(props) {
|
|
38995
39080
|
const [local, others] = splitProps(props, ["type", "icon", "label", "active", "variant", "size", "class", "classList"]);
|
|
38996
39081
|
return (() => {
|
|
38997
|
-
var _el$ = _tmpl$$
|
|
39082
|
+
var _el$ = _tmpl$$t();
|
|
38998
39083
|
spread(_el$, mergeProps({
|
|
38999
39084
|
get type() {
|
|
39000
39085
|
return local.type ?? "button";
|
|
@@ -39025,7 +39110,7 @@ function IconButton(props) {
|
|
|
39025
39110
|
return _el$;
|
|
39026
39111
|
})();
|
|
39027
39112
|
}
|
|
39028
|
-
var _tmpl$$
|
|
39113
|
+
var _tmpl$$s = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-floating-actions>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-ui-host><div class=oasis-editor-plugin-ui-main>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-overlay>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=oasis-editor-plugin-side-panel-title>`);
|
|
39029
39114
|
const EMPTY_SNAPSHOT = {
|
|
39030
39115
|
floatingActions: [],
|
|
39031
39116
|
sidePanels: [],
|
|
@@ -39057,7 +39142,7 @@ function PluginUiHost(props) {
|
|
|
39057
39142
|
return groupActionsByPlacement(actions());
|
|
39058
39143
|
},
|
|
39059
39144
|
children: (group) => (() => {
|
|
39060
|
-
var _el$ = _tmpl$$
|
|
39145
|
+
var _el$ = _tmpl$$s();
|
|
39061
39146
|
insert(_el$, createComponent(For, {
|
|
39062
39147
|
get each() {
|
|
39063
39148
|
return group.actions;
|
|
@@ -39086,7 +39171,7 @@ function PluginUiHost(props) {
|
|
|
39086
39171
|
})()
|
|
39087
39172
|
});
|
|
39088
39173
|
return (() => {
|
|
39089
|
-
var _el$2 = _tmpl$2$
|
|
39174
|
+
var _el$2 = _tmpl$2$h(), _el$3 = _el$2.firstChild;
|
|
39090
39175
|
insert(_el$3, resolvedChildren);
|
|
39091
39176
|
insert(_el$2, createComponent(Show, {
|
|
39092
39177
|
get when() {
|
|
@@ -39099,7 +39184,7 @@ function PluginUiHost(props) {
|
|
|
39099
39184
|
return overlayPanel();
|
|
39100
39185
|
},
|
|
39101
39186
|
children: (panel) => (() => {
|
|
39102
|
-
var _el$4 = _tmpl$3$
|
|
39187
|
+
var _el$4 = _tmpl$3$a();
|
|
39103
39188
|
insert(_el$4, () => renderPanel(props.editor, panel(), t));
|
|
39104
39189
|
return _el$4;
|
|
39105
39190
|
})()
|
|
@@ -39150,25 +39235,29 @@ function renderPanel(editor, panel, t) {
|
|
|
39150
39235
|
return [createComponent(SidePanelHeader, {
|
|
39151
39236
|
get children() {
|
|
39152
39237
|
return [(() => {
|
|
39153
|
-
var _el$5 = _tmpl$
|
|
39238
|
+
var _el$5 = _tmpl$4$8();
|
|
39154
39239
|
insert(_el$5, createComponent(Show, {
|
|
39155
39240
|
get when() {
|
|
39156
39241
|
return panel.icon;
|
|
39157
39242
|
},
|
|
39158
39243
|
get children() {
|
|
39159
|
-
|
|
39160
|
-
|
|
39161
|
-
get
|
|
39162
|
-
return
|
|
39244
|
+
return createComponent(Text$1, {
|
|
39245
|
+
"class": "oasis-editor-plugin-side-panel-icon",
|
|
39246
|
+
get children() {
|
|
39247
|
+
return createComponent(ToolIcon, {
|
|
39248
|
+
get name() {
|
|
39249
|
+
return panel.icon;
|
|
39250
|
+
}
|
|
39251
|
+
});
|
|
39163
39252
|
}
|
|
39164
|
-
})
|
|
39165
|
-
return _el$6;
|
|
39253
|
+
});
|
|
39166
39254
|
}
|
|
39167
|
-
}),
|
|
39168
|
-
insert(_el$
|
|
39169
|
-
|
|
39170
|
-
|
|
39171
|
-
|
|
39255
|
+
}), null);
|
|
39256
|
+
insert(_el$5, createComponent(Text$1, {
|
|
39257
|
+
get children() {
|
|
39258
|
+
return memo(() => !!panel.titleKey)() ? t(panel.titleKey) : panel.title;
|
|
39259
|
+
}
|
|
39260
|
+
}), null);
|
|
39172
39261
|
return _el$5;
|
|
39173
39262
|
})(), createComponent(IconButton, {
|
|
39174
39263
|
icon: "x",
|
|
@@ -39205,7 +39294,7 @@ function groupActionsByPlacement(actions) {
|
|
|
39205
39294
|
actions: groupActions
|
|
39206
39295
|
}));
|
|
39207
39296
|
}
|
|
39208
|
-
var _tmpl$$
|
|
39297
|
+
var _tmpl$$r = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage>`);
|
|
39209
39298
|
function DocumentShell(props) {
|
|
39210
39299
|
let surfaceEl;
|
|
39211
39300
|
let viewportEl;
|
|
@@ -39332,7 +39421,7 @@ function DocumentShell(props) {
|
|
|
39332
39421
|
return props.runtimeEditor;
|
|
39333
39422
|
},
|
|
39334
39423
|
get children() {
|
|
39335
|
-
var _el$ = _tmpl$$
|
|
39424
|
+
var _el$ = _tmpl$$r(), _el$2 = _el$.firstChild;
|
|
39336
39425
|
insert(_el$, createComponent(Show, {
|
|
39337
39426
|
get when() {
|
|
39338
39427
|
return memo(() => !!props.showChrome)() && props.showOutline;
|
|
@@ -39397,10 +39486,10 @@ function DocumentShell(props) {
|
|
|
39397
39486
|
}
|
|
39398
39487
|
})];
|
|
39399
39488
|
}
|
|
39400
|
-
var _tmpl$$
|
|
39489
|
+
var _tmpl$$q = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=oasis-inline-shell style="border:1px solid var(--oasis-toolbar-border);border-radius:var(--oasis-radius);overflow:hidden;display:flex;flex-direction:column">`);
|
|
39401
39490
|
function InlineShell(props) {
|
|
39402
39491
|
return (() => {
|
|
39403
|
-
var _el$ = _tmpl$2$
|
|
39492
|
+
var _el$ = _tmpl$2$g();
|
|
39404
39493
|
insert(_el$, createComponent(Show, {
|
|
39405
39494
|
get when() {
|
|
39406
39495
|
return memo(() => !!props.showChrome)() && props.showToolbar;
|
|
@@ -39427,7 +39516,7 @@ function InlineShell(props) {
|
|
|
39427
39516
|
return props.runtimeEditor;
|
|
39428
39517
|
},
|
|
39429
39518
|
get children() {
|
|
39430
|
-
var _el$2 = _tmpl$$
|
|
39519
|
+
var _el$2 = _tmpl$$q(), _el$3 = _el$2.firstChild;
|
|
39431
39520
|
insert(_el$3, createComponent(OasisEditorEditor, {
|
|
39432
39521
|
state: () => props.state,
|
|
39433
39522
|
get layout() {
|
|
@@ -39467,16 +39556,16 @@ function InlineShell(props) {
|
|
|
39467
39556
|
return _el$;
|
|
39468
39557
|
})();
|
|
39469
39558
|
}
|
|
39470
|
-
var _tmpl$$
|
|
39559
|
+
var _tmpl$$p = /* @__PURE__ */ template(`<div class=oasis-editor-main-container><section class=oasis-editor-stage style=padding:0>`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=oasis-balloon-shell>`);
|
|
39471
39560
|
function BalloonShell(props) {
|
|
39472
39561
|
return (() => {
|
|
39473
|
-
var _el$ = _tmpl$2$
|
|
39562
|
+
var _el$ = _tmpl$2$f();
|
|
39474
39563
|
insert(_el$, createComponent(PluginUiHost, {
|
|
39475
39564
|
get editor() {
|
|
39476
39565
|
return props.runtimeEditor;
|
|
39477
39566
|
},
|
|
39478
39567
|
get children() {
|
|
39479
|
-
var _el$2 = _tmpl$$
|
|
39568
|
+
var _el$2 = _tmpl$$p(), _el$3 = _el$2.firstChild;
|
|
39480
39569
|
insert(_el$3, createComponent(OasisEditorEditor, {
|
|
39481
39570
|
state: () => props.state,
|
|
39482
39571
|
get layout() {
|
|
@@ -39516,7 +39605,7 @@ function BalloonShell(props) {
|
|
|
39516
39605
|
return _el$;
|
|
39517
39606
|
})();
|
|
39518
39607
|
}
|
|
39519
|
-
var _tmpl$$
|
|
39608
|
+
var _tmpl$$o = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-footer data-testid=editor-dialog-footer>`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-overlay><div role=dialog aria-modal=true data-testid=editor-dialog><div class=oasis-editor-dialog-header><h3 class=oasis-editor-dialog-title></h3><button class=oasis-editor-dialog-close data-testid=editor-dialog-close><i data-lucide=x></i></button></div><div data-testid=editor-dialog-body>`);
|
|
39520
39609
|
function Dialog(props) {
|
|
39521
39610
|
const t = useI18n();
|
|
39522
39611
|
let dialogRef;
|
|
@@ -39541,7 +39630,7 @@ function Dialog(props) {
|
|
|
39541
39630
|
return props.isOpen;
|
|
39542
39631
|
},
|
|
39543
39632
|
get children() {
|
|
39544
|
-
var _el$ = _tmpl$2$
|
|
39633
|
+
var _el$ = _tmpl$2$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
|
|
39545
39634
|
_el$.$$click = () => {
|
|
39546
39635
|
if (props.closeOnOverlayClick ?? true) {
|
|
39547
39636
|
props.onClose();
|
|
@@ -39558,7 +39647,7 @@ function Dialog(props) {
|
|
|
39558
39647
|
return props.footer;
|
|
39559
39648
|
},
|
|
39560
39649
|
get children() {
|
|
39561
|
-
var _el$7 = _tmpl$$
|
|
39650
|
+
var _el$7 = _tmpl$$o();
|
|
39562
39651
|
insert(_el$7, () => props.footer);
|
|
39563
39652
|
return _el$7;
|
|
39564
39653
|
}
|
|
@@ -39587,7 +39676,7 @@ function Dialog(props) {
|
|
|
39587
39676
|
});
|
|
39588
39677
|
}
|
|
39589
39678
|
delegateEvents(["click"]);
|
|
39590
|
-
var _tmpl$$
|
|
39679
|
+
var _tmpl$$n = /* @__PURE__ */ template(`<div><div class=oasis-editor-tabs-list role=tablist>`), _tmpl$2$d = /* @__PURE__ */ template(`<button type=button role=tab class=oasis-editor-tabs-tab>`), _tmpl$3$9 = /* @__PURE__ */ template(`<div role=tabpanel class=oasis-editor-tabs-panel>`);
|
|
39591
39680
|
function findEnabledItem(items, startIndex, direction) {
|
|
39592
39681
|
if (!items.length) return void 0;
|
|
39593
39682
|
for (let step = 0; step < items.length; step += 1) {
|
|
@@ -39638,7 +39727,7 @@ function Tabs(props) {
|
|
|
39638
39727
|
selectItem(findEnabledItem(items(), currentIndex + direction, direction), true);
|
|
39639
39728
|
};
|
|
39640
39729
|
return (() => {
|
|
39641
|
-
var _el$ = _tmpl$$
|
|
39730
|
+
var _el$ = _tmpl$$n(), _el$2 = _el$.firstChild;
|
|
39642
39731
|
_el$2.$$keydown = handleKeyDown;
|
|
39643
39732
|
insert(_el$2, createComponent(For, {
|
|
39644
39733
|
get each() {
|
|
@@ -39648,7 +39737,7 @@ function Tabs(props) {
|
|
|
39648
39737
|
const tabId = `${baseId}-${item.id}-tab`;
|
|
39649
39738
|
const panelId = `${baseId}-${item.id}-panel`;
|
|
39650
39739
|
return (() => {
|
|
39651
|
-
var _el$3 = _tmpl$2$
|
|
39740
|
+
var _el$3 = _tmpl$2$d();
|
|
39652
39741
|
_el$3.$$click = () => selectItem(item);
|
|
39653
39742
|
use((element) => {
|
|
39654
39743
|
tabRefs[index()] = element;
|
|
@@ -39683,7 +39772,7 @@ function Tabs(props) {
|
|
|
39683
39772
|
return items();
|
|
39684
39773
|
},
|
|
39685
39774
|
children: (item) => (() => {
|
|
39686
|
-
var _el$4 = _tmpl$3$
|
|
39775
|
+
var _el$4 = _tmpl$3$9();
|
|
39687
39776
|
insert(_el$4, () => item.panel);
|
|
39688
39777
|
createRenderEffect((_p$) => {
|
|
39689
39778
|
var _a, _b;
|
|
@@ -39715,12 +39804,12 @@ function Tabs(props) {
|
|
|
39715
39804
|
})();
|
|
39716
39805
|
}
|
|
39717
39806
|
delegateEvents(["keydown", "click"]);
|
|
39718
|
-
var _tmpl$$
|
|
39807
|
+
var _tmpl$$m = /* @__PURE__ */ template(`<button><span class=oasis-editor-ui-button-label>`);
|
|
39719
39808
|
function Button(props) {
|
|
39720
39809
|
const [local, others] = splitProps(props, ["type", "variant", "size", "icon", "iconPosition", "fullWidth", "class", "classList", "children"]);
|
|
39721
39810
|
const iconPosition = () => local.iconPosition ?? "start";
|
|
39722
39811
|
return (() => {
|
|
39723
|
-
var _el$ = _tmpl$$
|
|
39812
|
+
var _el$ = _tmpl$$m(), _el$2 = _el$.firstChild;
|
|
39724
39813
|
spread(_el$, mergeProps({
|
|
39725
39814
|
get type() {
|
|
39726
39815
|
return local.type ?? "button";
|
|
@@ -39765,22 +39854,300 @@ function Button(props) {
|
|
|
39765
39854
|
return _el$;
|
|
39766
39855
|
})();
|
|
39767
39856
|
}
|
|
39768
|
-
|
|
39857
|
+
function Heading(props) {
|
|
39858
|
+
const [local, others] = splitProps(props, ["level", "class", "classList", "children"]);
|
|
39859
|
+
const level = local.level ?? 2;
|
|
39860
|
+
return createComponent(Dynamic, mergeProps({
|
|
39861
|
+
component: `h${level}`,
|
|
39862
|
+
get ["class"]() {
|
|
39863
|
+
return `oasis-editor-ui-heading ${local.class ?? ""}`;
|
|
39864
|
+
},
|
|
39865
|
+
get classList() {
|
|
39866
|
+
return {
|
|
39867
|
+
[`oasis-editor-ui-heading-${level}`]: true,
|
|
39868
|
+
...local.classList
|
|
39869
|
+
};
|
|
39870
|
+
}
|
|
39871
|
+
}, others, {
|
|
39872
|
+
get children() {
|
|
39873
|
+
return local.children;
|
|
39874
|
+
}
|
|
39875
|
+
}));
|
|
39876
|
+
}
|
|
39877
|
+
function StatusText(props) {
|
|
39878
|
+
const [local, others] = splitProps(props, ["tone", "as", "class"]);
|
|
39879
|
+
return createComponent(Text$1, mergeProps({
|
|
39880
|
+
get as() {
|
|
39881
|
+
return local.as ?? "span";
|
|
39882
|
+
},
|
|
39883
|
+
get tone() {
|
|
39884
|
+
return memo(() => local.tone === "success")() ? "default" : local.tone ?? "muted";
|
|
39885
|
+
},
|
|
39886
|
+
size: "sm",
|
|
39887
|
+
get ["class"]() {
|
|
39888
|
+
return `oasis-editor-ui-status-text ${local.class ?? ""}`;
|
|
39889
|
+
}
|
|
39890
|
+
}, others));
|
|
39891
|
+
}
|
|
39892
|
+
var _tmpl$$l = /* @__PURE__ */ template(`<div>`);
|
|
39893
|
+
function ActionRow(props) {
|
|
39894
|
+
const [local, others] = splitProps(props, ["align", "wrap", "class", "classList", "children"]);
|
|
39895
|
+
return (() => {
|
|
39896
|
+
var _el$ = _tmpl$$l();
|
|
39897
|
+
spread(_el$, mergeProps({
|
|
39898
|
+
get ["class"]() {
|
|
39899
|
+
return `oasis-editor-ui-action-row ${local.class ?? ""}`;
|
|
39900
|
+
},
|
|
39901
|
+
get classList() {
|
|
39902
|
+
return {
|
|
39903
|
+
[`oasis-editor-ui-action-row-${local.align ?? "start"}`]: true,
|
|
39904
|
+
"oasis-editor-ui-action-row-nowrap": local.wrap === false,
|
|
39905
|
+
...local.classList
|
|
39906
|
+
};
|
|
39907
|
+
}
|
|
39908
|
+
}, others), false, true);
|
|
39909
|
+
insert(_el$, () => local.children);
|
|
39910
|
+
return _el$;
|
|
39911
|
+
})();
|
|
39912
|
+
}
|
|
39913
|
+
const BREAKPOINTS = ["xs", "sm", "md", "lg", "xl"];
|
|
39914
|
+
function isResponsiveObject(value) {
|
|
39915
|
+
return typeof value === "object" && value !== null && !Array.isArray(value) && BREAKPOINTS.some((breakpoint) => breakpoint in value);
|
|
39916
|
+
}
|
|
39917
|
+
function toResponsiveRecord(value) {
|
|
39918
|
+
if (value === void 0) return {};
|
|
39919
|
+
if (isResponsiveObject(value)) return value;
|
|
39920
|
+
return { xs: value };
|
|
39921
|
+
}
|
|
39922
|
+
function spacingToCss(value) {
|
|
39923
|
+
return typeof value === "number" ? `${value * 8}px` : value;
|
|
39924
|
+
}
|
|
39925
|
+
function responsiveCssVars(prefix2, value, transform2) {
|
|
39926
|
+
const vars = {};
|
|
39927
|
+
const record = toResponsiveRecord(value);
|
|
39928
|
+
for (const breakpoint of BREAKPOINTS) {
|
|
39929
|
+
const breakpointValue = record[breakpoint];
|
|
39930
|
+
if (breakpointValue !== void 0) {
|
|
39931
|
+
vars[`--${prefix2}-${breakpoint}`] = transform2(breakpointValue);
|
|
39932
|
+
}
|
|
39933
|
+
}
|
|
39934
|
+
return vars;
|
|
39935
|
+
}
|
|
39936
|
+
function mergeStyles(...styles) {
|
|
39937
|
+
const serializeObjectStyle = (style2) => Object.entries(style2).map(([key, value]) => `${key}: ${String(value)}`).join("; ");
|
|
39938
|
+
const objectStyles = styles.filter(
|
|
39939
|
+
(style2) => typeof style2 === "object" && style2 !== null
|
|
39940
|
+
);
|
|
39941
|
+
const stringStyle = styles.find(
|
|
39942
|
+
(style2) => typeof style2 === "string"
|
|
39943
|
+
);
|
|
39944
|
+
if (stringStyle && objectStyles.length === 0) return stringStyle;
|
|
39945
|
+
if (stringStyle) {
|
|
39946
|
+
const mergedObjectStyle = Object.assign({}, ...objectStyles);
|
|
39947
|
+
const serialized = serializeObjectStyle(mergedObjectStyle);
|
|
39948
|
+
return serialized ? `${stringStyle}; ${serialized}` : stringStyle;
|
|
39949
|
+
}
|
|
39950
|
+
return Object.assign({}, ...objectStyles);
|
|
39951
|
+
}
|
|
39952
|
+
var _tmpl$$k = /* @__PURE__ */ template(`<span class=oasis-editor-ui-stack-divider-item aria-hidden=true>`);
|
|
39953
|
+
function childArray(value) {
|
|
39954
|
+
if (Array.isArray(value)) return value;
|
|
39955
|
+
if (value === null || value === void 0 || value === false) return [];
|
|
39956
|
+
return [value];
|
|
39957
|
+
}
|
|
39958
|
+
function Stack(props) {
|
|
39959
|
+
const [local, others] = splitProps(props, ["direction", "spacing", "divider", "useFlexGap", "alignItems", "justifyContent", "component", "class", "classList", "style", "children"]);
|
|
39960
|
+
const resolvedChildren = children$1(() => local.children);
|
|
39961
|
+
const items = () => childArray(resolvedChildren());
|
|
39962
|
+
const renderDivider = (index) => typeof local.divider === "function" ? local.divider(index) : local.divider;
|
|
39963
|
+
const style2 = () => mergeStyles(responsiveCssVars("oasis-stack-direction", local.direction ?? "column", String), responsiveCssVars("oasis-stack-spacing", local.spacing ?? 0, spacingToCss), responsiveCssVars("oasis-stack-align", local.alignItems, String), responsiveCssVars("oasis-stack-justify", local.justifyContent, String), local.style);
|
|
39964
|
+
return createComponent(Dynamic, mergeProps({
|
|
39965
|
+
get component() {
|
|
39966
|
+
return local.component ?? "div";
|
|
39967
|
+
},
|
|
39968
|
+
get ["class"]() {
|
|
39969
|
+
return `oasis-editor-ui-stack ${local.class ?? ""}`;
|
|
39970
|
+
},
|
|
39971
|
+
get classList() {
|
|
39972
|
+
return {
|
|
39973
|
+
"oasis-editor-ui-stack-flex-gap": local.useFlexGap !== false,
|
|
39974
|
+
"oasis-editor-ui-stack-divider": Boolean(local.divider),
|
|
39975
|
+
...local.classList
|
|
39976
|
+
};
|
|
39977
|
+
},
|
|
39978
|
+
get style() {
|
|
39979
|
+
return style2();
|
|
39980
|
+
}
|
|
39981
|
+
}, others, {
|
|
39982
|
+
get children() {
|
|
39983
|
+
return createComponent(For, {
|
|
39984
|
+
get each() {
|
|
39985
|
+
return items();
|
|
39986
|
+
},
|
|
39987
|
+
children: (item, index) => [createComponent(Show, {
|
|
39988
|
+
get when() {
|
|
39989
|
+
return memo(() => index() > 0)() && local.divider;
|
|
39990
|
+
},
|
|
39991
|
+
get children() {
|
|
39992
|
+
var _el$ = _tmpl$$k();
|
|
39993
|
+
insert(_el$, () => renderDivider(index()));
|
|
39994
|
+
return _el$;
|
|
39995
|
+
}
|
|
39996
|
+
}), item]
|
|
39997
|
+
});
|
|
39998
|
+
}
|
|
39999
|
+
}));
|
|
40000
|
+
}
|
|
40001
|
+
function gridSizeVars(value) {
|
|
40002
|
+
const vars = {};
|
|
40003
|
+
const record = toResponsiveRecord(value);
|
|
40004
|
+
for (const breakpoint of BREAKPOINTS) {
|
|
40005
|
+
const size = record[breakpoint];
|
|
40006
|
+
if (size === void 0) continue;
|
|
40007
|
+
if (typeof size === "number") {
|
|
40008
|
+
const basis = `calc(${size} / var(--oasis-grid-columns-current) * 100%)`;
|
|
40009
|
+
vars[`--oasis-grid-size-basis-${breakpoint}`] = basis;
|
|
40010
|
+
vars[`--oasis-grid-size-grow-${breakpoint}`] = "0";
|
|
40011
|
+
vars[`--oasis-grid-size-max-${breakpoint}`] = basis;
|
|
40012
|
+
continue;
|
|
40013
|
+
}
|
|
40014
|
+
if (size === "grow") {
|
|
40015
|
+
vars[`--oasis-grid-size-basis-${breakpoint}`] = "0";
|
|
40016
|
+
vars[`--oasis-grid-size-grow-${breakpoint}`] = "1";
|
|
40017
|
+
vars[`--oasis-grid-size-max-${breakpoint}`] = "100%";
|
|
40018
|
+
continue;
|
|
40019
|
+
}
|
|
40020
|
+
vars[`--oasis-grid-size-basis-${breakpoint}`] = "auto";
|
|
40021
|
+
vars[`--oasis-grid-size-grow-${breakpoint}`] = "0";
|
|
40022
|
+
vars[`--oasis-grid-size-max-${breakpoint}`] = "none";
|
|
40023
|
+
}
|
|
40024
|
+
return vars;
|
|
40025
|
+
}
|
|
40026
|
+
function gridOffsetVars(value) {
|
|
40027
|
+
const vars = {};
|
|
40028
|
+
const record = toResponsiveRecord(value);
|
|
40029
|
+
for (const breakpoint of BREAKPOINTS) {
|
|
40030
|
+
const offset = record[breakpoint];
|
|
40031
|
+
if (offset === void 0) continue;
|
|
40032
|
+
vars[`--oasis-grid-offset-${breakpoint}`] = offset === "auto" ? "auto" : `calc(${offset} / var(--oasis-grid-columns-current) * 100%)`;
|
|
40033
|
+
}
|
|
40034
|
+
return vars;
|
|
40035
|
+
}
|
|
40036
|
+
function Grid(props) {
|
|
40037
|
+
const [local, others] = splitProps(props, ["container", "size", "columns", "spacing", "rowSpacing", "columnSpacing", "direction", "offset", "wrap", "alignItems", "justifyContent", "component", "class", "classList", "style", "children"]);
|
|
40038
|
+
const style2 = () => mergeStyles(gridSizeVars(local.size), gridOffsetVars(local.offset), responsiveCssVars("oasis-grid-columns", local.columns, String), responsiveCssVars("oasis-grid-row-spacing", local.rowSpacing ?? local.spacing, spacingToCss), responsiveCssVars("oasis-grid-column-spacing", local.columnSpacing ?? local.spacing, spacingToCss), responsiveCssVars("oasis-grid-direction", local.direction ?? "row", String), responsiveCssVars("oasis-grid-wrap", local.wrap ?? "wrap", String), responsiveCssVars("oasis-grid-align", local.alignItems, String), responsiveCssVars("oasis-grid-justify", local.justifyContent, String), local.style);
|
|
40039
|
+
return createComponent(Dynamic, mergeProps({
|
|
40040
|
+
get component() {
|
|
40041
|
+
return local.component ?? "div";
|
|
40042
|
+
},
|
|
40043
|
+
get ["class"]() {
|
|
40044
|
+
return `oasis-editor-ui-grid ${local.class ?? ""}`;
|
|
40045
|
+
},
|
|
40046
|
+
get classList() {
|
|
40047
|
+
return {
|
|
40048
|
+
"oasis-editor-ui-grid-container": local.container,
|
|
40049
|
+
"oasis-editor-ui-grid-item": true,
|
|
40050
|
+
...local.classList
|
|
40051
|
+
};
|
|
40052
|
+
},
|
|
40053
|
+
get style() {
|
|
40054
|
+
return style2();
|
|
40055
|
+
}
|
|
40056
|
+
}, others, {
|
|
40057
|
+
get children() {
|
|
40058
|
+
return local.children;
|
|
40059
|
+
}
|
|
40060
|
+
}));
|
|
40061
|
+
}
|
|
40062
|
+
var _tmpl$$j = /* @__PURE__ */ template(`<label>`), _tmpl$2$c = /* @__PURE__ */ template(`<div>`);
|
|
40063
|
+
function FormField(props) {
|
|
40064
|
+
const fallbackId = createUniqueId();
|
|
40065
|
+
const [local, others] = splitProps(props, ["label", "for", "description", "error", "labelClass", "class", "classList", "children"]);
|
|
40066
|
+
const descriptionId = () => local.for ?? `${fallbackId}-description`;
|
|
40067
|
+
const errorId = () => local.for ?? `${fallbackId}-error`;
|
|
40068
|
+
return (() => {
|
|
40069
|
+
var _el$ = _tmpl$2$c();
|
|
40070
|
+
spread(_el$, mergeProps({
|
|
40071
|
+
get ["class"]() {
|
|
40072
|
+
return `oasis-editor-ui-field ${local.class ?? ""}`;
|
|
40073
|
+
},
|
|
40074
|
+
get classList() {
|
|
40075
|
+
return local.classList;
|
|
40076
|
+
}
|
|
40077
|
+
}, others), false, true);
|
|
40078
|
+
insert(_el$, createComponent(Show, {
|
|
40079
|
+
get when() {
|
|
40080
|
+
return local.label;
|
|
40081
|
+
},
|
|
40082
|
+
get children() {
|
|
40083
|
+
var _el$2 = _tmpl$$j();
|
|
40084
|
+
insert(_el$2, () => local.label);
|
|
40085
|
+
createRenderEffect((_p$) => {
|
|
40086
|
+
var _v$ = `oasis-editor-ui-field-label ${local.labelClass ?? ""}`, _v$2 = local.for;
|
|
40087
|
+
_v$ !== _p$.e && className(_el$2, _p$.e = _v$);
|
|
40088
|
+
_v$2 !== _p$.t && setAttribute(_el$2, "for", _p$.t = _v$2);
|
|
40089
|
+
return _p$;
|
|
40090
|
+
}, {
|
|
40091
|
+
e: void 0,
|
|
40092
|
+
t: void 0
|
|
40093
|
+
});
|
|
40094
|
+
return _el$2;
|
|
40095
|
+
}
|
|
40096
|
+
}), null);
|
|
40097
|
+
insert(_el$, () => local.children, null);
|
|
40098
|
+
insert(_el$, createComponent(Show, {
|
|
40099
|
+
get when() {
|
|
40100
|
+
return local.description;
|
|
40101
|
+
},
|
|
40102
|
+
get children() {
|
|
40103
|
+
return createComponent(StatusText, {
|
|
40104
|
+
get id() {
|
|
40105
|
+
return descriptionId();
|
|
40106
|
+
},
|
|
40107
|
+
"class": "oasis-editor-ui-field-description",
|
|
40108
|
+
get children() {
|
|
40109
|
+
return local.description;
|
|
40110
|
+
}
|
|
40111
|
+
});
|
|
40112
|
+
}
|
|
40113
|
+
}), null);
|
|
40114
|
+
insert(_el$, createComponent(Show, {
|
|
40115
|
+
get when() {
|
|
40116
|
+
return local.error;
|
|
40117
|
+
},
|
|
40118
|
+
get children() {
|
|
40119
|
+
return createComponent(StatusText, {
|
|
40120
|
+
get id() {
|
|
40121
|
+
return errorId();
|
|
40122
|
+
},
|
|
40123
|
+
tone: "danger",
|
|
40124
|
+
"class": "oasis-editor-ui-field-error",
|
|
40125
|
+
get children() {
|
|
40126
|
+
return local.error;
|
|
40127
|
+
}
|
|
40128
|
+
});
|
|
40129
|
+
}
|
|
40130
|
+
}), null);
|
|
40131
|
+
return _el$;
|
|
40132
|
+
})();
|
|
40133
|
+
}
|
|
40134
|
+
var _tmpl$$i = /* @__PURE__ */ template(`<span>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$7 = /* @__PURE__ */ template(`<label><input>`);
|
|
39769
40135
|
function TextField(props) {
|
|
39770
40136
|
const fallbackId = createUniqueId();
|
|
39771
|
-
const [local, others] = splitProps(props, ["label", "description", "error", "onChange", "class", "id"]);
|
|
40137
|
+
const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "classList", "id"]);
|
|
39772
40138
|
const id = () => local.id ?? fallbackId;
|
|
39773
40139
|
const descriptionId = () => `${id()}-description`;
|
|
39774
40140
|
const errorId = () => `${id()}-error`;
|
|
39775
40141
|
return (() => {
|
|
39776
|
-
var _el$ = _tmpl$4$
|
|
40142
|
+
var _el$ = _tmpl$4$7(), _el$3 = _el$.firstChild;
|
|
39777
40143
|
insert(_el$, createComponent(Show, {
|
|
39778
40144
|
get when() {
|
|
39779
40145
|
return local.label;
|
|
39780
40146
|
},
|
|
39781
40147
|
get children() {
|
|
39782
|
-
var _el$2 = _tmpl$$
|
|
40148
|
+
var _el$2 = _tmpl$$i();
|
|
39783
40149
|
insert(_el$2, () => local.label);
|
|
40150
|
+
createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
|
|
39784
40151
|
return _el$2;
|
|
39785
40152
|
}
|
|
39786
40153
|
}), _el$3);
|
|
@@ -39792,6 +40159,9 @@ function TextField(props) {
|
|
|
39792
40159
|
get id() {
|
|
39793
40160
|
return id();
|
|
39794
40161
|
},
|
|
40162
|
+
get ["class"]() {
|
|
40163
|
+
return `oasis-editor-ui-input ${local.controlClass ?? ""}`;
|
|
40164
|
+
},
|
|
39795
40165
|
get ["aria-invalid"]() {
|
|
39796
40166
|
return local.error ? "true" : void 0;
|
|
39797
40167
|
},
|
|
@@ -39804,7 +40174,7 @@ function TextField(props) {
|
|
|
39804
40174
|
return local.description;
|
|
39805
40175
|
},
|
|
39806
40176
|
get children() {
|
|
39807
|
-
var _el$4 = _tmpl$2$
|
|
40177
|
+
var _el$4 = _tmpl$2$b();
|
|
39808
40178
|
insert(_el$4, () => local.description);
|
|
39809
40179
|
createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
|
|
39810
40180
|
return _el$4;
|
|
@@ -39815,26 +40185,90 @@ function TextField(props) {
|
|
|
39815
40185
|
return local.error;
|
|
39816
40186
|
},
|
|
39817
40187
|
get children() {
|
|
39818
|
-
var _el$5 = _tmpl$3$
|
|
40188
|
+
var _el$5 = _tmpl$3$8();
|
|
39819
40189
|
insert(_el$5, () => local.error);
|
|
39820
40190
|
createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
|
|
39821
40191
|
return _el$5;
|
|
39822
40192
|
}
|
|
39823
40193
|
}), null);
|
|
39824
40194
|
createRenderEffect((_p$) => {
|
|
39825
|
-
var _v$ = `oasis-editor-ui-field ${local.class ?? ""}`, _v$2 = id();
|
|
40195
|
+
var _v$ = `oasis-editor-ui-field ${local.class ?? ""}`, _v$2 = local.classList, _v$3 = id();
|
|
39826
40196
|
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
39827
|
-
|
|
40197
|
+
_p$.t = classList(_el$, _v$2, _p$.t);
|
|
40198
|
+
_v$3 !== _p$.a && setAttribute(_el$, "for", _p$.a = _v$3);
|
|
39828
40199
|
return _p$;
|
|
39829
40200
|
}, {
|
|
39830
40201
|
e: void 0,
|
|
39831
|
-
t: void 0
|
|
40202
|
+
t: void 0,
|
|
40203
|
+
a: void 0
|
|
39832
40204
|
});
|
|
39833
40205
|
return _el$;
|
|
39834
40206
|
})();
|
|
39835
40207
|
}
|
|
39836
40208
|
delegateEvents(["input"]);
|
|
39837
|
-
var _tmpl$$
|
|
40209
|
+
var _tmpl$$h = /* @__PURE__ */ template(`<textarea>`);
|
|
40210
|
+
function TextAreaField(props) {
|
|
40211
|
+
const fallbackId = createUniqueId();
|
|
40212
|
+
const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "onChange", "class", "id"]);
|
|
40213
|
+
const id = () => local.id ?? fallbackId;
|
|
40214
|
+
const describedBy = () => [local.description ? `${id()}-description` : null, local.error ? `${id()}-error` : null].filter(Boolean).join(" ");
|
|
40215
|
+
return createComponent(FormField, {
|
|
40216
|
+
get ["class"]() {
|
|
40217
|
+
return local.class;
|
|
40218
|
+
},
|
|
40219
|
+
get label() {
|
|
40220
|
+
return local.label;
|
|
40221
|
+
},
|
|
40222
|
+
get ["for"]() {
|
|
40223
|
+
return id();
|
|
40224
|
+
},
|
|
40225
|
+
get labelClass() {
|
|
40226
|
+
return local.labelClass;
|
|
40227
|
+
},
|
|
40228
|
+
get description() {
|
|
40229
|
+
return local.description;
|
|
40230
|
+
},
|
|
40231
|
+
get error() {
|
|
40232
|
+
return local.error;
|
|
40233
|
+
},
|
|
40234
|
+
get children() {
|
|
40235
|
+
var _el$ = _tmpl$$h();
|
|
40236
|
+
_el$.$$input = (event) => {
|
|
40237
|
+
var _a;
|
|
40238
|
+
return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.value);
|
|
40239
|
+
};
|
|
40240
|
+
spread(_el$, mergeProps({
|
|
40241
|
+
get id() {
|
|
40242
|
+
return id();
|
|
40243
|
+
},
|
|
40244
|
+
get ["class"]() {
|
|
40245
|
+
return `oasis-editor-ui-input oasis-editor-ui-textarea ${local.controlClass ?? ""}`;
|
|
40246
|
+
},
|
|
40247
|
+
get ["aria-invalid"]() {
|
|
40248
|
+
return local.error ? "true" : void 0;
|
|
40249
|
+
},
|
|
40250
|
+
get ["aria-describedby"]() {
|
|
40251
|
+
return describedBy() || void 0;
|
|
40252
|
+
}
|
|
40253
|
+
}, others), false, false);
|
|
40254
|
+
return _el$;
|
|
40255
|
+
}
|
|
40256
|
+
});
|
|
40257
|
+
}
|
|
40258
|
+
delegateEvents(["input"]);
|
|
40259
|
+
function ColorField(props) {
|
|
40260
|
+
const [local, others] = splitProps(props, ["controlClass", "onChange"]);
|
|
40261
|
+
return createComponent(TextField, mergeProps({
|
|
40262
|
+
type: "color",
|
|
40263
|
+
get controlClass() {
|
|
40264
|
+
return `oasis-editor-ui-color-input ${local.controlClass ?? ""}`;
|
|
40265
|
+
},
|
|
40266
|
+
get onChange() {
|
|
40267
|
+
return local.onChange;
|
|
40268
|
+
}
|
|
40269
|
+
}, others));
|
|
40270
|
+
}
|
|
40271
|
+
var _tmpl$$g = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$3$7 = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-checkbox-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`);
|
|
39838
40272
|
function Checkbox(props) {
|
|
39839
40273
|
const fallbackId = createUniqueId();
|
|
39840
40274
|
const [local, others] = splitProps(props, ["label", "description", "error", "onChange", "class", "id"]);
|
|
@@ -39842,7 +40276,7 @@ function Checkbox(props) {
|
|
|
39842
40276
|
const descriptionId = () => `${id()}-description`;
|
|
39843
40277
|
const errorId = () => `${id()}-error`;
|
|
39844
40278
|
return (() => {
|
|
39845
|
-
var _el$ = _tmpl$3$
|
|
40279
|
+
var _el$ = _tmpl$3$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
39846
40280
|
_el$2.addEventListener("change", (event) => {
|
|
39847
40281
|
var _a;
|
|
39848
40282
|
return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.checked);
|
|
@@ -39864,7 +40298,7 @@ function Checkbox(props) {
|
|
|
39864
40298
|
return local.description;
|
|
39865
40299
|
},
|
|
39866
40300
|
get children() {
|
|
39867
|
-
var _el$5 = _tmpl$$
|
|
40301
|
+
var _el$5 = _tmpl$$g();
|
|
39868
40302
|
insert(_el$5, () => local.description);
|
|
39869
40303
|
createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
|
|
39870
40304
|
return _el$5;
|
|
@@ -39875,7 +40309,7 @@ function Checkbox(props) {
|
|
|
39875
40309
|
return local.error;
|
|
39876
40310
|
},
|
|
39877
40311
|
get children() {
|
|
39878
|
-
var _el$6 = _tmpl$2$
|
|
40312
|
+
var _el$6 = _tmpl$2$a();
|
|
39879
40313
|
insert(_el$6, () => local.error);
|
|
39880
40314
|
createRenderEffect(() => setAttribute(_el$6, "id", errorId()));
|
|
39881
40315
|
return _el$6;
|
|
@@ -39893,22 +40327,23 @@ function Checkbox(props) {
|
|
|
39893
40327
|
return _el$;
|
|
39894
40328
|
})();
|
|
39895
40329
|
}
|
|
39896
|
-
var _tmpl$$
|
|
40330
|
+
var _tmpl$$f = /* @__PURE__ */ template(`<span>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-error>`), _tmpl$4$6 = /* @__PURE__ */ template(`<label><select>`), _tmpl$5$4 = /* @__PURE__ */ template(`<option>`);
|
|
39897
40331
|
function SelectField(props) {
|
|
39898
40332
|
const fallbackId = createUniqueId();
|
|
39899
|
-
const [local, others] = splitProps(props, ["label", "description", "error", "options", "onChange", "class", "id"]);
|
|
40333
|
+
const [local, others] = splitProps(props, ["label", "description", "error", "labelClass", "controlClass", "options", "onChange", "class", "classList", "id"]);
|
|
39900
40334
|
const id = () => local.id ?? fallbackId;
|
|
39901
40335
|
const descriptionId = () => `${id()}-description`;
|
|
39902
40336
|
const errorId = () => `${id()}-error`;
|
|
39903
40337
|
return (() => {
|
|
39904
|
-
var _el$ = _tmpl$4$
|
|
40338
|
+
var _el$ = _tmpl$4$6(), _el$3 = _el$.firstChild;
|
|
39905
40339
|
insert(_el$, createComponent(Show, {
|
|
39906
40340
|
get when() {
|
|
39907
40341
|
return local.label;
|
|
39908
40342
|
},
|
|
39909
40343
|
get children() {
|
|
39910
|
-
var _el$2 = _tmpl$$
|
|
40344
|
+
var _el$2 = _tmpl$$f();
|
|
39911
40345
|
insert(_el$2, () => local.label);
|
|
40346
|
+
createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-label ${local.labelClass ?? ""}`));
|
|
39912
40347
|
return _el$2;
|
|
39913
40348
|
}
|
|
39914
40349
|
}), _el$3);
|
|
@@ -39920,6 +40355,9 @@ function SelectField(props) {
|
|
|
39920
40355
|
get id() {
|
|
39921
40356
|
return id();
|
|
39922
40357
|
},
|
|
40358
|
+
get ["class"]() {
|
|
40359
|
+
return `oasis-editor-ui-select ${local.controlClass ?? ""}`;
|
|
40360
|
+
},
|
|
39923
40361
|
get ["aria-invalid"]() {
|
|
39924
40362
|
return local.error ? "true" : void 0;
|
|
39925
40363
|
},
|
|
@@ -39944,7 +40382,7 @@ function SelectField(props) {
|
|
|
39944
40382
|
return local.description;
|
|
39945
40383
|
},
|
|
39946
40384
|
get children() {
|
|
39947
|
-
var _el$4 = _tmpl$2$
|
|
40385
|
+
var _el$4 = _tmpl$2$9();
|
|
39948
40386
|
insert(_el$4, () => local.description);
|
|
39949
40387
|
createRenderEffect(() => setAttribute(_el$4, "id", descriptionId()));
|
|
39950
40388
|
return _el$4;
|
|
@@ -39955,20 +40393,22 @@ function SelectField(props) {
|
|
|
39955
40393
|
return local.error;
|
|
39956
40394
|
},
|
|
39957
40395
|
get children() {
|
|
39958
|
-
var _el$5 = _tmpl$3$
|
|
40396
|
+
var _el$5 = _tmpl$3$6();
|
|
39959
40397
|
insert(_el$5, () => local.error);
|
|
39960
40398
|
createRenderEffect(() => setAttribute(_el$5, "id", errorId()));
|
|
39961
40399
|
return _el$5;
|
|
39962
40400
|
}
|
|
39963
40401
|
}), null);
|
|
39964
40402
|
createRenderEffect((_p$) => {
|
|
39965
|
-
var _v$ = `oasis-editor-ui-field ${local.class ?? ""}`, _v$2 = id();
|
|
40403
|
+
var _v$ = `oasis-editor-ui-field ${local.class ?? ""}`, _v$2 = local.classList, _v$3 = id();
|
|
39966
40404
|
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
39967
|
-
|
|
40405
|
+
_p$.t = classList(_el$, _v$2, _p$.t);
|
|
40406
|
+
_v$3 !== _p$.a && setAttribute(_el$, "for", _p$.a = _v$3);
|
|
39968
40407
|
return _p$;
|
|
39969
40408
|
}, {
|
|
39970
40409
|
e: void 0,
|
|
39971
|
-
t: void 0
|
|
40410
|
+
t: void 0,
|
|
40411
|
+
a: void 0
|
|
39972
40412
|
});
|
|
39973
40413
|
return _el$;
|
|
39974
40414
|
})();
|
|
@@ -39988,7 +40428,135 @@ function NumberField(props) {
|
|
|
39988
40428
|
}
|
|
39989
40429
|
}, others));
|
|
39990
40430
|
}
|
|
39991
|
-
var _tmpl$$
|
|
40431
|
+
var _tmpl$$e = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-description>`), _tmpl$2$8 = /* @__PURE__ */ template(`<label><input type=radio class=oasis-editor-ui-radio-input><span class=oasis-editor-ui-checkbox-copy><span class=oasis-editor-ui-field-label>`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=oasis-editor-ui-field-label>`), _tmpl$4$5 = /* @__PURE__ */ template(`<div role=radiogroup>`);
|
|
40432
|
+
const RadioGroupCtx = createContext();
|
|
40433
|
+
function Radio(props) {
|
|
40434
|
+
const fallbackId = createUniqueId();
|
|
40435
|
+
const group = useContext(RadioGroupCtx);
|
|
40436
|
+
const [local, others] = splitProps(props, ["label", "description", "value", "onChange", "class", "id", "checked", "name", "disabled"]);
|
|
40437
|
+
const id = () => local.id ?? fallbackId;
|
|
40438
|
+
const descriptionId = () => `${id()}-description`;
|
|
40439
|
+
const checked = () => group ? group.value() === local.value : Boolean(local.checked);
|
|
40440
|
+
const disabled = () => Boolean(local.disabled) || (group ? group.disabled() : false);
|
|
40441
|
+
return (() => {
|
|
40442
|
+
var _el$ = _tmpl$2$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
40443
|
+
_el$2.addEventListener("change", (event) => {
|
|
40444
|
+
var _a;
|
|
40445
|
+
if (group) group.onSelect(local.value);
|
|
40446
|
+
(_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.checked);
|
|
40447
|
+
});
|
|
40448
|
+
spread(_el$2, mergeProps({
|
|
40449
|
+
get id() {
|
|
40450
|
+
return id();
|
|
40451
|
+
},
|
|
40452
|
+
get name() {
|
|
40453
|
+
return local.name ?? (group == null ? void 0 : group.name);
|
|
40454
|
+
},
|
|
40455
|
+
get value() {
|
|
40456
|
+
return local.value;
|
|
40457
|
+
},
|
|
40458
|
+
get checked() {
|
|
40459
|
+
return checked();
|
|
40460
|
+
},
|
|
40461
|
+
get disabled() {
|
|
40462
|
+
return disabled();
|
|
40463
|
+
},
|
|
40464
|
+
get ["aria-describedby"]() {
|
|
40465
|
+
return memo(() => !!local.description)() ? descriptionId() : void 0;
|
|
40466
|
+
}
|
|
40467
|
+
}, others), false, false);
|
|
40468
|
+
insert(_el$4, () => local.label);
|
|
40469
|
+
insert(_el$3, createComponent(Show, {
|
|
40470
|
+
get when() {
|
|
40471
|
+
return local.description;
|
|
40472
|
+
},
|
|
40473
|
+
get children() {
|
|
40474
|
+
var _el$5 = _tmpl$$e();
|
|
40475
|
+
insert(_el$5, () => local.description);
|
|
40476
|
+
createRenderEffect(() => setAttribute(_el$5, "id", descriptionId()));
|
|
40477
|
+
return _el$5;
|
|
40478
|
+
}
|
|
40479
|
+
}), null);
|
|
40480
|
+
createRenderEffect((_p$) => {
|
|
40481
|
+
var _v$ = `oasis-editor-ui-radio ${local.class ?? ""}`, _v$2 = id();
|
|
40482
|
+
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
40483
|
+
_v$2 !== _p$.t && setAttribute(_el$, "for", _p$.t = _v$2);
|
|
40484
|
+
return _p$;
|
|
40485
|
+
}, {
|
|
40486
|
+
e: void 0,
|
|
40487
|
+
t: void 0
|
|
40488
|
+
});
|
|
40489
|
+
return _el$;
|
|
40490
|
+
})();
|
|
40491
|
+
}
|
|
40492
|
+
function RadioGroup(props) {
|
|
40493
|
+
const fallbackName = createUniqueId();
|
|
40494
|
+
const ctx = {
|
|
40495
|
+
name: props.name ?? fallbackName,
|
|
40496
|
+
value: () => props.value,
|
|
40497
|
+
onSelect: (value) => {
|
|
40498
|
+
var _a;
|
|
40499
|
+
return (_a = props.onChange) == null ? void 0 : _a.call(props, value);
|
|
40500
|
+
},
|
|
40501
|
+
disabled: () => Boolean(props.disabled)
|
|
40502
|
+
};
|
|
40503
|
+
return createComponent(RadioGroupCtx.Provider, {
|
|
40504
|
+
value: ctx,
|
|
40505
|
+
get children() {
|
|
40506
|
+
var _el$6 = _tmpl$4$5();
|
|
40507
|
+
insert(_el$6, createComponent(Show, {
|
|
40508
|
+
get when() {
|
|
40509
|
+
return props.label;
|
|
40510
|
+
},
|
|
40511
|
+
get children() {
|
|
40512
|
+
var _el$7 = _tmpl$3$5();
|
|
40513
|
+
insert(_el$7, () => props.label);
|
|
40514
|
+
return _el$7;
|
|
40515
|
+
}
|
|
40516
|
+
}), null);
|
|
40517
|
+
insert(_el$6, createComponent(Show, {
|
|
40518
|
+
get when() {
|
|
40519
|
+
return props.options;
|
|
40520
|
+
},
|
|
40521
|
+
get fallback() {
|
|
40522
|
+
return props.children;
|
|
40523
|
+
},
|
|
40524
|
+
get children() {
|
|
40525
|
+
return createComponent(For, {
|
|
40526
|
+
get each() {
|
|
40527
|
+
return props.options;
|
|
40528
|
+
},
|
|
40529
|
+
children: (option) => createComponent(Radio, {
|
|
40530
|
+
get value() {
|
|
40531
|
+
return option.value;
|
|
40532
|
+
},
|
|
40533
|
+
get label() {
|
|
40534
|
+
return option.label;
|
|
40535
|
+
},
|
|
40536
|
+
get description() {
|
|
40537
|
+
return option.description;
|
|
40538
|
+
},
|
|
40539
|
+
get disabled() {
|
|
40540
|
+
return option.disabled;
|
|
40541
|
+
}
|
|
40542
|
+
})
|
|
40543
|
+
});
|
|
40544
|
+
}
|
|
40545
|
+
}), null);
|
|
40546
|
+
createRenderEffect((_p$) => {
|
|
40547
|
+
var _v$3 = `oasis-editor-ui-radio-group ${props.class ?? ""}`, _v$4 = props.label;
|
|
40548
|
+
_v$3 !== _p$.e && className(_el$6, _p$.e = _v$3);
|
|
40549
|
+
_v$4 !== _p$.t && setAttribute(_el$6, "aria-label", _p$.t = _v$4);
|
|
40550
|
+
return _p$;
|
|
40551
|
+
}, {
|
|
40552
|
+
e: void 0,
|
|
40553
|
+
t: void 0
|
|
40554
|
+
});
|
|
40555
|
+
return _el$6;
|
|
40556
|
+
}
|
|
40557
|
+
});
|
|
40558
|
+
}
|
|
40559
|
+
var _tmpl$$d = /* @__PURE__ */ template(`<div>`);
|
|
39992
40560
|
const ALIGN_MAP = {
|
|
39993
40561
|
start: "flex-start",
|
|
39994
40562
|
center: "center",
|
|
@@ -39998,7 +40566,7 @@ const ALIGN_MAP = {
|
|
|
39998
40566
|
function FieldRow(props) {
|
|
39999
40567
|
const [local, others] = splitProps(props, ["align", "class", "style", "children"]);
|
|
40000
40568
|
return (() => {
|
|
40001
|
-
var _el$ = _tmpl$$
|
|
40569
|
+
var _el$ = _tmpl$$d();
|
|
40002
40570
|
spread(_el$, mergeProps({
|
|
40003
40571
|
get ["class"]() {
|
|
40004
40572
|
return `oasis-editor-ui-field-row ${local.class ?? ""}`;
|
|
@@ -40014,6 +40582,60 @@ function FieldRow(props) {
|
|
|
40014
40582
|
return _el$;
|
|
40015
40583
|
})();
|
|
40016
40584
|
}
|
|
40585
|
+
var _tmpl$$c = /* @__PURE__ */ template(`<legend>`), _tmpl$2$7 = /* @__PURE__ */ template(`<fieldset>`);
|
|
40586
|
+
function FieldGroup(props) {
|
|
40587
|
+
const [local, others] = splitProps(props, ["legend", "legendClass", "class", "children"]);
|
|
40588
|
+
return (() => {
|
|
40589
|
+
var _el$ = _tmpl$2$7();
|
|
40590
|
+
spread(_el$, mergeProps({
|
|
40591
|
+
get ["class"]() {
|
|
40592
|
+
return `oasis-editor-ui-field-group ${local.class ?? ""}`;
|
|
40593
|
+
}
|
|
40594
|
+
}, others), false, true);
|
|
40595
|
+
insert(_el$, createComponent(Show, {
|
|
40596
|
+
get when() {
|
|
40597
|
+
return local.legend;
|
|
40598
|
+
},
|
|
40599
|
+
get children() {
|
|
40600
|
+
var _el$2 = _tmpl$$c();
|
|
40601
|
+
insert(_el$2, () => local.legend);
|
|
40602
|
+
createRenderEffect(() => className(_el$2, `oasis-editor-ui-field-group-legend ${local.legendClass ?? ""}`));
|
|
40603
|
+
return _el$2;
|
|
40604
|
+
}
|
|
40605
|
+
}), null);
|
|
40606
|
+
insert(_el$, () => local.children, null);
|
|
40607
|
+
return _el$;
|
|
40608
|
+
})();
|
|
40609
|
+
}
|
|
40610
|
+
var _tmpl$$b = /* @__PURE__ */ template(`<label><input type=checkbox class=oasis-editor-ui-toggle-chip-input><span class=oasis-editor-ui-toggle-chip-label>`);
|
|
40611
|
+
function ToggleChip(props) {
|
|
40612
|
+
const [local, others] = splitProps(props, ["label", "labelStyle", "onChange", "class", "checked"]);
|
|
40613
|
+
return (() => {
|
|
40614
|
+
var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
40615
|
+
_el$2.addEventListener("change", (event) => {
|
|
40616
|
+
var _a;
|
|
40617
|
+
return (_a = local.onChange) == null ? void 0 : _a.call(local, event.currentTarget.checked);
|
|
40618
|
+
});
|
|
40619
|
+
spread(_el$2, mergeProps({
|
|
40620
|
+
get checked() {
|
|
40621
|
+
return local.checked;
|
|
40622
|
+
}
|
|
40623
|
+
}, others), false, false);
|
|
40624
|
+
insert(_el$3, () => local.label);
|
|
40625
|
+
createRenderEffect((_p$) => {
|
|
40626
|
+
var _v$ = `oasis-editor-ui-toggle-chip ${local.class ?? ""}`, _v$2 = !!Boolean(local.checked), _v$3 = local.labelStyle;
|
|
40627
|
+
_v$ !== _p$.e && className(_el$, _p$.e = _v$);
|
|
40628
|
+
_v$2 !== _p$.t && _el$.classList.toggle("is-active", _p$.t = _v$2);
|
|
40629
|
+
_p$.a = style(_el$3, _v$3, _p$.a);
|
|
40630
|
+
return _p$;
|
|
40631
|
+
}, {
|
|
40632
|
+
e: void 0,
|
|
40633
|
+
t: void 0,
|
|
40634
|
+
a: void 0
|
|
40635
|
+
});
|
|
40636
|
+
return _el$;
|
|
40637
|
+
})();
|
|
40638
|
+
}
|
|
40017
40639
|
var _tmpl$$a = /* @__PURE__ */ template(`<div>`);
|
|
40018
40640
|
function DialogFooter(props) {
|
|
40019
40641
|
const [local, others] = splitProps(props, ["align", "class", "classList", "children"]);
|
|
@@ -40507,7 +41129,7 @@ function ListOptionsControl(props) {
|
|
|
40507
41129
|
}
|
|
40508
41130
|
});
|
|
40509
41131
|
}
|
|
40510
|
-
var _tmpl$$7 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-
|
|
41132
|
+
var _tmpl$$7 = /* @__PURE__ */ template(`<div class=oasis-editor-dialog-preview data-testid=editor-line-spacing-dialog-preview><br>`);
|
|
40511
41133
|
function LineSpacingDialog(props) {
|
|
40512
41134
|
const t = useI18n();
|
|
40513
41135
|
const parseNumber = (value) => {
|
|
@@ -40569,55 +41191,87 @@ function LineSpacingDialog(props) {
|
|
|
40569
41191
|
})];
|
|
40570
41192
|
},
|
|
40571
41193
|
get children() {
|
|
40572
|
-
return [createComponent(
|
|
41194
|
+
return [createComponent(Grid, {
|
|
41195
|
+
container: true,
|
|
41196
|
+
spacing: 1.5,
|
|
40573
41197
|
get children() {
|
|
40574
|
-
return createComponent(
|
|
40575
|
-
|
|
40576
|
-
|
|
40577
|
-
|
|
40578
|
-
min: "0.5",
|
|
40579
|
-
step: "0.05",
|
|
40580
|
-
get value() {
|
|
40581
|
-
return lineHeight() ?? "";
|
|
41198
|
+
return createComponent(Grid, {
|
|
41199
|
+
size: {
|
|
41200
|
+
xs: 12,
|
|
41201
|
+
md: 6
|
|
40582
41202
|
},
|
|
40583
|
-
|
|
40584
|
-
|
|
41203
|
+
get children() {
|
|
41204
|
+
return createComponent(NumberField, {
|
|
41205
|
+
get label() {
|
|
41206
|
+
return t("lineSpacing.lineSpacingLabel");
|
|
41207
|
+
},
|
|
41208
|
+
min: "0.5",
|
|
41209
|
+
step: "0.05",
|
|
41210
|
+
get value() {
|
|
41211
|
+
return lineHeight() ?? "";
|
|
41212
|
+
},
|
|
41213
|
+
onChange: setLineHeight,
|
|
41214
|
+
"data-testid": "editor-line-spacing-dialog-line-height"
|
|
41215
|
+
});
|
|
41216
|
+
}
|
|
40585
41217
|
});
|
|
40586
41218
|
}
|
|
40587
|
-
}), createComponent(
|
|
41219
|
+
}), createComponent(Grid, {
|
|
41220
|
+
container: true,
|
|
41221
|
+
spacing: 1.5,
|
|
40588
41222
|
get children() {
|
|
40589
|
-
return [createComponent(
|
|
40590
|
-
|
|
40591
|
-
|
|
40592
|
-
|
|
40593
|
-
min: "0",
|
|
40594
|
-
step: "1",
|
|
40595
|
-
get value() {
|
|
40596
|
-
return spacingBefore() ?? "";
|
|
40597
|
-
},
|
|
40598
|
-
onChange: setSpacingBefore,
|
|
40599
|
-
"data-testid": "editor-line-spacing-dialog-spacing-before"
|
|
40600
|
-
}), createComponent(NumberField, {
|
|
40601
|
-
get label() {
|
|
40602
|
-
return t("lineSpacing.spacingAfterLabel");
|
|
41223
|
+
return [createComponent(Grid, {
|
|
41224
|
+
size: {
|
|
41225
|
+
xs: 12,
|
|
41226
|
+
md: 6
|
|
40603
41227
|
},
|
|
40604
|
-
|
|
40605
|
-
|
|
40606
|
-
|
|
40607
|
-
|
|
41228
|
+
get children() {
|
|
41229
|
+
return createComponent(NumberField, {
|
|
41230
|
+
get label() {
|
|
41231
|
+
return t("lineSpacing.spacingBeforeLabel");
|
|
41232
|
+
},
|
|
41233
|
+
min: "0",
|
|
41234
|
+
step: "1",
|
|
41235
|
+
get value() {
|
|
41236
|
+
return spacingBefore() ?? "";
|
|
41237
|
+
},
|
|
41238
|
+
onChange: setSpacingBefore,
|
|
41239
|
+
"data-testid": "editor-line-spacing-dialog-spacing-before"
|
|
41240
|
+
});
|
|
41241
|
+
}
|
|
41242
|
+
}), createComponent(Grid, {
|
|
41243
|
+
size: {
|
|
41244
|
+
xs: 12,
|
|
41245
|
+
md: 6
|
|
40608
41246
|
},
|
|
40609
|
-
|
|
40610
|
-
|
|
41247
|
+
get children() {
|
|
41248
|
+
return createComponent(NumberField, {
|
|
41249
|
+
get label() {
|
|
41250
|
+
return t("lineSpacing.spacingAfterLabel");
|
|
41251
|
+
},
|
|
41252
|
+
min: "0",
|
|
41253
|
+
step: "1",
|
|
41254
|
+
get value() {
|
|
41255
|
+
return spacingAfter() ?? "";
|
|
41256
|
+
},
|
|
41257
|
+
onChange: setSpacingAfter,
|
|
41258
|
+
"data-testid": "editor-line-spacing-dialog-spacing-after"
|
|
41259
|
+
});
|
|
41260
|
+
}
|
|
40611
41261
|
})];
|
|
40612
41262
|
}
|
|
40613
|
-
}), (
|
|
40614
|
-
|
|
40615
|
-
|
|
40616
|
-
|
|
40617
|
-
|
|
40618
|
-
|
|
40619
|
-
|
|
40620
|
-
|
|
41263
|
+
}), createComponent(FormField, {
|
|
41264
|
+
get label() {
|
|
41265
|
+
return t("lineSpacing.preview");
|
|
41266
|
+
},
|
|
41267
|
+
get children() {
|
|
41268
|
+
var _el$ = _tmpl$$7(), _el$2 = _el$.firstChild;
|
|
41269
|
+
insert(_el$, () => t("lineSpacing.previewText"), _el$2);
|
|
41270
|
+
insert(_el$, () => t("lineSpacing.previewText"), null);
|
|
41271
|
+
createRenderEffect((_$p) => style(_el$, previewStyle2(), _$p));
|
|
41272
|
+
return _el$;
|
|
41273
|
+
}
|
|
41274
|
+
})];
|
|
40621
41275
|
}
|
|
40622
41276
|
});
|
|
40623
41277
|
}
|
|
@@ -40776,7 +41430,7 @@ function LineSpacingButton(props) {
|
|
|
40776
41430
|
})();
|
|
40777
41431
|
}
|
|
40778
41432
|
delegateEvents(["click"]);
|
|
40779
|
-
var _tmpl$$5 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid
|
|
41433
|
+
var _tmpl$$5 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-panel-grid>`);
|
|
40780
41434
|
const numValue = (api, command) => {
|
|
40781
41435
|
const value = api.commands.state(command).value;
|
|
40782
41436
|
return value == null ? "" : String(value);
|
|
@@ -40784,7 +41438,6 @@ const numValue = (api, command) => {
|
|
|
40784
41438
|
function MetricGroup(props) {
|
|
40785
41439
|
const t = useI18n();
|
|
40786
41440
|
const api = props.api;
|
|
40787
|
-
const onNumber = (command) => (event) => api.commands.execute(command, event.currentTarget.value);
|
|
40788
41441
|
return createComponent(Menu, {
|
|
40789
41442
|
icon: "sliders-horizontal",
|
|
40790
41443
|
testId: "editor-toolbar-metrics-dropdown",
|
|
@@ -40821,17 +41474,95 @@ function MetricGroup(props) {
|
|
|
40821
41474
|
}), null);
|
|
40822
41475
|
return _el$;
|
|
40823
41476
|
})(), (() => {
|
|
40824
|
-
var _el$2 = _tmpl$2$3()
|
|
40825
|
-
insert(_el$
|
|
40826
|
-
|
|
40827
|
-
|
|
40828
|
-
|
|
40829
|
-
|
|
40830
|
-
|
|
40831
|
-
|
|
40832
|
-
|
|
40833
|
-
|
|
40834
|
-
|
|
41477
|
+
var _el$2 = _tmpl$2$3();
|
|
41478
|
+
insert(_el$2, createComponent(NumberField, {
|
|
41479
|
+
"class": "oasis-editor-tool-metric",
|
|
41480
|
+
labelClass: "oasis-editor-tool-metric-label",
|
|
41481
|
+
get title() {
|
|
41482
|
+
return t("metric.spacingAfter");
|
|
41483
|
+
},
|
|
41484
|
+
get label() {
|
|
41485
|
+
return t("metric.after");
|
|
41486
|
+
},
|
|
41487
|
+
controlClass: "oasis-editor-tool-number",
|
|
41488
|
+
"data-testid": "editor-toolbar-spacing-after",
|
|
41489
|
+
min: "0",
|
|
41490
|
+
step: "1",
|
|
41491
|
+
get value() {
|
|
41492
|
+
return numValue(api, "setSpacingAfter");
|
|
41493
|
+
},
|
|
41494
|
+
onChange: (value) => api.commands.execute("setSpacingAfter", value == null ? "" : String(value))
|
|
41495
|
+
}), null);
|
|
41496
|
+
insert(_el$2, createComponent(NumberField, {
|
|
41497
|
+
"class": "oasis-editor-tool-metric",
|
|
41498
|
+
labelClass: "oasis-editor-tool-metric-label",
|
|
41499
|
+
get title() {
|
|
41500
|
+
return t("metric.leftIndent");
|
|
41501
|
+
},
|
|
41502
|
+
get label() {
|
|
41503
|
+
return t("metric.indent");
|
|
41504
|
+
},
|
|
41505
|
+
controlClass: "oasis-editor-tool-number",
|
|
41506
|
+
"data-testid": "editor-toolbar-indent-left",
|
|
41507
|
+
min: "0",
|
|
41508
|
+
step: "1",
|
|
41509
|
+
get value() {
|
|
41510
|
+
return numValue(api, "setIndentLeft");
|
|
41511
|
+
},
|
|
41512
|
+
onChange: (value) => api.commands.execute("setIndentLeft", value == null ? "" : String(value))
|
|
41513
|
+
}), null);
|
|
41514
|
+
insert(_el$2, createComponent(NumberField, {
|
|
41515
|
+
"class": "oasis-editor-tool-metric",
|
|
41516
|
+
labelClass: "oasis-editor-tool-metric-label",
|
|
41517
|
+
get title() {
|
|
41518
|
+
return t("metric.firstLineIndent");
|
|
41519
|
+
},
|
|
41520
|
+
get label() {
|
|
41521
|
+
return t("metric.first");
|
|
41522
|
+
},
|
|
41523
|
+
controlClass: "oasis-editor-tool-number",
|
|
41524
|
+
"data-testid": "editor-toolbar-indent-first-line",
|
|
41525
|
+
step: "1",
|
|
41526
|
+
get value() {
|
|
41527
|
+
return numValue(api, "setIndentFirstLine");
|
|
41528
|
+
},
|
|
41529
|
+
onChange: (value) => api.commands.execute("setIndentFirstLine", value == null ? "" : String(value))
|
|
41530
|
+
}), null);
|
|
41531
|
+
insert(_el$2, createComponent(NumberField, {
|
|
41532
|
+
"class": "oasis-editor-tool-metric",
|
|
41533
|
+
labelClass: "oasis-editor-tool-metric-label",
|
|
41534
|
+
get title() {
|
|
41535
|
+
return t("metric.hangingIndent");
|
|
41536
|
+
},
|
|
41537
|
+
get label() {
|
|
41538
|
+
return t("metric.hang");
|
|
41539
|
+
},
|
|
41540
|
+
controlClass: "oasis-editor-tool-number",
|
|
41541
|
+
"data-testid": "editor-toolbar-indent-hanging",
|
|
41542
|
+
min: "0",
|
|
41543
|
+
step: "1",
|
|
41544
|
+
get value() {
|
|
41545
|
+
return numValue(api, "setIndentHanging");
|
|
41546
|
+
},
|
|
41547
|
+
onChange: (value) => api.commands.execute("setIndentHanging", value == null ? "" : String(value))
|
|
41548
|
+
}), null);
|
|
41549
|
+
insert(_el$2, createComponent(TextField, {
|
|
41550
|
+
"class": "oasis-editor-tool-color",
|
|
41551
|
+
labelClass: "oasis-editor-tool-metric-label",
|
|
41552
|
+
get title() {
|
|
41553
|
+
return t("metric.paragraphBgColor");
|
|
41554
|
+
},
|
|
41555
|
+
get label() {
|
|
41556
|
+
return t("metric.paraBg");
|
|
41557
|
+
},
|
|
41558
|
+
type: "color",
|
|
41559
|
+
controlClass: "oasis-editor-tool-color-input",
|
|
41560
|
+
"data-testid": "editor-toolbar-paragraph-shading",
|
|
41561
|
+
get value() {
|
|
41562
|
+
return numValue(api, "setParagraphShading") || "#ffffff";
|
|
41563
|
+
},
|
|
41564
|
+
onChange: (value) => api.commands.execute("setParagraphShading", value)
|
|
41565
|
+
}), null);
|
|
40835
41566
|
insert(_el$2, createComponent(Button$1, {
|
|
40836
41567
|
icon: "frame",
|
|
40837
41568
|
"data-testid": "editor-toolbar-paragraph-borders",
|
|
@@ -40840,32 +41571,11 @@ function MetricGroup(props) {
|
|
|
40840
41571
|
return t("metric.applyBorders");
|
|
40841
41572
|
}
|
|
40842
41573
|
}), null);
|
|
40843
|
-
createRenderEffect((_p$) => {
|
|
40844
|
-
var _v$ = t("metric.spacingAfter"), _v$2 = t("metric.leftIndent"), _v$3 = t("metric.firstLineIndent"), _v$4 = t("metric.hangingIndent"), _v$5 = t("metric.paragraphBgColor");
|
|
40845
|
-
_v$ !== _p$.e && setAttribute(_el$3, "title", _p$.e = _v$);
|
|
40846
|
-
_v$2 !== _p$.t && setAttribute(_el$6, "title", _p$.t = _v$2);
|
|
40847
|
-
_v$3 !== _p$.a && setAttribute(_el$9, "title", _p$.a = _v$3);
|
|
40848
|
-
_v$4 !== _p$.o && setAttribute(_el$10, "title", _p$.o = _v$4);
|
|
40849
|
-
_v$5 !== _p$.i && setAttribute(_el$13, "title", _p$.i = _v$5);
|
|
40850
|
-
return _p$;
|
|
40851
|
-
}, {
|
|
40852
|
-
e: void 0,
|
|
40853
|
-
t: void 0,
|
|
40854
|
-
a: void 0,
|
|
40855
|
-
o: void 0,
|
|
40856
|
-
i: void 0
|
|
40857
|
-
});
|
|
40858
|
-
createRenderEffect(() => _el$5.value = numValue(api, "setSpacingAfter"));
|
|
40859
|
-
createRenderEffect(() => _el$8.value = numValue(api, "setIndentLeft"));
|
|
40860
|
-
createRenderEffect(() => _el$1.value = numValue(api, "setIndentFirstLine"));
|
|
40861
|
-
createRenderEffect(() => _el$12.value = numValue(api, "setIndentHanging"));
|
|
40862
|
-
createRenderEffect(() => _el$15.value = numValue(api, "setParagraphShading") || "#ffffff");
|
|
40863
41574
|
return _el$2;
|
|
40864
41575
|
})()];
|
|
40865
41576
|
}
|
|
40866
41577
|
});
|
|
40867
41578
|
}
|
|
40868
|
-
delegateEvents(["input"]);
|
|
40869
41579
|
var _tmpl$$4 = /* @__PURE__ */ template(`<div class="oasis-editor-toolbar-panel-section oasis-editor-toolbar-panel-actions">`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=oasis-editor-toolbar-badge data-testid=editor-table-selection-label>`);
|
|
40870
41580
|
function TableGroup(props) {
|
|
40871
41581
|
const t = useI18n();
|
|
@@ -42667,247 +43377,254 @@ const OASIS_MENU_ITEMS = {
|
|
|
42667
43377
|
formatListsNumbered: "format_lists_numbered"
|
|
42668
43378
|
};
|
|
42669
43379
|
export {
|
|
42670
|
-
|
|
42671
|
-
|
|
42672
|
-
|
|
42673
|
-
|
|
42674
|
-
|
|
43380
|
+
isParagraphTag as $,
|
|
43381
|
+
getParagraphLength as A,
|
|
43382
|
+
getActiveZone as B,
|
|
43383
|
+
getActiveSectionIndex as C,
|
|
43384
|
+
getParagraphs as D,
|
|
42675
43385
|
EMPTY_PROJECTION_CONTEXT as E,
|
|
42676
43386
|
FOOTNOTE_MARKER_GUTTER_PX as F,
|
|
42677
|
-
|
|
42678
|
-
|
|
42679
|
-
|
|
42680
|
-
|
|
42681
|
-
|
|
42682
|
-
|
|
42683
|
-
|
|
42684
|
-
|
|
42685
|
-
|
|
42686
|
-
|
|
42687
|
-
|
|
42688
|
-
|
|
42689
|
-
|
|
42690
|
-
|
|
42691
|
-
|
|
42692
|
-
|
|
42693
|
-
|
|
42694
|
-
|
|
42695
|
-
|
|
42696
|
-
|
|
42697
|
-
|
|
43387
|
+
normalizeSelection as G,
|
|
43388
|
+
positionToParagraphOffset as H,
|
|
43389
|
+
paragraphOffsetToPosition as I,
|
|
43390
|
+
clampPosition as J,
|
|
43391
|
+
findParagraphIndex as K,
|
|
43392
|
+
createCollapsedSelection as L,
|
|
43393
|
+
isSelectionCollapsed as M,
|
|
43394
|
+
parseFontSizePtToPx as N,
|
|
43395
|
+
formatFontSizePt as O,
|
|
43396
|
+
createEditorParagraph as P,
|
|
43397
|
+
findParagraphTableLocation as Q,
|
|
43398
|
+
buildTableCellLayout as R,
|
|
43399
|
+
STANDARD_FONT_SIZES_PT as S,
|
|
43400
|
+
PT_PER_PX as T,
|
|
43401
|
+
createEditorTableCell as U,
|
|
43402
|
+
createEditorTableRow as V,
|
|
43403
|
+
createEditorTable as W,
|
|
43404
|
+
PX_PER_POINT as X,
|
|
43405
|
+
underlineStyleToCssDecorationStyle as Y,
|
|
43406
|
+
resolveImageSrc as Z,
|
|
43407
|
+
listKindForTag as _,
|
|
42698
43408
|
getPageBodyBottom as a,
|
|
42699
|
-
|
|
42700
|
-
|
|
42701
|
-
|
|
42702
|
-
|
|
42703
|
-
|
|
42704
|
-
|
|
42705
|
-
|
|
42706
|
-
|
|
42707
|
-
|
|
42708
|
-
|
|
42709
|
-
|
|
43409
|
+
EMU_PER_PT as a$,
|
|
43410
|
+
collectInlineRuns as a0,
|
|
43411
|
+
parseParagraphStyle as a1,
|
|
43412
|
+
getRunImage as a2,
|
|
43413
|
+
InlineShell as a3,
|
|
43414
|
+
BalloonShell as a4,
|
|
43415
|
+
DocumentShell as a5,
|
|
43416
|
+
createMemo as a6,
|
|
43417
|
+
getCaretRectFromSnapshot as a7,
|
|
43418
|
+
getParagraphRectFromSnapshot as a8,
|
|
43419
|
+
createComponent as a9,
|
|
42710
43420
|
Tabs as aA,
|
|
42711
|
-
|
|
42712
|
-
|
|
42713
|
-
|
|
42714
|
-
|
|
42715
|
-
|
|
42716
|
-
|
|
42717
|
-
|
|
42718
|
-
|
|
42719
|
-
|
|
42720
|
-
|
|
42721
|
-
|
|
42722
|
-
|
|
42723
|
-
|
|
42724
|
-
|
|
42725
|
-
|
|
42726
|
-
|
|
42727
|
-
|
|
42728
|
-
|
|
42729
|
-
|
|
42730
|
-
|
|
42731
|
-
|
|
42732
|
-
|
|
42733
|
-
|
|
42734
|
-
|
|
42735
|
-
|
|
42736
|
-
|
|
42737
|
-
|
|
42738
|
-
|
|
42739
|
-
|
|
42740
|
-
|
|
42741
|
-
|
|
42742
|
-
|
|
42743
|
-
|
|
42744
|
-
|
|
42745
|
-
|
|
42746
|
-
|
|
42747
|
-
|
|
42748
|
-
|
|
42749
|
-
|
|
42750
|
-
|
|
42751
|
-
|
|
42752
|
-
|
|
42753
|
-
|
|
42754
|
-
|
|
42755
|
-
|
|
42756
|
-
|
|
42757
|
-
|
|
42758
|
-
|
|
42759
|
-
|
|
42760
|
-
|
|
42761
|
-
|
|
42762
|
-
|
|
43421
|
+
NumberField as aB,
|
|
43422
|
+
createStore as aC,
|
|
43423
|
+
reconcile as aD,
|
|
43424
|
+
RadioGroup as aE,
|
|
43425
|
+
Radio as aF,
|
|
43426
|
+
TextAreaField as aG,
|
|
43427
|
+
Text$1 as aH,
|
|
43428
|
+
SurfaceButton as aI,
|
|
43429
|
+
delegateEvents as aJ,
|
|
43430
|
+
onMount as aK,
|
|
43431
|
+
onCleanup as aL,
|
|
43432
|
+
use as aM,
|
|
43433
|
+
PluginUiHost as aN,
|
|
43434
|
+
OasisEditorEditor as aO,
|
|
43435
|
+
OasisBrandMark as aP,
|
|
43436
|
+
setPreciseFontPreference as aQ,
|
|
43437
|
+
setWelcomeSeen as aR,
|
|
43438
|
+
enablePreciseFontMode as aS,
|
|
43439
|
+
TWIPS_PER_POINT as aT,
|
|
43440
|
+
PX_PER_INCH as aU,
|
|
43441
|
+
TWIPS_PER_INCH as aV,
|
|
43442
|
+
normalizeHex6 as aW,
|
|
43443
|
+
TABLE_CONDITIONAL_FLAG_ATTRIBUTES as aX,
|
|
43444
|
+
TABLE_BORDER_EDGE_KEYS as aY,
|
|
43445
|
+
resolveEffectiveParagraphStyle as aZ,
|
|
43446
|
+
resolveEffectiveTextStyleForParagraph as a_,
|
|
43447
|
+
CaretOverlay as aa,
|
|
43448
|
+
Show as ab,
|
|
43449
|
+
createRenderEffect as ac,
|
|
43450
|
+
style as ad,
|
|
43451
|
+
setAttribute as ae,
|
|
43452
|
+
setStyleProperty as af,
|
|
43453
|
+
memo as ag,
|
|
43454
|
+
template as ah,
|
|
43455
|
+
Button as ai,
|
|
43456
|
+
useI18n as aj,
|
|
43457
|
+
createEffect as ak,
|
|
43458
|
+
TextField as al,
|
|
43459
|
+
Dialog as am,
|
|
43460
|
+
insert as an,
|
|
43461
|
+
className as ao,
|
|
43462
|
+
Grid as ap,
|
|
43463
|
+
SelectField as aq,
|
|
43464
|
+
StatusText as ar,
|
|
43465
|
+
ColorField as as,
|
|
43466
|
+
UNDERLINE_STYLE_OPTIONS as at,
|
|
43467
|
+
Stack as au,
|
|
43468
|
+
For as av,
|
|
43469
|
+
ToggleChip as aw,
|
|
43470
|
+
FormField as ax,
|
|
43471
|
+
Checkbox as ay,
|
|
43472
|
+
FieldGroup as az,
|
|
42763
43473
|
getPageBodyTop as b,
|
|
42764
|
-
|
|
42765
|
-
|
|
42766
|
-
|
|
42767
|
-
|
|
42768
|
-
|
|
42769
|
-
|
|
42770
|
-
|
|
42771
|
-
|
|
42772
|
-
|
|
42773
|
-
|
|
42774
|
-
|
|
42775
|
-
|
|
42776
|
-
|
|
42777
|
-
|
|
42778
|
-
|
|
42779
|
-
|
|
42780
|
-
|
|
42781
|
-
|
|
42782
|
-
|
|
42783
|
-
|
|
42784
|
-
|
|
42785
|
-
|
|
42786
|
-
|
|
42787
|
-
|
|
42788
|
-
|
|
42789
|
-
|
|
42790
|
-
|
|
42791
|
-
|
|
42792
|
-
|
|
42793
|
-
|
|
42794
|
-
|
|
42795
|
-
|
|
42796
|
-
|
|
42797
|
-
|
|
42798
|
-
|
|
42799
|
-
|
|
42800
|
-
|
|
42801
|
-
|
|
42802
|
-
|
|
42803
|
-
|
|
42804
|
-
|
|
42805
|
-
|
|
42806
|
-
|
|
42807
|
-
|
|
42808
|
-
|
|
42809
|
-
|
|
42810
|
-
|
|
42811
|
-
|
|
42812
|
-
|
|
42813
|
-
|
|
42814
|
-
|
|
42815
|
-
|
|
42816
|
-
|
|
42817
|
-
|
|
42818
|
-
|
|
42819
|
-
|
|
42820
|
-
|
|
42821
|
-
|
|
42822
|
-
|
|
42823
|
-
|
|
42824
|
-
|
|
42825
|
-
|
|
42826
|
-
|
|
42827
|
-
|
|
43474
|
+
layoutMetricsEpoch as b$,
|
|
43475
|
+
OOXML_ROTATION_UNITS as b0,
|
|
43476
|
+
OOXML_PERCENT_DENOMINATOR as b1,
|
|
43477
|
+
parseHexColorToRgb255 as b2,
|
|
43478
|
+
EMU_PER_PX as b3,
|
|
43479
|
+
getRunEndnoteReference as b4,
|
|
43480
|
+
iterateFootnoteReferenceRuns as b5,
|
|
43481
|
+
iterateEndnoteReferenceRuns as b6,
|
|
43482
|
+
imageContentTypeDefaults as b7,
|
|
43483
|
+
getRunFieldChar as b8,
|
|
43484
|
+
getRunFieldInstruction as b9,
|
|
43485
|
+
getListLabelInset as bA,
|
|
43486
|
+
getAlignedListLabelInset as bB,
|
|
43487
|
+
getParagraphBorderInsets as bC,
|
|
43488
|
+
buildSegmentTable as bD,
|
|
43489
|
+
buildCanvasTableLayout as bE,
|
|
43490
|
+
resolveCanvasTableWidth as bF,
|
|
43491
|
+
resolveFloatingTableRect as bG,
|
|
43492
|
+
normalizeFamily as bH,
|
|
43493
|
+
ROBOTO_FONT_FILES as bI,
|
|
43494
|
+
loadFontAsset as bJ,
|
|
43495
|
+
OFFICE_COMPAT_FONT_FAMILIES as bK,
|
|
43496
|
+
BinaryReader as bL,
|
|
43497
|
+
buildSfnt as bM,
|
|
43498
|
+
defaultFontDecoderRegistry as bN,
|
|
43499
|
+
SfntFontProgram as bO,
|
|
43500
|
+
collectPdfFontFamilies as bP,
|
|
43501
|
+
outlineFrom as bQ,
|
|
43502
|
+
getPageHeaderZoneTop as bR,
|
|
43503
|
+
getPageColumnRects as bS,
|
|
43504
|
+
findFootnoteReference as bT,
|
|
43505
|
+
resolveImporterForFile as bU,
|
|
43506
|
+
roundTo as bV,
|
|
43507
|
+
getDocumentSectionsCanonical as bW,
|
|
43508
|
+
getDocumentParagraphsCanonical as bX,
|
|
43509
|
+
getDocumentParagraphs as bY,
|
|
43510
|
+
getDocumentPageSettings as bZ,
|
|
43511
|
+
getTableCellContentWidthForParagraph as b_,
|
|
43512
|
+
createEditorRun as ba,
|
|
43513
|
+
JSZip as bb,
|
|
43514
|
+
imageExtensionFromMime as bc,
|
|
43515
|
+
pxToPt as bd,
|
|
43516
|
+
resolveFloatingObjectRect as be,
|
|
43517
|
+
getTextBoxFloatingGeometry as bf,
|
|
43518
|
+
getPresetPathSegments as bg,
|
|
43519
|
+
buildListLabels as bh,
|
|
43520
|
+
DEFAULT_FONT_SIZE_PX as bi,
|
|
43521
|
+
resolveGradientAxis as bj,
|
|
43522
|
+
isDoubleUnderlineStyle as bk,
|
|
43523
|
+
isWavyUnderlineStyle as bl,
|
|
43524
|
+
underlineStyleLineWidthPx as bm,
|
|
43525
|
+
WAVY_UNDERLINE_WAVELENGTH_PX as bn,
|
|
43526
|
+
WAVY_UNDERLINE_AMPLITUDE_PX as bo,
|
|
43527
|
+
DOUBLE_UNDERLINE_OFFSET_PX as bp,
|
|
43528
|
+
underlineStyleDashArray as bq,
|
|
43529
|
+
EMPHASIS_GLYPH as br,
|
|
43530
|
+
rgb255ToHex as bs,
|
|
43531
|
+
getImageFloatingGeometry as bt,
|
|
43532
|
+
textStyleToFontSizePt as bu,
|
|
43533
|
+
TEXT_BASELINE_RATIO as bv,
|
|
43534
|
+
resolveOpenTypeFeatureTags as bw,
|
|
43535
|
+
resolveDecorationLineY as bx,
|
|
43536
|
+
DOUBLE_STRIKE_OFFSET_PX as by,
|
|
43537
|
+
resolveListLabel as bz,
|
|
42828
43538
|
getPageContentWidth as c,
|
|
42829
|
-
|
|
42830
|
-
|
|
42831
|
-
|
|
42832
|
-
|
|
42833
|
-
|
|
42834
|
-
|
|
42835
|
-
|
|
42836
|
-
|
|
42837
|
-
|
|
42838
|
-
|
|
42839
|
-
|
|
42840
|
-
|
|
42841
|
-
|
|
42842
|
-
|
|
42843
|
-
|
|
42844
|
-
|
|
42845
|
-
|
|
42846
|
-
|
|
42847
|
-
|
|
42848
|
-
|
|
42849
|
-
|
|
42850
|
-
|
|
42851
|
-
|
|
42852
|
-
|
|
42853
|
-
|
|
42854
|
-
|
|
42855
|
-
|
|
42856
|
-
|
|
42857
|
-
|
|
42858
|
-
|
|
42859
|
-
|
|
42860
|
-
|
|
42861
|
-
|
|
42862
|
-
|
|
42863
|
-
|
|
42864
|
-
|
|
42865
|
-
|
|
42866
|
-
|
|
42867
|
-
|
|
42868
|
-
|
|
42869
|
-
|
|
42870
|
-
|
|
42871
|
-
|
|
42872
|
-
|
|
42873
|
-
|
|
42874
|
-
|
|
42875
|
-
|
|
42876
|
-
|
|
42877
|
-
|
|
42878
|
-
|
|
42879
|
-
|
|
42880
|
-
|
|
42881
|
-
|
|
42882
|
-
|
|
42883
|
-
|
|
42884
|
-
|
|
42885
|
-
|
|
42886
|
-
|
|
42887
|
-
|
|
42888
|
-
|
|
42889
|
-
|
|
42890
|
-
|
|
42891
|
-
|
|
42892
|
-
|
|
43539
|
+
IconButton as c$,
|
|
43540
|
+
bumpLayoutMetricsEpoch as c0,
|
|
43541
|
+
createCanvasLayoutSnapshotProvider as c1,
|
|
43542
|
+
on as c2,
|
|
43543
|
+
debounce as c3,
|
|
43544
|
+
unwrap as c4,
|
|
43545
|
+
perfTimer as c5,
|
|
43546
|
+
getRunTextBox as c6,
|
|
43547
|
+
createEditorDocument as c7,
|
|
43548
|
+
resolveResizedDimensions as c8,
|
|
43549
|
+
resolveTextBoxRenderHeight as c9,
|
|
43550
|
+
createToolbarRegistry as cA,
|
|
43551
|
+
Editor as cB,
|
|
43552
|
+
resolveCommandRef as cC,
|
|
43553
|
+
commandRefName as cD,
|
|
43554
|
+
createOasisEditorClient as cE,
|
|
43555
|
+
createEditorZoom as cF,
|
|
43556
|
+
startLongTaskObserver as cG,
|
|
43557
|
+
installGlobalReport as cH,
|
|
43558
|
+
applyStoredPreciseFontPreference as cI,
|
|
43559
|
+
getWelcomeSeen as cJ,
|
|
43560
|
+
isLocalFontAccessSupported as cK,
|
|
43561
|
+
EDITOR_SCROLL_PADDING_PX as cL,
|
|
43562
|
+
Toolbar as cM,
|
|
43563
|
+
OasisEditorLoading as cN,
|
|
43564
|
+
I18nProvider as cO,
|
|
43565
|
+
createTranslator as cP,
|
|
43566
|
+
createEditorLogger as cQ,
|
|
43567
|
+
registerDomStatsSurface as cR,
|
|
43568
|
+
ActionRow as cS,
|
|
43569
|
+
ColorPicker as cT,
|
|
43570
|
+
CommandRegistry as cU,
|
|
43571
|
+
DEFAULT_PALETTE as cV,
|
|
43572
|
+
DialogFooter as cW,
|
|
43573
|
+
FieldRow as cX,
|
|
43574
|
+
FloatingActionButton as cY,
|
|
43575
|
+
GridPicker as cZ,
|
|
43576
|
+
Heading as c_,
|
|
43577
|
+
getToolbarStyleState as ca,
|
|
43578
|
+
VERTICAL_HIT_WEIGHT as cb,
|
|
43579
|
+
getCachedCanvasImage as cc,
|
|
43580
|
+
measureParagraphMinContentWidthPx as cd,
|
|
43581
|
+
getEditableBlocksForZone as ce,
|
|
43582
|
+
findParagraphLocation as cf,
|
|
43583
|
+
createSectionBoundaryParagraph as cg,
|
|
43584
|
+
normalizePageSettings as ch,
|
|
43585
|
+
DEFAULT_EDITOR_PAGE_SETTINGS as ci,
|
|
43586
|
+
markStart as cj,
|
|
43587
|
+
markEnd as ck,
|
|
43588
|
+
getParagraphEntries as cl,
|
|
43589
|
+
getParagraphById as cm,
|
|
43590
|
+
createEditorFootnote as cn,
|
|
43591
|
+
createFootnoteReferenceRun as co,
|
|
43592
|
+
renumberFootnotes as cp,
|
|
43593
|
+
getHeadingLevel as cq,
|
|
43594
|
+
preciseFontModeVersion as cr,
|
|
43595
|
+
isPreciseFontModeEnabled as cs,
|
|
43596
|
+
resolveNamedTextStyle as ct,
|
|
43597
|
+
togglePreciseFontMode as cu,
|
|
43598
|
+
nextFontSizePt as cv,
|
|
43599
|
+
previousFontSizePt as cw,
|
|
43600
|
+
fontSizePtToPx as cx,
|
|
43601
|
+
createDefaultToolbarPreset as cy,
|
|
43602
|
+
MenuRegistry as cz,
|
|
42893
43603
|
domTextMeasurer as d,
|
|
42894
|
-
|
|
42895
|
-
|
|
42896
|
-
|
|
42897
|
-
|
|
42898
|
-
|
|
42899
|
-
|
|
42900
|
-
|
|
42901
|
-
|
|
42902
|
-
|
|
42903
|
-
|
|
42904
|
-
|
|
42905
|
-
|
|
42906
|
-
|
|
42907
|
-
|
|
42908
|
-
|
|
42909
|
-
|
|
42910
|
-
|
|
43604
|
+
Menu as d0,
|
|
43605
|
+
OASIS_BUILTIN_COMMANDS as d1,
|
|
43606
|
+
OASIS_MENU_ITEMS as d2,
|
|
43607
|
+
OASIS_TOOLBAR_ITEMS as d3,
|
|
43608
|
+
OasisEditorAppLazy as d4,
|
|
43609
|
+
OasisEditorContainer as d5,
|
|
43610
|
+
PluginCollection as d6,
|
|
43611
|
+
Popover as d7,
|
|
43612
|
+
RIBBON_TABS as d8,
|
|
43613
|
+
Select as d9,
|
|
43614
|
+
Separator as da,
|
|
43615
|
+
SidePanel as db,
|
|
43616
|
+
SidePanelBody as dc,
|
|
43617
|
+
SidePanelFooter as dd,
|
|
43618
|
+
SidePanelHeader as de,
|
|
43619
|
+
SplitButton as df,
|
|
43620
|
+
StyleGallery as dg,
|
|
43621
|
+
Button$1 as dh,
|
|
43622
|
+
buildRibbonTabDefinitions as di,
|
|
43623
|
+
createEditorCommandBus as dj,
|
|
43624
|
+
createOasisEditor as dk,
|
|
43625
|
+
createOasisEditorContainer as dl,
|
|
43626
|
+
mount as dm,
|
|
43627
|
+
registerToolbarRenderer as dn,
|
|
42911
43628
|
estimateTableBlockHeight as e,
|
|
42912
43629
|
getParagraphText as f,
|
|
42913
43630
|
getProjectedParagraphBlockHeight as g,
|
|
@@ -42920,14 +43637,14 @@ export {
|
|
|
42920
43637
|
getRunField as n,
|
|
42921
43638
|
projectBlocksLayout as o,
|
|
42922
43639
|
projectParagraphLayout as p,
|
|
42923
|
-
|
|
42924
|
-
|
|
42925
|
-
|
|
42926
|
-
|
|
42927
|
-
|
|
42928
|
-
|
|
42929
|
-
|
|
42930
|
-
|
|
42931
|
-
|
|
42932
|
-
|
|
43640
|
+
assertNever as q,
|
|
43641
|
+
createSignal as r,
|
|
43642
|
+
createEditorStateFromDocument as s,
|
|
43643
|
+
createInitialEditorState as t,
|
|
43644
|
+
fontSizePxToPt as u,
|
|
43645
|
+
visitRun as v,
|
|
43646
|
+
probeLocalFontFamilies as w,
|
|
43647
|
+
createEditorParagraphFromRuns as x,
|
|
43648
|
+
isInlineObjectRun as y,
|
|
43649
|
+
createEditorStyledRun as z
|
|
42933
43650
|
};
|