pptx-vue-viewer 4.64.0 → 4.66.0

package/dist/pptx-vue-viewer.css

@@ -138,7 +138,7 @@
 
 /* The host `.pptx-vue-media` is already absolutely positioned by
    `getContainerStyle`, so the badge centres against the element's own box. */
-.pptx-vue-media-badge[data-v-7bf18c01] {
+.pptx-vue-media-badge[data-v-444d5d08] {
 	position: absolute;
 	inset: 0;
 	display: flex;
@@ -152,32 +152,32 @@
 	font-size: 10px;
 }
 
-.pptx-vue-media-badge svg[data-v-7bf18c01] {
+.pptx-vue-media-badge svg[data-v-444d5d08] {
 	width: 48px;
 	height: 48px;
 }
 
-.pptx-vue-media-badge-missing[data-v-7bf18c01] {
+.pptx-vue-media-badge-missing[data-v-444d5d08] {
 	color: rgba(255, 255, 255, 0.6);
 }
 
-.pptx-vue-media-badge-missing svg[data-v-7bf18c01] {
+.pptx-vue-media-badge-missing svg[data-v-444d5d08] {
 	width: 32px;
 	height: 32px;
 }
 
-.pptx-vue-media-placeholder[data-v-7bf18c01] {
+.pptx-vue-media-placeholder[data-v-444d5d08] {
 	flex-direction: column;
 	gap: 4px;
 	font-size: 10px;
 }
 
-.pptx-vue-media-placeholder svg[data-v-7bf18c01] {
+.pptx-vue-media-placeholder svg[data-v-444d5d08] {
 	width: 32px;
 	height: 32px;
 }
 
-.pptx-vue-media-fullscreen-stop[data-v-7bf18c01] {
+.pptx-vue-media-fullscreen-stop[data-v-444d5d08] {
 	position: absolute;
 	bottom: 12px;
 	right: 12px;
@@ -193,43 +193,43 @@
 		color 0.15s ease;
 }
 
-.pptx-vue-media-fullscreen-stop[data-v-7bf18c01]:hover {
+.pptx-vue-media-fullscreen-stop[data-v-444d5d08]:hover {
 	background: rgba(0, 0, 0, 0.7);
 	color: #fff;
 }
 
 
-.pptx-vue-equation-wrapper[data-v-10c9521d] {
+.pptx-vue-equation-wrapper[data-v-931f1b20] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 0.25em;
 }
 
-.pptx-vue-equation[data-v-10c9521d] {
+.pptx-vue-equation[data-v-931f1b20] {
 	display: inline-block;
 	vertical-align: middle;
 	font-family: 'Cambria Math', 'STIX Two Math', serif;
 }
 
-.pptx-vue-equation-numbered[data-v-10c9521d] {
+.pptx-vue-equation-numbered[data-v-931f1b20] {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	width: 100%;
 }
 
-.pptx-vue-equation-centered[data-v-10c9521d] {
+.pptx-vue-equation-centered[data-v-931f1b20] {
 	flex: 1;
 	text-align: center;
 }
 
-.pptx-vue-equation-number-spacer[data-v-10c9521d] {
+.pptx-vue-equation-number-spacer[data-v-931f1b20] {
 	visibility: hidden;
 	white-space: nowrap;
 }
 
-.pptx-vue-equation-number[data-v-10c9521d] {
+.pptx-vue-equation-number[data-v-931f1b20] {
 	white-space: nowrap;
 	font-family: 'Cambria Math', 'STIX Two Math', serif;
 }
@@ -279,13 +279,13 @@
 }
 
 
-.pptx-vue-ole-preview[data-v-b9bfbe93] {
+.pptx-vue-ole-preview[data-v-cb7ffd1a] {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }
 
-.pptx-vue-ole-img[data-v-b9bfbe93] {
+.pptx-vue-ole-img[data-v-cb7ffd1a] {
 	width: 100%;
 	height: 100%;
 	object-fit: contain;
@@ -294,7 +294,7 @@
 	display: block;
 }
 
-.pptx-vue-ole-badge[data-v-b9bfbe93] {
+.pptx-vue-ole-badge[data-v-cb7ffd1a] {
 	position: absolute;
 	bottom: 4px;
 	right: 4px;
@@ -304,7 +304,7 @@
 	pointer-events: none;
 }
 
-.pptx-vue-ole-placeholder[data-v-b9bfbe93] {
+.pptx-vue-ole-placeholder[data-v-cb7ffd1a] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -315,7 +315,7 @@
 	box-sizing: border-box;
 }
 
-.pptx-vue-ole-name[data-v-b9bfbe93] {
+.pptx-vue-ole-name[data-v-cb7ffd1a] {
 	margin-top: 8px;
 	font-size: 12px;
 	font-weight: 500;
@@ -325,7 +325,7 @@
 	white-space: nowrap;
 }
 
-.pptx-vue-ole-sublabel[data-v-b9bfbe93] {
+.pptx-vue-ole-sublabel[data-v-cb7ffd1a] {
 	margin-top: 2px;
 	font-size: 10px;
 	color: rgba(0, 0, 0, 0.45);
@@ -335,7 +335,7 @@
 	white-space: nowrap;
 }
 
-.pptx-vue-ole-actions[data-v-b9bfbe93] {
+.pptx-vue-ole-actions[data-v-cb7ffd1a] {
 	position: absolute;
 	left: 0;
 	right: 0;
@@ -351,9 +351,18 @@
 	font-size: 11px;
 	/* Re-enable pointing on the action bar; the preview/icon above stay inert. */
 	pointer-events: auto;
+	/* Hidden until the object is hovered or a control inside is focused: PowerPoint
+	   paints the object alone, and React, Angular and vanilla reveal it the same way. */
+	opacity: 0;
+	transition: opacity 0.12s ease-in-out;
+}
+
+.pptx-vue-ole:hover .pptx-vue-ole-actions[data-v-cb7ffd1a],
+.pptx-vue-ole-actions[data-v-cb7ffd1a]:focus-within {
+	opacity: 1;
 }
 
-.pptx-vue-ole-meta[data-v-b9bfbe93] {
+.pptx-vue-ole-meta[data-v-cb7ffd1a] {
 	margin-right: auto;
 	color: rgba(0, 0, 0, 0.55);
 	overflow: hidden;
@@ -361,7 +370,7 @@
 	white-space: nowrap;
 }
 
-.pptx-vue-ole-action[data-v-b9bfbe93] {
+.pptx-vue-ole-action[data-v-cb7ffd1a] {
 	flex: none;
 	padding: 2px 8px;
 	border: 1px solid rgba(0, 0, 0, 0.18);
@@ -374,11 +383,11 @@
 	text-decoration: none;
 }
 
-.pptx-vue-ole-action[data-v-b9bfbe93]:hover {
+.pptx-vue-ole-action[data-v-cb7ffd1a]:hover {
 	background: #f2f2f2;
 }
 
-.pptx-vue-ole-action[data-v-b9bfbe93]:focus-visible {
+.pptx-vue-ole-action[data-v-cb7ffd1a]:focus-visible {
 	outline: 2px solid #2b6cb0;
 	outline-offset: 1px;
 }
@@ -520,11 +529,11 @@
 }
 
 
-.pptx-vue-table[data-v-8731a16e] {
+.pptx-vue-table[data-v-0ff66628] {
 	overflow: hidden;
 }
 
-.pptx-vue-table__grid[data-v-8731a16e] {
+.pptx-vue-table__grid[data-v-0ff66628] {
 	width: 100%;
 	height: 100%;
 	border-collapse: collapse;
@@ -533,7 +542,7 @@
 
 
 /* No border of its own: a side the deck gives no border renders with none, as PowerPoint does. */
-.pptx-vue-table__cell[data-v-8731a16e] {
+.pptx-vue-table__cell[data-v-0ff66628] {
 	position: relative;
 	padding: 1px 4px;
 	vertical-align: top;
@@ -542,24 +551,24 @@
 	overflow-wrap: break-word;
 }
 
-.pptx-vue-table__cell--editable[data-v-8731a16e] {
+.pptx-vue-table__cell--editable[data-v-0ff66628] {
 	cursor: cell;
 	/* A faint grid while editing, so cells of a borderless table can still be found. */
 	border: 1px solid rgba(255, 255, 255, 0.3);
 }
 
-.pptx-vue-table__cell--selected[data-v-8731a16e] {
+.pptx-vue-table__cell--selected[data-v-0ff66628] {
 	outline: 2px solid rgb(59 130 246);
 	outline-offset: -2px;
 }
 
-.pptx-vue-table__cell--in-selection[data-v-8731a16e] {
+.pptx-vue-table__cell--in-selection[data-v-0ff66628] {
 	background-color: rgba(59, 130, 246, 0.15);
 	outline: 1px solid rgba(96, 165, 250, 0.5);
 	outline-offset: -1px;
 }
 
-.pptx-vue-table__diag[data-v-8731a16e] {
+.pptx-vue-table__diag[data-v-0ff66628] {
 	position: absolute;
 	inset: 0;
 	width: 100%;
@@ -568,20 +577,20 @@
 	overflow: visible;
 }
 
-.pptx-vue-table__text[data-v-8731a16e] {
+.pptx-vue-table__text[data-v-0ff66628] {
 	position: relative;
 }
 
-.pptx-vue-table__run[data-v-8731a16e] {
+.pptx-vue-table__run[data-v-0ff66628] {
 	position: relative;
 }
 
-.pptx-vue-table__para-break[data-v-8731a16e] {
+.pptx-vue-table__para-break[data-v-0ff66628] {
 	display: block;
 	height: 0;
 }
 
-.pptx-vue-table__cell-input[data-v-8731a16e] {
+.pptx-vue-table__cell-input[data-v-0ff66628] {
 	width: 100%;
 	margin: 0;
 	padding: 0;
@@ -593,7 +602,7 @@
 }
 
 
-.pptx-vue-wordart[data-v-b88e2f24] {
+.pptx-vue-wordart[data-v-60a2ce03] {
 	position: absolute;
 	inset: 0;
 	overflow: visible;