ooxml-ui 0.16.1 → 0.16.2

package/dist/{chunk-A46H2JBV.js → chunk-HSM56NH6.js}

@@ -1,4 +1,4 @@
-import { definer, attachStyles, controlCss, emit } from './chunk-NDEB6EBU.js';
+import { definer, attachStyles, controlCss, emit } from './chunk-XPYONXNE.js';
 import { tok } from './chunk-4MT4OIAJ.js';
 import { normalizeHexColor } from 'ooxml-core/color';
 

package/dist/{chunk-2XJDHLPW.js → chunk-QELTZLUJ.js}

@@ -1,6 +1,6 @@
-import { createIconSvg, paintIcon, defineIcon } from './chunk-VUXNXH4Q.js';
-import { initialsOf } from './chunk-VYF7LGXZ.js';
-import { definer, attachStyles, controlCss, emit } from './chunk-NDEB6EBU.js';
+import { createIconSvg, paintIcon, defineIcon } from './chunk-YFT6FYOP.js';
+import { initialsOf } from './chunk-YM2DT6QD.js';
+import { definer, attachStyles, controlCss, present, emit } from './chunk-XPYONXNE.js';
 import { tok, FOCUS_RING, OFFICE_TOKENS } from './chunk-4MT4OIAJ.js';
 
 // src/chrome-controls.ts
