ooxml-ui 1.4.0 → 1.5.0

package/README.md

@@ -8,6 +8,8 @@
 
 [Try the apps](https://christophervr.github.io/ooxml/) | [npm](https://www.npmjs.com/package/ooxml-ui) | [Full docs](https://christophervr.github.io/ooxml/) | [Source](https://github.com/ChristopherVR/ooxml)
 
+Part of [ooxml](https://github.com/ChristopherVR/ooxml#readme): **[Office](https://github.com/ChristopherVR/ooxml#ooxml-office-the-whole-suite-in-one-app)** · [Word](https://github.com/ChristopherVR/ooxml/tree/main/viewers/docx#readme) · [Excel](https://github.com/ChristopherVR/ooxml/tree/main/viewers/xlsx#readme) · [PowerPoint](https://github.com/ChristopherVR/ooxml/tree/main/viewers/pptx#readme) · [Visio](https://github.com/ChristopherVR/ooxml/tree/main/viewers/visio#readme) · [OpenTeams](https://github.com/ChristopherVR/ooxml/tree/main/viewers/teams#readme) · [Core](https://github.com/ChristopherVR/ooxml/tree/main/src/core#readme)
+
 Shared, format-neutral web components and styles for the Office viewers (Word, PowerPoint and
 Excel). Custom elements with shadow-root controls and typed events, no framework. The runtime
 dependencies are `ooxml-core` (types and a few pure helpers) and `lit`, which every element is built on

package/dist/{chunk-NYRRH2MD.js → chunk-6YEWVS7I.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-IY7QJLQG.js';
+import { OfficeElement, controlStyles, definer } from './chunk-CXOK5QWQ.js';
 import { html } from 'lit';
 import { hexToRgbChannels } from 'ooxml-core/color';
 import { resolveDrawingColor } from 'ooxml-core/diagram';

package/dist/{chunk-56A2JK63.js → chunk-BCH2ZLWI.js}

@@ -1,4 +1,4 @@
-import { OFFICE_TOKENS, TOUCH } from './chunk-2WLRFPMW.js';
+import { OFFICE_TOKENS, TOUCH } from './chunk-SPNWHKSR.js';
 
 // src/theme-bridge.ts
 var SHADCN_NAMES = [

package/dist/{chunk-IY7QJLQG.js → chunk-CXOK5QWQ.js}

@@ -1,4 +1,4 @@
-import { TOUCH, tok, OFFICE_TOKENS } from './chunk-2WLRFPMW.js';
+import { TOUCH, tok, OFFICE_TOKENS } from './chunk-SPNWHKSR.js';
 import { unsafeCSS, LitElement } from 'lit';
 
 // src/registry.ts

package/dist/{chunk-TWQ45BFL.js → chunk-FN3MBKHE.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-IY7QJLQG.js';
+import { OfficeElement, controlStyles, definer } from './chunk-CXOK5QWQ.js';
 import { html } from 'lit';
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/presence/presence.css?raw

package/dist/{chunk-BOIZWKM7.js → chunk-J2WUY2Q4.js}

@@ -1,7 +1,7 @@
 import { createIconSvg, paintIcon, getIcon } from './chunk-M6GF5ED2.js';
-import { initialsOf } from './chunk-TWQ45BFL.js';
-import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-IY7QJLQG.js';
-import { tok, OFFICE_TOKENS } from './chunk-2WLRFPMW.js';
+import { initialsOf } from './chunk-FN3MBKHE.js';
+import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-CXOK5QWQ.js';
+import { tok, OFFICE_TOKENS } from './chunk-SPNWHKSR.js';
 import { html, LitElement, nothing, render, svg } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -873,7 +873,7 @@ var OfficeUiBackstage = class extends OfficeElement {
 var defineBackstage = definer("office-ui-backstage", () => OfficeUiBackstage);
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/chrome/find-bar.css?raw
-var find_bar_default = ":host {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	min-height: var(--office-find-bar-height);\n	padding: var(--office-space-1) var(--office-space-2) var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-border);\n	background: var(--office-surface);\n	color: var(--office-foreground);\n	font: var(--office-font-size-sm) var(--office-font);\n}\n:host(:not([open])) {\n	display: none;\n}\n.find-content {\n	flex: 1;\n	min-width: 0;\n}\n.replace-fields {\n	display: flex;\n	align-items: center;\n	flex-wrap: wrap;\n	gap: var(--office-space-2);\n	margin-top: var(--office-space-2);\n}\n.replace-fields label {\n	flex: 0 1 auto;\n}\n.replace-fields label:first-child {\n	flex: 1;\n}\n.replace-fields textarea {\n	min-width: 120px;\n	width: 100%;\n	box-sizing: border-box;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-1);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\n.replace-fields office-ui-select {\n	min-width: 150px;\n}\n.find-error {\n	color: var(--office-error, #b00020);\n	margin-bottom: 0;\n}\n[role='search'] {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1);\n	min-width: 0;\n	max-width: var(--office-find-max-width);\n}\nlabel {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-width: 0;\n}\ninput {\n	flex: 1;\n	min-width: 0;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-1-5);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton {\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-2);\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: default;\n}\n.status {\n	flex: 1;\n	min-width: 0;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n	color: var(--office-muted-foreground);\n}\n.close {\n	margin-inline-start: auto;\n	width: var(--office-target-size);\n	padding: 0;\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-xl);\n	line-height: 1;\n}\ninput:focus-visible,\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\n@media (max-width: 760px) {\n	:host {\n		flex-wrap: wrap;\n	}\n	[role='search'] {\n		flex-wrap: wrap;\n	}\n}\n";
+var find_bar_default = ":host {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	min-height: var(--office-find-bar-height);\n	padding: var(--office-space-1) var(--office-space-2) var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-border);\n	background: var(--office-surface);\n	color: var(--office-foreground);\n	font: var(--office-font-size-sm) var(--office-font);\n}\n:host(:not([open])) {\n	display: none;\n}\n.find-content {\n	flex: 1;\n	min-width: 0;\n}\n.replace-fields {\n	display: flex;\n	align-items: center;\n	flex-wrap: wrap;\n	gap: var(--office-space-2);\n	margin-top: var(--office-space-2);\n}\n.replace-fields label {\n	flex: 0 1 auto;\n}\n.replace-fields label:first-child {\n	flex: 1;\n}\n.replace-fields textarea {\n	min-width: var(--office-find-replace-field-min-width);\n	width: 100%;\n	box-sizing: border-box;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-1);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\n.replace-fields office-ui-select {\n	min-width: var(--office-find-replace-select-min-width);\n}\n.find-error {\n	color: var(--office-danger);\n	margin-bottom: 0;\n}\n[role='search'] {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1);\n	min-width: 0;\n	max-width: var(--office-find-max-width);\n}\nlabel {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-width: 0;\n}\ninput {\n	flex: 1;\n	min-width: 0;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-1-5);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton {\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-2);\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: default;\n}\n.status {\n	flex: 1;\n	min-width: 0;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n	color: var(--office-muted-foreground);\n}\n.close {\n	margin-inline-start: auto;\n	width: var(--office-target-size);\n	padding: 0;\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-xl);\n	line-height: 1;\n}\ninput:focus-visible,\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\n@media (max-width: 760px) {\n	:host {\n		flex-wrap: wrap;\n	}\n	[role='search'] {\n		flex-wrap: wrap;\n	}\n}\n";
 function findReplaceFields(state) {
   return html`<div class="replace-fields">
 		<label
@@ -5426,7 +5426,9 @@ function createRibbonOverflow(options) {
       button.focus();
     };
     pop.addEventListener("click", (event) => {
-      if (event.target.closest(options.command)) setTimeout(() => closeOpen?.(), 0);
+      const command = event.target.closest(options.command);
+      const popup = command?.getAttribute("aria-haspopup");
+      if (command && (!popup || popup === "false")) setTimeout(() => closeOpen?.(), 0);
     });
     doc.addEventListener("pointerdown", outside, true);
     doc.addEventListener("keydown", escape, true);

package/dist/{chunk-2WLRFPMW.js → chunk-SPNWHKSR.js}

@@ -208,6 +208,8 @@ var OFFICE_TOKENS = {
   "--office-print-preview-width": "420px",
   "--office-find-max-width": "640px",
   "--office-find-bar-height": "40px",
+  "--office-find-replace-field-min-width": "120px",
+  "--office-find-replace-select-min-width": "150px",
   "--office-ruler-size": "18px",
   "--office-avatar-size": "48px",
   "--office-avatar-color": "var(--office-muted-foreground, #6b7280)",

package/dist/{chunk-R3LV6SGC.js → chunk-V5P7RPMN.js}

@@ -1,8 +1,8 @@
-import { defineSmartArt } from './chunk-NYRRH2MD.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-L4XGRNHF.js';
-import { installOfficeUiTheme } from './chunk-56A2JK63.js';
-import { registerControls } from './chunk-BOIZWKM7.js';
-import { definePresence } from './chunk-TWQ45BFL.js';
+import { defineSmartArt } from './chunk-6YEWVS7I.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-YNGNCKBE.js';
+import { installOfficeUiTheme } from './chunk-BCH2ZLWI.js';
+import { registerControls } from './chunk-J2WUY2Q4.js';
+import { definePresence } from './chunk-FN3MBKHE.js';
 
 // src/index.ts
 var OFFICE_UI_TAGS = [

package/dist/{chunk-L4XGRNHF.js → chunk-YNGNCKBE.js}

@@ -1,8 +1,8 @@
-import { THEME_CSS, installOfficeUiTheme } from './chunk-56A2JK63.js';
-import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-BOIZWKM7.js';
+import { THEME_CSS, installOfficeUiTheme } from './chunk-BCH2ZLWI.js';
+import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-J2WUY2Q4.js';
 import { registerIcon, getIcon } from './chunk-M6GF5ED2.js';
-import { initialsOf, definePresence } from './chunk-TWQ45BFL.js';
-import { definer, OfficeElement, controlStyles } from './chunk-IY7QJLQG.js';
+import { initialsOf, definePresence } from './chunk-FN3MBKHE.js';
+import { definer, OfficeElement, controlStyles } from './chunk-CXOK5QWQ.js';
 import { html, nothing, LitElement, unsafeCSS, svg } from 'lit';
 import { repeat } from 'lit/directives/repeat.js';
 import { live } from 'lit/directives/live.js';

package/dist/clipboard-worker.js

@@ -2,6 +2,7 @@ import { captureVisioClipboard, serializeVisioClipboard } from 'ooxml-core/visio
 
 // src/visio/clipboard-worker.ts
 self.onmessage = async (event) => {
+  if (event.origin && event.origin !== self.location.origin) return;
   try {
     const request = event.data;
     const snapshot = await captureVisioClipboard(

package/dist/controls.js

@@ -1,5 +1,5 @@
-export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-BOIZWKM7.js';
+export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-J2WUY2Q4.js';
 import './chunk-M6GF5ED2.js';
-import './chunk-TWQ45BFL.js';
-import './chunk-IY7QJLQG.js';
-import './chunk-2WLRFPMW.js';
+import './chunk-FN3MBKHE.js';
+import './chunk-CXOK5QWQ.js';
+import './chunk-SPNWHKSR.js';

package/dist/docx.js

@@ -1,10 +1,10 @@
-import { defineSmartArt } from './chunk-NYRRH2MD.js';
-import { shadcnBridge } from './chunk-56A2JK63.js';
-import { createRibbonOverflow, defineRibbon, defineRuler, defineCommentsPane, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineRibbonActions, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, runKeyTips, assignKeyTips } from './chunk-BOIZWKM7.js';
+import { defineSmartArt } from './chunk-6YEWVS7I.js';
+import { shadcnBridge } from './chunk-BCH2ZLWI.js';
+import { createRibbonOverflow, defineRibbon, defineRuler, defineCommentsPane, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineRibbonActions, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, runKeyTips, assignKeyTips } from './chunk-J2WUY2Q4.js';
 import { registerIcon } from './chunk-M6GF5ED2.js';
-import './chunk-TWQ45BFL.js';
-import './chunk-IY7QJLQG.js';
-import './chunk-2WLRFPMW.js';
+import './chunk-FN3MBKHE.js';
+import './chunk-CXOK5QWQ.js';
+import './chunk-SPNWHKSR.js';
 import { normalizeLocale, SUPPORTED_OFFICE_LOCALES, interpolate } from 'ooxml-core/i18n';
 import { createDocument, saveDocx, sectionsFromLayout, sectionLayoutJson, sectionsOf, pageSizeOf, columnPreset, applyPageSetup, withSection, computeListLabels, numberNotesInOrder, tocEntries, tableOfFiguresInstruction, findTableOfContents, ensureListDefinition, resolveNumberingLevel, equalColumnDraft, readColumnDraft, PAGE_SIZE_OPTIONS, PAGE_SIZES, readPageSetup, isRunHiddenForReview, resolveTableStyleFormatting, resolveParagraphFormatting, displayListLabel, setTitlePage, setLineNumbering, setVerticalAlign, setPageNumbering, ST_NumberFormat, unequalColumnPreset, setColumns, setOrientation, setPageSize, setMargins, lineSpacingLabel, formatNoteNumber, reviewDocumentFormatting, reviewFormattingWarnings, listRevisions, plainText, tocHyperlinks, DEFAULT_TOC_INSTRUCTION, tocBookmarks, buildTableOfContents, tocCaptionLabel, isFieldLocked, twips as twips$1, signedTwips, formatListNumber, columnTextWidth, validColumnDraft, validatePageSetup, presetOf, LIGATURE_VALUES, isLigatures, reviewRunFormatting, resolveRunFormatting, reviewParagraphFormatting, resolveThemeColorReference, lineSpacingValue, isStHighlightColor, transformCase, DEFAULT_TABLE_BORDERS, parseLineSpacingValue, twipsAttr, twipsFromPixels, headingLevel, isValidLanguageTag, WORD, isHeadingListKind, fieldName, lineSpacingOptions, halfPointsFromPoints, changeColumnWidth, changeColumnGap, createListDefinition, linkStylesToList, headingListLevels, documentStats } from 'ooxml-core/docx';
 import { Schema, DOMSerializer, Fragment } from 'prosemirror-model';

package/dist/index.js

@@ -1,10 +1,10 @@
-export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-R3LV6SGC.js';
-export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-NYRRH2MD.js';
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-L4XGRNHF.js';
+export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-V5P7RPMN.js';
+export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-6YEWVS7I.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-YNGNCKBE.js';
 export { TeamsPresentationPreview, defineTeamsPresentationPreview } from './chunk-SNV6YKPC.js';
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-56A2JK63.js';
-export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-BOIZWKM7.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-BCH2ZLWI.js';
+export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-J2WUY2Q4.js';
 export { createIconSvg, getIcon, listIcons, paintIcon, registerIcon } from './chunk-M6GF5ED2.js';
-export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-TWQ45BFL.js';
-export { CONTRACT_REVISION, OfficeElement, controlStyles, flag, readFlag, triState, valueOn, withTokens } from './chunk-IY7QJLQG.js';
-export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-2WLRFPMW.js';
+export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-FN3MBKHE.js';
+export { CONTRACT_REVISION, OfficeElement, controlStyles, flag, readFlag, triState, valueOn, withTokens } from './chunk-CXOK5QWQ.js';
+export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-SPNWHKSR.js';

package/dist/pptx/{chunk-KRMMJUCO.cjs → chunk-7DMJEYQJ.cjs}

@@ -59,18 +59,26 @@ function neutralizeDeviceStrokes(root) {
   }
 }
 function withAuthoredStrokeWidths(root, read) {
-  const saved = carriers(root).map((el) => ({ el, style: el.getAttribute("style") }));
+  const saved = carriers(root).map((el) => ({
+    el,
+    hadStyle: el.hasAttribute("style"),
+    value: el.style?.getPropertyValue(DEVICE_PX_VAR) ?? "",
+    priority: el.style?.getPropertyPriority(DEVICE_PX_VAR) ?? ""
+  }));
   for (const { el } of saved) {
     el.style?.setProperty(DEVICE_PX_VAR, "0px");
   }
   try {
     return read();
   } finally {
-    for (const { el, style } of saved) {
-      if (style === null) {
-        el.removeAttribute("style");
+    for (const { el, hadStyle, value, priority } of saved) {
+      if (value) {
+        el.style?.setProperty(DEVICE_PX_VAR, value, priority);
       } else {
-        el.setAttribute("style", style);
+        el.style?.removeProperty(DEVICE_PX_VAR);
+      }
+      if (!hadStyle && !el.getAttribute("style")) {
+        el.removeAttribute("style");
       }
     }
   }

package/dist/pptx/{chunk-TC7HCF5M.mjs → chunk-LHNTMJSK.mjs}

@@ -57,18 +57,26 @@ function neutralizeDeviceStrokes(root) {
   }
 }
 function withAuthoredStrokeWidths(root, read) {
-  const saved = carriers(root).map((el) => ({ el, style: el.getAttribute("style") }));
+  const saved = carriers(root).map((el) => ({
+    el,
+    hadStyle: el.hasAttribute("style"),
+    value: el.style?.getPropertyValue(DEVICE_PX_VAR) ?? "",
+    priority: el.style?.getPropertyPriority(DEVICE_PX_VAR) ?? ""
+  }));
   for (const { el } of saved) {
     el.style?.setProperty(DEVICE_PX_VAR, "0px");
   }
   try {
     return read();
   } finally {
-    for (const { el, style } of saved) {
-      if (style === null) {
-        el.removeAttribute("style");
+    for (const { el, hadStyle, value, priority } of saved) {
+      if (value) {
+        el.style?.setProperty(DEVICE_PX_VAR, value, priority);
       } else {
-        el.setAttribute("style", style);
+        el.style?.removeProperty(DEVICE_PX_VAR);
+      }
+      if (!hadStyle && !el.getAttribute("style")) {
+        el.removeAttribute("style");
       }
     }
   }