pptx-vue-viewer 1.1.38 → 1.1.40
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/{dist-Vxk81GQT.js → dist-TmAaMB8H.js} +12 -10
- package/dist/dist-TmAaMB8H.js.br +0 -0
- package/dist/dist-TmAaMB8H.js.gz +0 -0
- package/dist/{dist-BEmeDRsX.cjs → dist-bnIMvyoS.cjs} +12 -10
- package/dist/dist-bnIMvyoS.cjs.br +0 -0
- package/dist/dist-bnIMvyoS.cjs.gz +0 -0
- package/dist/gif-encoder-Bkwy_SY5.js +2 -0
- package/dist/gif-encoder-Bkwy_SY5.js.br +0 -0
- package/dist/gif-encoder-Bkwy_SY5.js.gz +0 -0
- package/dist/gif-encoder-DEuMuJnU.cjs +2 -0
- package/dist/gif-encoder-DEuMuJnU.cjs.br +0 -0
- package/dist/gif-encoder-DEuMuJnU.cjs.gz +0 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.br +2 -2
- package/dist/index.cjs.gz +0 -0
- package/dist/index.js +1 -1
- package/dist/index.js.br +0 -0
- package/dist/index.js.gz +0 -0
- package/dist/viewer/PowerPointViewer.vue.d.ts.map +1 -1
- package/dist/viewer/components/TableRenderer.vue.d.ts.map +1 -1
- package/dist/viewer/composables/table-edit.d.ts +25 -0
- package/dist/viewer/composables/table-edit.d.ts.map +1 -0
- package/dist/viewer/composables/useIsMobile.d.ts +47 -16
- package/dist/viewer/composables/useIsMobile.d.ts.map +1 -1
- package/dist/viewer/index.cjs +1 -1
- package/dist/viewer/index.cjs.br +0 -0
- package/dist/viewer/index.cjs.gz +0 -0
- package/dist/viewer/index.js +1 -1
- package/dist/viewer/index.js.br +0 -0
- package/dist/viewer/index.js.gz +0 -0
- package/dist/{viewer-B4OU-mLt.js → viewer-CLufo3L_.js} +2140 -2039
- package/dist/viewer-CLufo3L_.js.br +0 -0
- package/dist/viewer-CLufo3L_.js.gz +0 -0
- package/dist/{viewer-BFOngxM0.cjs → viewer-RSmOoAG1.cjs} +1259 -1158
- package/dist/viewer-RSmOoAG1.cjs.br +0 -0
- package/dist/viewer-RSmOoAG1.cjs.gz +0 -0
- package/package.json +1 -1
- package/dist/dist-BEmeDRsX.cjs.br +0 -0
- package/dist/dist-BEmeDRsX.cjs.gz +0 -0
- package/dist/dist-Vxk81GQT.js.br +0 -0
- package/dist/dist-Vxk81GQT.js.gz +0 -0
- package/dist/gif-encoder-DWwAuLPq.js +0 -2
- package/dist/gif-encoder-DWwAuLPq.js.br +0 -0
- package/dist/gif-encoder-DWwAuLPq.js.gz +0 -0
- package/dist/gif-encoder-Dux5e-ju.cjs +0 -2
- package/dist/gif-encoder-Dux5e-ju.cjs.br +0 -0
- package/dist/gif-encoder-Dux5e-ju.cjs.gz +0 -0
- package/dist/viewer-B4OU-mLt.js.br +0 -0
- package/dist/viewer-B4OU-mLt.js.gz +0 -0
- package/dist/viewer-BFOngxM0.cjs.br +0 -0
- package/dist/viewer-BFOngxM0.cjs.gz +0 -0
|
@@ -12492,7 +12492,7 @@ var co = class {
|
|
|
12492
12492
|
slideAudioRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/audio",
|
|
12493
12493
|
slideCommentRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/comments",
|
|
12494
12494
|
slideNotesRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/notesSlide",
|
|
12495
|
-
relationshipsNamespace: "http://
|
|
12495
|
+
relationshipsNamespace: "http://schemas.openxmlformats.org/package/2006/relationships",
|
|
12496
12496
|
slideContentType: "application/vnd.openxmlformats-officedocument.presentationml.slide+xml",
|
|
12497
12497
|
commentContentType: "application/vnd.openxmlformats-officedocument.presentationml.comments+xml",
|
|
12498
12498
|
commentAuthorContentType: "application/vnd.openxmlformats-officedocument.presentationml.commentAuthors+xml",
|
|
@@ -17077,19 +17077,18 @@ var bd = [
|
|
|
17077
17077
|
["http://purl.oclc.org/ooxml/officeDocument/extended-properties", "http://schemas.openxmlformats.org/officeDocument/2006/extended-properties"],
|
|
17078
17078
|
["http://purl.oclc.org/ooxml/officeDocument/docPropsVTypes", "http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes"],
|
|
17079
17079
|
["http://purl.oclc.org/ooxml/officeDocument/relationships/officeDocument", "http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"],
|
|
17080
|
-
["http://purl.oclc.org/ooxml/
|
|
17081
|
-
["http://purl.oclc.org/ooxml/
|
|
17082
|
-
["http://purl.oclc.org/ooxml/
|
|
17083
|
-
["http://purl.oclc.org/ooxml/package/relationships/digital-signature/signature", "http://schemas.openxmlformats.org/package/2006/relationships/digital-signature/signature"],
|
|
17080
|
+
["http://purl.oclc.org/ooxml/schemaLibrary/main", "http://schemas.openxmlformats.org/schemaLibrary/2006/main"],
|
|
17081
|
+
["http://purl.oclc.org/ooxml/descriptions/base", "http://descriptions.openxmlformats.org/description/base"],
|
|
17082
|
+
["http://purl.oclc.org/ooxml/descriptions/full", "http://descriptions.openxmlformats.org/description/full"],
|
|
17084
17083
|
["http://purl.oclc.org/ooxml/spreadsheetml/main", "http://schemas.openxmlformats.org/spreadsheetml/2006/main"],
|
|
17085
|
-
["http://purl.oclc.org/ooxml/wordprocessingml/main", "http://schemas.openxmlformats.org/wordprocessingml/2006/main"]
|
|
17086
|
-
["http://purl.oclc.org/ooxml/markup-compatibility/2006", "http://schemas.openxmlformats.org/markup-compatibility/2006"]
|
|
17084
|
+
["http://purl.oclc.org/ooxml/wordprocessingml/main", "http://schemas.openxmlformats.org/wordprocessingml/2006/main"]
|
|
17087
17085
|
], Sd = new Map(bd), vd = new Map(bd.map(([t, e]) => [e, t])), wd = "http://purl.oclc.org/ooxml/", Td = "http://schemas.openxmlformats.org/", Cd = new Set([
|
|
17088
17086
|
"presentationml",
|
|
17089
17087
|
"drawingml",
|
|
17090
17088
|
"spreadsheetml",
|
|
17091
17089
|
"wordprocessingml",
|
|
17092
|
-
"officeDocument"
|
|
17090
|
+
"officeDocument",
|
|
17091
|
+
"schemaLibrary"
|
|
17093
17092
|
]);
|
|
17094
17093
|
function kd(t) {
|
|
17095
17094
|
if (!t.startsWith(Td)) return;
|
|
@@ -26341,7 +26340,7 @@ var rf = class t extends Zm {
|
|
|
26341
26340
|
for (const [t, e] of this.layoutXmlMap.entries()) this.zip.file(t, this.builder.build(e));
|
|
26342
26341
|
for (const [t, e] of this.masterXmlMap.entries()) this.zip.file(t, this.builder.build(e));
|
|
26343
26342
|
if (await this.persistThemeParts(), await this.applyEmbeddedFontPreservation(n?.embeddedFonts), this.presentationData) {
|
|
26344
|
-
this.presentationSaveBuilder.applySaveOptions({
|
|
26343
|
+
if (this.presentationSaveBuilder.applySaveOptions({
|
|
26345
26344
|
presentationData: this.presentationData,
|
|
26346
26345
|
options: {
|
|
26347
26346
|
headerFooter: n?.headerFooter,
|
|
@@ -26356,7 +26355,10 @@ var rf = class t extends Zm {
|
|
|
26356
26355
|
rawSlideHeightEmu: this.rawSlideHeightEmu,
|
|
26357
26356
|
rawSlideSizeType: this.rawSlideSizeType,
|
|
26358
26357
|
xmlLookupService: this.xmlLookupService
|
|
26359
|
-
}), this.deduplicateExtensionLists(this.presentationData)
|
|
26358
|
+
}), this.deduplicateExtensionLists(this.presentationData), "transitional" === r) {
|
|
26359
|
+
const t = this.presentationData["p:presentation"];
|
|
26360
|
+
t && "@_conformance" in t && delete t["@_conformance"];
|
|
26361
|
+
}
|
|
26360
26362
|
const t = this.builder.build(this.presentationData);
|
|
26361
26363
|
this.zip.file("ppt/presentation.xml", t);
|
|
26362
26364
|
}
|
|
Binary file
|
|
Binary file
|
|
@@ -12503,7 +12503,7 @@ var fo = class {
|
|
|
12503
12503
|
slideAudioRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/audio",
|
|
12504
12504
|
slideCommentRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/comments",
|
|
12505
12505
|
slideNotesRelationshipType: "http://purl.oclc.org/ooxml/officeDocument/relationships/notesSlide",
|
|
12506
|
-
relationshipsNamespace: "http://
|
|
12506
|
+
relationshipsNamespace: "http://schemas.openxmlformats.org/package/2006/relationships",
|
|
12507
12507
|
slideContentType: "application/vnd.openxmlformats-officedocument.presentationml.slide+xml",
|
|
12508
12508
|
commentContentType: "application/vnd.openxmlformats-officedocument.presentationml.comments+xml",
|
|
12509
12509
|
commentAuthorContentType: "application/vnd.openxmlformats-officedocument.presentationml.commentAuthors+xml",
|
|
@@ -17088,19 +17088,18 @@ var Cd = [
|
|
|
17088
17088
|
["http://purl.oclc.org/ooxml/officeDocument/extended-properties", "http://schemas.openxmlformats.org/officeDocument/2006/extended-properties"],
|
|
17089
17089
|
["http://purl.oclc.org/ooxml/officeDocument/docPropsVTypes", "http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes"],
|
|
17090
17090
|
["http://purl.oclc.org/ooxml/officeDocument/relationships/officeDocument", "http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument"],
|
|
17091
|
-
["http://purl.oclc.org/ooxml/
|
|
17092
|
-
["http://purl.oclc.org/ooxml/
|
|
17093
|
-
["http://purl.oclc.org/ooxml/
|
|
17094
|
-
["http://purl.oclc.org/ooxml/package/relationships/digital-signature/signature", "http://schemas.openxmlformats.org/package/2006/relationships/digital-signature/signature"],
|
|
17091
|
+
["http://purl.oclc.org/ooxml/schemaLibrary/main", "http://schemas.openxmlformats.org/schemaLibrary/2006/main"],
|
|
17092
|
+
["http://purl.oclc.org/ooxml/descriptions/base", "http://descriptions.openxmlformats.org/description/base"],
|
|
17093
|
+
["http://purl.oclc.org/ooxml/descriptions/full", "http://descriptions.openxmlformats.org/description/full"],
|
|
17095
17094
|
["http://purl.oclc.org/ooxml/spreadsheetml/main", "http://schemas.openxmlformats.org/spreadsheetml/2006/main"],
|
|
17096
|
-
["http://purl.oclc.org/ooxml/wordprocessingml/main", "http://schemas.openxmlformats.org/wordprocessingml/2006/main"]
|
|
17097
|
-
["http://purl.oclc.org/ooxml/markup-compatibility/2006", "http://schemas.openxmlformats.org/markup-compatibility/2006"]
|
|
17095
|
+
["http://purl.oclc.org/ooxml/wordprocessingml/main", "http://schemas.openxmlformats.org/wordprocessingml/2006/main"]
|
|
17098
17096
|
], kd = new Map(Cd), _d = new Map(Cd.map(([t, e]) => [e, t])), Pd = "http://purl.oclc.org/ooxml/", Md = "http://schemas.openxmlformats.org/", Id = new Set([
|
|
17099
17097
|
"presentationml",
|
|
17100
17098
|
"drawingml",
|
|
17101
17099
|
"spreadsheetml",
|
|
17102
17100
|
"wordprocessingml",
|
|
17103
|
-
"officeDocument"
|
|
17101
|
+
"officeDocument",
|
|
17102
|
+
"schemaLibrary"
|
|
17104
17103
|
]);
|
|
17105
17104
|
function Ad(t) {
|
|
17106
17105
|
if (!t.startsWith(Md)) return;
|
|
@@ -26352,7 +26351,7 @@ var cf = class t extends nf {
|
|
|
26352
26351
|
for (const [t, e] of this.layoutXmlMap.entries()) this.zip.file(t, this.builder.build(e));
|
|
26353
26352
|
for (const [t, e] of this.masterXmlMap.entries()) this.zip.file(t, this.builder.build(e));
|
|
26354
26353
|
if (await this.persistThemeParts(), await this.applyEmbeddedFontPreservation(n?.embeddedFonts), this.presentationData) {
|
|
26355
|
-
this.presentationSaveBuilder.applySaveOptions({
|
|
26354
|
+
if (this.presentationSaveBuilder.applySaveOptions({
|
|
26356
26355
|
presentationData: this.presentationData,
|
|
26357
26356
|
options: {
|
|
26358
26357
|
headerFooter: n?.headerFooter,
|
|
@@ -26367,7 +26366,10 @@ var cf = class t extends nf {
|
|
|
26367
26366
|
rawSlideHeightEmu: this.rawSlideHeightEmu,
|
|
26368
26367
|
rawSlideSizeType: this.rawSlideSizeType,
|
|
26369
26368
|
xmlLookupService: this.xmlLookupService
|
|
26370
|
-
}), this.deduplicateExtensionLists(this.presentationData)
|
|
26369
|
+
}), this.deduplicateExtensionLists(this.presentationData), "transitional" === r) {
|
|
26370
|
+
const t = this.presentationData["p:presentation"];
|
|
26371
|
+
t && "@_conformance" in t && delete t["@_conformance"];
|
|
26372
|
+
}
|
|
26371
26373
|
const t = this.builder.build(this.presentationData);
|
|
26372
26374
|
this.zip.file("ppt/presentation.xml", t);
|
|
26373
26375
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const e = require("./viewer-
|
|
2
|
+
const e = require("./viewer-RSmOoAG1.cjs");
|
|
3
3
|
exports.ElementRenderer = e.ElementRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.cn = e.cn, exports.defaultCssVars = e.defaultCssVars, exports.defaultRadius = e.defaultRadius, exports.defaultThemeColors = e.defaultThemeColors, exports.provideViewerTheme = e.provideViewerTheme, exports.themeToCssVars = e.themeToCssVars, exports.useThemeStyle = e.useThemeStyle, exports.useViewerTheme = e.useViewerTheme;
|
package/dist/index.cjs.br
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
�
|
|
2
|
-
|
|
1
|
+
� ,
|
|
2
|
+
�Ʋ�� 7^�lmoۺ�V�i��t#H��PJ'G~���"�%meQ ���aoGs�iΪ��ޞ�KeMr��x�&�͵�����R~$�a���^�G��_��0�o�h6y�AlAL�N��O(����×����Dv��E��L��@�����dj�bE�e��WP����~�d1;R�U��ТlA��U��W��� ��h���@ѓ����L��T�$�FY�'�i�.����+g�Х
|
package/dist/index.cjs.gz
CHANGED
|
Binary file
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { A as a, B as s, F as e, I as r, O as i, P as o, a as t, c as n, k as d, o as l, s as m, t as w } from "./viewer-
|
|
1
|
+
import { A as a, B as s, F as e, I as r, O as i, P as o, a as t, c as n, k as d, o as l, s as m, t as w } from "./viewer-CLufo3L_.js";
|
|
2
2
|
export { n as ElementRenderer, w as PowerPointViewer, t as SlideCanvas, m as SlideStage, l as cn, o as defaultCssVars, e as defaultRadius, r as defaultThemeColors, i as provideViewerTheme, s as themeToCssVars, d as useThemeStyle, a as useViewerTheme };
|
package/dist/index.js.br
CHANGED
|
Binary file
|
package/dist/index.js.gz
CHANGED
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"AAu8FA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAklIjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/TableRenderer.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableRenderer.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/TableRenderer.vue"],"names":[],"mappings":"AAweA,OAAO,KAAK,EACX,mBAAmB,EACnB,WAAW,EAGX,oBAAoB,EACpB,MAAM,kBAAkB,CAAC;AAsB1B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,KAAK,WAAW,GAAG;IAClB,OAAO,EAAE,WAAW,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACpC,CAAC;AAqbF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { InjectionKey } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Inline table-cell editing context, provided once at the viewer root and
|
|
4
|
+
* injected by `TableRenderer` so the hot `SlideStage` -> `ElementRenderer`
|
|
5
|
+
* prop chain does not have to thread an `editable` flag and a commit callback
|
|
6
|
+
* through every element (mirrors the `TableThemeKey` pattern in `table-theme`).
|
|
7
|
+
*/
|
|
8
|
+
export interface TableCellEditContext {
|
|
9
|
+
/** Whether inline cell editing is currently allowed (edit mode + not presenting). */
|
|
10
|
+
canEdit: () => boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Commit a single cell's new text. The handler resolves the element by id,
|
|
13
|
+
* applies the immutable `setCellText` update, and records editor history.
|
|
14
|
+
*/
|
|
15
|
+
commit: (elementId: string, rowIndex: number, colIndex: number, text: string) => void;
|
|
16
|
+
}
|
|
17
|
+
/** Typed injection key for the table-cell editing context. */
|
|
18
|
+
export declare const TableCellEditKey: InjectionKey<TableCellEditContext>;
|
|
19
|
+
/**
|
|
20
|
+
* Resolve the injected {@link TableCellEditContext}, if any. Returns `undefined`
|
|
21
|
+
* when no editing context is provided (read-only viewer), in which case the
|
|
22
|
+
* table renders without inline cell editing.
|
|
23
|
+
*/
|
|
24
|
+
export declare function injectTableCellEdit(): TableCellEditContext | undefined;
|
|
25
|
+
//# sourceMappingURL=table-edit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-edit.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/table-edit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAGxC;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,qFAAqF;IACrF,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,oBAAoB,CAE/D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,oBAAoB,GAAG,SAAS,CAEtE"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
|
+
/** Mobile breakpoint: below this width is considered mobile. Mirrors React. */
|
|
3
|
+
export declare const MOBILE_BREAKPOINT = 768;
|
|
4
|
+
/** Tablet breakpoint: below this width (but >= MOBILE) is tablet. Mirrors React. */
|
|
5
|
+
export declare const TABLET_BREAKPOINT = 1024;
|
|
2
6
|
/**
|
|
3
7
|
* Max viewport height (px) at which a *touch* device is treated as mobile
|
|
4
8
|
* regardless of width: catches landscape phones (e.g. 915×412), which are wide
|
|
@@ -8,15 +12,32 @@ import { Ref } from 'vue';
|
|
|
8
12
|
export declare const MOBILE_LANDSCAPE_MAX_HEIGHT = 500;
|
|
9
13
|
/** Device orientation as reported by the screen / viewport aspect ratio. */
|
|
10
14
|
export type DeviceOrientation = 'portrait' | 'landscape';
|
|
15
|
+
/**
|
|
16
|
+
* Whether a width/height/touch combination should use the mobile layout: a
|
|
17
|
+
* narrow viewport, OR a short touch viewport below the tablet width (a
|
|
18
|
+
* landscape phone). Mirrors the React `isMobileViewport`.
|
|
19
|
+
*/
|
|
20
|
+
export declare function isMobileViewport(width: number, height: number, isTouch: boolean): boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Source of the container element observed for container-based breakpoints:
|
|
23
|
+
* either a Vue `Ref` (e.g. a `templateRef`) or a plain getter. Resolved lazily
|
|
24
|
+
* each time the observer (re)reads it so late-mounted refs are picked up.
|
|
25
|
+
*/
|
|
26
|
+
export type ContainerSource = Ref<HTMLElement | null | undefined> | (() => HTMLElement | null | undefined);
|
|
11
27
|
/**
|
|
12
28
|
* `useIsMobile`: reactive viewport predicate for switching between the desktop
|
|
13
29
|
* chrome and the compact mobile bottom bar, plus the touch / orientation /
|
|
14
30
|
* virtual-keyboard signals the mobile chrome needs.
|
|
15
31
|
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
32
|
+
* Breakpoints are driven by the observed *container* width when a `container`
|
|
33
|
+
* source is supplied (via `ResizeObserver`), so an embedded viewer in a narrow
|
|
34
|
+
* sidebar is classified by its own box rather than the full viewport. When no
|
|
35
|
+
* container is given (or `ResizeObserver` is unavailable) it falls back to the
|
|
36
|
+
* `window.matchMedia` viewport path. Either way:
|
|
37
|
+
* - mobile when narrow (< 768px) OR a short touch viewport below the tablet
|
|
38
|
+
* width (a landscape phone),
|
|
39
|
+
* - tablet when 768..1023px and not mobile,
|
|
40
|
+
* - desktop when >= 1024px and not mobile.
|
|
20
41
|
*
|
|
21
42
|
* Additive signals (mirroring the React `useIsMobile` return shape):
|
|
22
43
|
* - `isTouchDevice`: whether the device reports touch capability.
|
|
@@ -24,28 +45,38 @@ export type DeviceOrientation = 'portrait' | 'landscape';
|
|
|
24
45
|
* `screen.orientation` change.
|
|
25
46
|
* - `isVirtualKeyboardOpen`: true when the visual viewport height shrinks by
|
|
26
47
|
* more than 30% on a touch device (the on-screen keyboard is likely up).
|
|
48
|
+
* - `isTablet` / `isDesktop`: derived breakpoint flags.
|
|
49
|
+
* - `containerWidth`: the measured container (or viewport) width in px.
|
|
27
50
|
*
|
|
28
|
-
* SSR / test safety: `window` and `
|
|
29
|
-
*
|
|
30
|
-
* so the composable is safe
|
|
31
|
-
*
|
|
32
|
-
* sensible defaults (`isTouchDevice=false`, `orientation='landscape'`,
|
|
33
|
-
* `isVirtualKeyboardOpen=false`).
|
|
51
|
+
* SSR / test safety: `window`, `matchMedia` and `ResizeObserver` are
|
|
52
|
+
* feature-detected. When none is available the predicate stays `false` and no
|
|
53
|
+
* listener is wired, so the composable is safe during server render or in a
|
|
54
|
+
* bare unit test. All observers/listeners are torn down on `onScopeDispose`.
|
|
34
55
|
*
|
|
35
|
-
* @param breakpoint - Max viewport width (px) considered "mobile"
|
|
36
|
-
* 768 to match the React `md:`
|
|
37
|
-
*
|
|
38
|
-
*
|
|
56
|
+
* @param breakpoint - Max viewport width (px) considered "mobile" for the
|
|
57
|
+
* matchMedia fallback path. Defaults to 768 to match the React `md:`
|
|
58
|
+
* Tailwind breakpoint used by the mobile chrome.
|
|
59
|
+
* @param container - Optional container element source. When provided and
|
|
60
|
+
* `ResizeObserver` exists, breakpoints + `containerWidth` are driven from the
|
|
61
|
+
* container's box instead of the viewport.
|
|
62
|
+
* @returns reactive read-only refs; existing `{ isMobile }` (and the touch /
|
|
63
|
+
* orientation / virtual-keyboard) consumers keep working unchanged.
|
|
39
64
|
*/
|
|
40
65
|
export interface UseIsMobileResult {
|
|
41
|
-
/** `true` while the viewport is at or below `breakpoint` px wide. */
|
|
66
|
+
/** `true` while the container/viewport is at or below `breakpoint` px wide. */
|
|
42
67
|
isMobile: Readonly<Ref<boolean>>;
|
|
68
|
+
/** `true` while the container/viewport is 768..1023px wide. */
|
|
69
|
+
isTablet: Readonly<Ref<boolean>>;
|
|
70
|
+
/** `true` while the container/viewport is >= 1024px wide. */
|
|
71
|
+
isDesktop: Readonly<Ref<boolean>>;
|
|
43
72
|
/** `true` on devices that report touch capability. */
|
|
44
73
|
isTouchDevice: Readonly<Ref<boolean>>;
|
|
45
74
|
/** Current device orientation (portrait or landscape). */
|
|
46
75
|
orientation: Readonly<Ref<DeviceOrientation>>;
|
|
47
76
|
/** `true` when the on-screen keyboard is likely visible. */
|
|
48
77
|
isVirtualKeyboardOpen: Readonly<Ref<boolean>>;
|
|
78
|
+
/** The measured container (or viewport) width in pixels. */
|
|
79
|
+
containerWidth: Readonly<Ref<number>>;
|
|
49
80
|
}
|
|
50
|
-
export declare function useIsMobile(breakpoint?: number): UseIsMobileResult;
|
|
81
|
+
export declare function useIsMobile(breakpoint?: number, container?: ContainerSource): UseIsMobileResult;
|
|
51
82
|
//# sourceMappingURL=useIsMobile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/useIsMobile.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/useIsMobile.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,OAAO,CAAC;AAEtC;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,4EAA4E;AAC5E,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,WAAW,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAKzF;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACxB,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,GACnC,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,WAAW,iBAAiB;IACjC,+EAA+E;IAC/E,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,+DAA+D;IAC/D,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,6DAA6D;IAC7D,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAClC,sDAAsD;IACtD,aAAa,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IACtC,0DAA0D;IAC1D,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9C,4DAA4D;IAC5D,qBAAqB,EAAE,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9C,4DAA4D;IAC5D,cAAc,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;CACtC;AAsCD,wBAAgB,WAAW,CAAC,UAAU,SAAM,EAAE,SAAS,CAAC,EAAE,eAAe,GAAG,iBAAiB,CA+H5F"}
|
package/dist/viewer/index.cjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
|
-
const e = require("../viewer-
|
|
2
|
+
const e = require("../viewer-RSmOoAG1.cjs");
|
|
3
3
|
exports.ChartRenderer = e.ChartRenderer_default, exports.ConnectorRenderer = e.ConnectorRenderer_default, exports.DEFAULT_CANVAS_HEIGHT = e.DEFAULT_CANVAS_HEIGHT, exports.DEFAULT_CANVAS_WIDTH = e.DEFAULT_CANVAS_WIDTH, exports.DEFAULT_FILL_COLOR = e.DEFAULT_FILL_COLOR, exports.DEFAULT_STROKE_COLOR = e.DEFAULT_STROKE_COLOR, exports.DEFAULT_TEXT_COLOR = e.DEFAULT_TEXT_COLOR, exports.ElementRenderer = e.ElementRenderer_default, exports.EquationRenderer = e.EquationRenderer_default, exports.InkRenderer = e.InkRenderer_default, exports.Model3DRenderer = e.Model3DRenderer_default, exports.OleRenderer = e.OleRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.SmartArtRenderer = e.SmartArtRenderer_default, exports.TableRenderer = e.TableRenderer_default, exports.WordArtText = e.WordArtText_default, exports.ZoomRenderer = e.ZoomRenderer_default, exports.buildInitialGuides = e.buildInitialGuides, exports.collectImagePaths = e.collectImagePaths, exports.collectMediaElements = e.collectMediaElements, exports.getContainerStyle = e.getContainerStyle, exports.getImageSrc = e.getImageSrc, exports.getResolvedShapeClipPath = e.getResolvedShapeClipPath, exports.getResolvedShapeClipPathFor = e.getResolvedShapeClipPathFor, exports.getShapeFillStrokeStyle = e.getShapeFillStrokeStyle, exports.getTextBlockStyle = e.getTextBlockStyle, exports.useEditorHistory = e.useEditorHistory, exports.useEditorOperations = e.useEditorOperations, exports.useLoadContent = e.useLoadContent;
|
package/dist/viewer/index.cjs.br
CHANGED
|
Binary file
|
package/dist/viewer/index.cjs.gz
CHANGED
|
Binary file
|
package/dist/viewer/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { C as a, D as s, E as e, M as r, N as n, R as d, S as t, T as o, _ as R, a as i, b as l, c as m, d as S, f as w, g as C, h as p, i as v, j as x, l as E, m as T, n as b, p as c, r as f, s as g, t as h, u as j, v as u, w as A, x as D, y as M, z as P } from "../viewer-
|
|
1
|
+
import { C as a, D as s, E as e, M as r, N as n, R as d, S as t, T as o, _ as R, a as i, b as l, c as m, d as S, f as w, g as C, h as p, i as v, j as x, l as E, m as T, n as b, p as c, r as f, s as g, t as h, u as j, v as u, w as A, x as D, y as M, z as P } from "../viewer-CLufo3L_.js";
|
|
2
2
|
export { u as ChartRenderer, R as ConnectorRenderer, a as DEFAULT_CANVAS_HEIGHT, A as DEFAULT_CANVAS_WIDTH, o as DEFAULT_FILL_COLOR, e as DEFAULT_STROKE_COLOR, s as DEFAULT_TEXT_COLOR, m as ElementRenderer, C as EquationRenderer, p as InkRenderer, T as Model3DRenderer, c as OleRenderer, h as PowerPointViewer, i as SlideCanvas, g as SlideStage, w as SmartArtRenderer, S as TableRenderer, j as WordArtText, E as ZoomRenderer, x as buildInitialGuides, r as collectImagePaths, n as collectMediaElements, M as getContainerStyle, l as getImageSrc, d as getResolvedShapeClipPath, P as getResolvedShapeClipPathFor, D as getShapeFillStrokeStyle, t as getTextBlockStyle, v as useEditorHistory, f as useEditorOperations, b as useLoadContent };
|
package/dist/viewer/index.js.br
CHANGED
|
Binary file
|
package/dist/viewer/index.js.gz
CHANGED
|
Binary file
|