ooxml-ui 0.11.0 → 0.12.0

package/dist/{chunk-KM7DN2LV.js → chunk-BN3UBHTC.js}

@@ -1866,33 +1866,44 @@ var defineButton = definer("office-ui-button", () => {
 // src/checkable.ts
 var CHECK_SVG = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3 8 3.2 3.2L13 4.5"/></svg>';
 var CHECKBOX_CSS = `
-:host { display: inline-grid; box-sizing: border-box; width: 16px; height: 16px; flex: none;
-	place-items: center; border: 1px solid var(--office-border, #d1d5db); border-radius: 3px;
-	background: var(--office-background, #fff); color: var(--office-accent-foreground, #fff);
-	cursor: pointer; vertical-align: middle; }
-:host([checked]) { border-color: var(--office-accent, #2563eb); background: var(--office-accent, #2563eb); }
+:host { display: inline-grid; box-sizing: border-box; width: var(--office-checkbox-size, 16px); height: var(--office-checkbox-size, 16px);
+	flex: none; place-items: center; border: 1px solid var(--office-checkbox-border, var(--office-border, #d1d5db));
+	border-radius: var(--office-checkbox-radius, 3px); background: var(--office-checkbox-background, var(--office-background, #fff));
+	color: var(--office-checkbox-accent-foreground, var(--office-accent-foreground, #fff)); cursor: pointer; vertical-align: middle; }
+:host([checked]) { border-color: var(--office-checkbox-accent, var(--office-accent, #2563eb));
+	background: var(--office-checkbox-accent, var(--office-accent, #2563eb)); }
 :host(:focus-visible) { outline: 2px solid var(--office-ring, #2563eb); outline-offset: 2px; }
 :host([disabled]) { opacity: .5; cursor: not-allowed; }
 svg { display: none; width: 12px; height: 12px; }
 :host([checked]) svg { display: block; }
-@media (pointer: coarse), (max-width: 767px) { :host { width: 22px; height: 22px; } svg { width: 16px; height: 16px; } }
+@media (pointer: coarse), (max-width: 767px) {
+	:host { width: var(--office-checkbox-size-touch, 22px); height: var(--office-checkbox-size-touch, 22px); }
+	svg { width: 16px; height: 16px; }
+}
 @media (forced-colors: active) {
 	:host { border-color: CanvasText; background: Canvas; color: CanvasText; forced-color-adjust: auto; }
 	:host([checked]) { border-color: Highlight; background: Highlight; color: HighlightText; }
 }
 `;
 var SWITCH_CSS = `
-:host { display: inline-block; box-sizing: border-box; position: relative; width: 32px; height: 18px;
-	flex: none; border: 1px solid var(--office-border, #d1d5db); border-radius: 9px;
-	background: var(--office-surface, #f3f4f6); cursor: pointer; vertical-align: middle; }
-:host::after { content: ""; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px;
-	border-radius: 50%; background: var(--office-foreground, #1f2937); transition: transform .12s; }
-:host([checked]) { border-color: var(--office-accent, #2563eb); background: var(--office-accent, #2563eb); }
-:host([checked])::after { transform: translateX(14px); background: var(--office-accent-foreground, #fff); }
+:host { --_w: var(--office-switch-width, 32px); --_h: var(--office-switch-height, 18px);
+	--_b: var(--office-switch-border-width, 1px); --_k: var(--office-switch-knob-size, 12px);
+	--_o: var(--office-switch-knob-offset, 2px);
+	display: inline-block; box-sizing: border-box; position: relative; width: var(--_w); height: var(--_h);
+	flex: none; border: var(--_b) solid var(--office-switch-border, var(--office-border, #d1d5db)); border-radius: 999px;
+	background: var(--office-switch-track, var(--office-surface, #f3f4f6)); cursor: pointer; vertical-align: middle;
+	touch-action: manipulation; transition: background-color .15s; }
+:host::after { content: ""; position: absolute; top: calc((var(--_h) - 2 * var(--_b) - var(--_k)) / 2); left: var(--_o);
+	width: var(--_k); height: var(--_k); border-radius: 50%; background: var(--office-switch-thumb, var(--office-foreground, #1f2937));
+	box-shadow: 0 1px 2px rgb(0 0 0 / .3); transition: transform .15s; }
+:host([checked]) { border-color: var(--office-switch-track-on, var(--office-accent, #2563eb));
+	background: var(--office-switch-track-on, var(--office-accent, #2563eb)); }
+:host([checked])::after { transform: translateX(var(--office-switch-knob-travel, calc(var(--_w) - var(--_k) - 2 * var(--_o) - 2 * var(--_b))));
+	background: var(--office-switch-thumb-on, var(--office-accent-foreground, #fff)); }
 :host(:focus-visible) { outline: 2px solid var(--office-ring, #2563eb); outline-offset: 2px; }
 :host([disabled]) { opacity: .5; cursor: not-allowed; }
 svg { display: none; }
-@media (pointer: coarse), (max-width: 767px) { :host { min-height: 24px; width: 44px; height: 24px; border-radius: 12px; } }
+@media (pointer: coarse), (max-width: 767px) { :host { --_w: var(--office-switch-width-touch, 44px); --_h: var(--office-switch-height-touch, 24px); --_k: var(--office-switch-knob-size-touch, 18px); } }
 @media (forced-colors: active) {
 	:host { border-color: CanvasText; background: Canvas; forced-color-adjust: none; }
 	:host::after { background: CanvasText; }

package/dist/controls.js

@@ -1,4 +1,4 @@
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, 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, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-KM7DN2LV.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, 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, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-BN3UBHTC.js';
 export { defineIcon } from './chunk-YZ2JQNHX.js';
 import './chunk-RLPL7Q6J.js';
 import './chunk-EY266IK3.js';

package/dist/index.js

@@ -1,7 +1,7 @@
 import { installOfficeUiTheme } from './chunk-H4KFVIGT.js';
 export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-H4KFVIGT.js';
-import { registerControls } from './chunk-KM7DN2LV.js';
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, 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, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-KM7DN2LV.js';
+import { registerControls } from './chunk-BN3UBHTC.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, 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, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-BN3UBHTC.js';
 export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-YZ2JQNHX.js';
 import { definePresence } from './chunk-RLPL7Q6J.js';
 export { definePresence, initialsOf, participantsFromAwareness } from './chunk-RLPL7Q6J.js';

package/package.json

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