@@ -613,13 +613,13 @@ var defineRadio = definer("office-ui-radio", () => {
       return this.hasAttribute("checked");
     }
     set checked(next) {
-      this.toggleAttribute("checked", Boolean(next));
+      this.toggleAttribute("checked", present(next));
     }
     get disabled() {
       return this.hasAttribute("disabled");
     }
     set disabled(next) {
-      this.toggleAttribute("disabled", Boolean(next));
+      this.toggleAttribute("disabled", present(next));
     }
     get value() {
       return this.getAttribute("value") ?? "on";
@@ -752,7 +752,7 @@ var defineRibbonToggle = definer("office-ui-ribbon-toggle", () => {
       return this.hasAttribute("checked");
     }
     set checked(value) {
-      this.toggleAttribute("checked", Boolean(value));
+      this.toggleAttribute("checked", present(value));
     }
     sync() {
       const label = this.getAttribute("label") ?? "";
@@ -856,7 +856,7 @@ var defineSearchField = definer("office-ui-search", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(next) {
-      this.toggleAttribute("disabled", Boolean(next));
+      this.toggleAttribute("disabled", present(next));
     }
     focus(options) {
       this.input.focus(options);
@@ -971,7 +971,7 @@ var defineBackstage = definer("office-ui-backstage", () => {
       return this.hasAttribute("open");
     }
     set open(value) {
-      this.toggleAttribute("open", Boolean(value));
+      this.toggleAttribute("open", present(value));
     }
     get selected() {
       return this.getAttribute("selected") ?? "";
@@ -1139,7 +1139,7 @@ var defineFindBar = definer("office-ui-find-bar", () => {
       return this.hasAttribute("open");
     }
     set open(value) {
-      this.toggleAttribute("open", Boolean(value));
+      this.toggleAttribute("open", present(value));
     }
     get value() {
       return this.#input.value;
@@ -1894,7 +1894,7 @@ var defineButton = definer("office-ui-button", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(value) {
-      this.toggleAttribute("disabled", Boolean(value));
+      this.toggleAttribute("disabled", present(value));
     }
     get pressed() {
       const value = this.getAttribute("pressed");
@@ -2033,13 +2033,13 @@ function makeCheckable(role, css) {
       return this.hasAttribute("checked");
     }
     set checked(value) {
-      this.toggleAttribute("checked", Boolean(value));
+      this.toggleAttribute("checked", present(value));
     }
     get disabled() {
       return this.hasAttribute("disabled");
     }
     set disabled(value) {
-      this.toggleAttribute("disabled", Boolean(value));
+      this.toggleAttribute("disabled", present(value));
     }
     get value() {
       return this.getAttribute("value") ?? "on";
@@ -2155,7 +2155,7 @@ var defineDialog = definer("office-ui-dialog", () => {
       return this.hasAttribute("open");
     }
     set open(value) {
-      this.toggleAttribute("open", Boolean(value));
+      this.toggleAttribute("open", present(value));
     }
     show() {
       this.open = true;
@@ -2940,7 +2940,7 @@ var defineMenuItem = definer("office-ui-menu-item", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(value) {
-      this.toggleAttribute("disabled", Boolean(value));
+      this.toggleAttribute("disabled", present(value));
     }
     /** Focus the menuitem itself, so arrow navigation never depends on delegatesFocus. */
     focus(options) {
@@ -3048,7 +3048,7 @@ var defineMenuButton = definer("office-ui-menu-button", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(value) {
-      this.toggleAttribute("disabled", Boolean(value));
+      this.toggleAttribute("disabled", present(value));
     }
     get open() {
       return this.caret.getAttribute("aria-expanded") === "true";
@@ -3280,7 +3280,7 @@ var defineOptionsDialog = definer("office-ui-options-dialog", () => {
       return this.hasAttribute("open");
     }
     set open(value) {
-      this.toggleAttribute("open", Boolean(value));
+      this.toggleAttribute("open", present(value));
     }
     show() {
       this.open = true;
@@ -4005,7 +4005,7 @@ var defineSelect = definer("office-ui-select", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(next) {
-      this.toggleAttribute("disabled", Boolean(next));
+      this.toggleAttribute("disabled", present(next));
     }
     focus(options) {
       this.trigger.focus(options);
@@ -4546,7 +4546,7 @@ var defineZoomSlider = definer("office-ui-zoom-slider", () => {
       return this.hasAttribute("disabled");
     }
     set disabled(value) {
-      this.toggleAttribute("disabled", Boolean(value));
+      this.toggleAttribute("disabled", present(value));
     }
     /** Office buttons snap to the next multiple of `step`, so 67% steps to 70%, not 77%. */
     stepBy(direction) {

package/dist/{chunk-NDEB6EBU.js → chunk-XPYONXNE.js}

@@ -32,6 +32,9 @@ function emit(host, type, detail, cancelable = false) {
     new CustomEvent(type, { detail, bubbles: true, composed: true, cancelable })
   );
 }
+function present(value) {
+  return value === "" || Boolean(value);
+}
 
 // src/styles.ts
 var sheetsByDocument = /* @__PURE__ */ new WeakMap();
@@ -72,4 +75,4 @@ var COMMON_CONTROL_CSS = `
 var controlCss = (css) => `${COMMON_CONTROL_CSS}
 ${css}`;
 
-export { CONTRACT_REVISION, attachStyles, controlCss, definer, emit };
+export { CONTRACT_REVISION, attachStyles, controlCss, definer, emit, present };

package/dist/{chunk-VUXNXH4Q.js → chunk-YFT6FYOP.js}

@@ -1,4 +1,4 @@
-import { definer, attachStyles, controlCss } from './chunk-NDEB6EBU.js';
+import { definer, attachStyles, controlCss } from './chunk-XPYONXNE.js';
 
 // src/icons.ts
 var registry = /* @__PURE__ */ new Map();

package/dist/{chunk-VYF7LGXZ.js → chunk-YM2DT6QD.js}

@@ -1,4 +1,4 @@
-import { definer, attachStyles, controlCss, emit } from './chunk-NDEB6EBU.js';
+import { definer, attachStyles, controlCss, emit } from './chunk-XPYONXNE.js';
 import { tok } from './chunk-4MT4OIAJ.js';
 
 // src/presence.ts

package/dist/controls.js

@@ -1,5 +1,5 @@
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-2XJDHLPW.js';
-export { defineIcon } from './chunk-VUXNXH4Q.js';
-import './chunk-VYF7LGXZ.js';
-import './chunk-NDEB6EBU.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-QELTZLUJ.js';
+export { defineIcon } from './chunk-YFT6FYOP.js';
+import './chunk-YM2DT6QD.js';
+import './chunk-XPYONXNE.js';
 import './chunk-4MT4OIAJ.js';

package/dist/icons.js

@@ -1,3 +1,3 @@
-export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-VUXNXH4Q.js';
-import './chunk-NDEB6EBU.js';
+export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-YFT6FYOP.js';
+import './chunk-XPYONXNE.js';
 import './chunk-4MT4OIAJ.js';

package/dist/index.js

@@ -1,13 +1,13 @@
 import { installOfficeUiTheme } from './chunk-F4TM7U4P.js';
 export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-F4TM7U4P.js';
-import { registerControls } from './chunk-2XJDHLPW.js';
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-2XJDHLPW.js';
-export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-VUXNXH4Q.js';
-import { definePresence } from './chunk-VYF7LGXZ.js';
-export { definePresence, initialsOf, participantsFromAwareness } from './chunk-VYF7LGXZ.js';
-import { defineSmartArt } from './chunk-A46H2JBV.js';
-export { defineSmartArt, renderDiagramDrawing } from './chunk-A46H2JBV.js';
-export { CONTRACT_REVISION } from './chunk-NDEB6EBU.js';
+import { registerControls } from './chunk-QELTZLUJ.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-QELTZLUJ.js';
+export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-YFT6FYOP.js';
+import { definePresence } from './chunk-YM2DT6QD.js';
+export { definePresence, initialsOf, participantsFromAwareness } from './chunk-YM2DT6QD.js';
+import { defineSmartArt } from './chunk-HSM56NH6.js';
+export { defineSmartArt, renderDiagramDrawing } from './chunk-HSM56NH6.js';
+export { CONTRACT_REVISION } from './chunk-XPYONXNE.js';
 export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-4MT4OIAJ.js';
 
 // src/index.ts

package/dist/presence.js

@@ -1,3 +1,3 @@
-export { definePresence, initialsOf, participantsFromAwareness } from './chunk-VYF7LGXZ.js';
-import './chunk-NDEB6EBU.js';
+export { definePresence, initialsOf, participantsFromAwareness } from './chunk-YM2DT6QD.js';
+import './chunk-XPYONXNE.js';
 import './chunk-4MT4OIAJ.js';

package/dist/registry.d.ts

@@ -16,3 +16,9 @@ export declare function browserRegistry(): CustomElementRegistry | undefined;
 export declare function definer(tag: string, make: () => CustomElementConstructor): Definer;
 /** Bubbling, composed event: crosses shadow boundaries like the native ones do. */
 export declare function emit<T>(host: HTMLElement, type: string, detail: T, cancelable?: boolean): boolean;
+/**
+ * A boolean property value as its attribute would read it: `''` means present, as in
+ * `checked=""`. Frameworks that pass attribute idioms through properties (Svelte's
+ * `checked={on ? '' : undefined}`) therefore keep working.
+ */
+export declare function present(value: unknown): boolean;

package/dist/smartart.js

@@ -1,3 +1,3 @@
-export { defineSmartArt, renderDiagramDrawing } from './chunk-A46H2JBV.js';
-import './chunk-NDEB6EBU.js';
+export { defineSmartArt, renderDiagramDrawing } from './chunk-HSM56NH6.js';
+import './chunk-XPYONXNE.js';
 import './chunk-4MT4OIAJ.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ooxml-ui",
-	"version": "0.16.1",
+	"version": "0.16.2",
 	"description": "Shared, format-neutral web components and styles for the Office viewers (Word, PowerPoint, Excel)",
 	"keywords": [
 		"custom-elements",