ooxml-ui 0.21.0 → 0.22.0

package/dist/{chunk-UTLCJKYC.js → chunk-LKLZOPTO.js}

@@ -2536,6 +2536,7 @@ var OfficeUiContextMenu = class extends OfficeElement {
 			type="button"
 			class=${item.danger ? "item danger" : "item"}
 			data-item-id=${item.id}
+			title=${ifDefined(item.title)}
 			role=${checkable ? "menuitemcheckbox" : "menuitem"}
 			aria-checked=${ifDefined(checkable ? String(item.checked) : void 0)}
 			aria-disabled=${ifDefined(item.disabled ? "true" : void 0)}
@@ -4242,7 +4243,10 @@ var OfficeUiZoomSlider = class extends OfficeElement {
     step: { type: Number },
     disabled: flag,
     fit: { type: String, reflect: true },
-    label: { type: String }
+    label: { type: String },
+    outLabel: { type: String, attribute: "out-label" },
+    inLabel: { type: String, attribute: "in-label" },
+    sliderLabel: { type: String, attribute: "slider-label" }
   };
   requested = 100;
   constructor() {
@@ -4253,6 +4257,9 @@ var OfficeUiZoomSlider = class extends OfficeElement {
     this.disabled = false;
     this.fit = null;
     this.label = null;
+    this.outLabel = null;
+    this.inLabel = null;
+    this.sliderLabel = null;
   }
   get value() {
     return clampTo(this.requested, this.low, this.high);
@@ -4292,18 +4299,20 @@ var OfficeUiZoomSlider = class extends OfficeElement {
     const { value } = this;
     const disabled = present(this.disabled);
     const fit = this.fit || "Fit";
+    const out = this.outLabel || "Zoom out";
+    const inn = this.inLabel || "Zoom in";
     return html`
 			<button
 				type="button"
-				aria-label="Zoom out"
-				title="Zoom out"
+				aria-label=${out}
+				title=${out}
 				?disabled=${disabled || value <= this.low}
 				@click=${() => this.stepBy(-1)}
 				>−</button
 			>
 			<input
 				type="range"
-				aria-label="Zoom"
+				aria-label=${this.sliderLabel || "Zoom"}
 				aria-valuetext="${value}%"
 				min=${this.low}
 				max=${this.high}
@@ -4314,8 +4323,8 @@ var OfficeUiZoomSlider = class extends OfficeElement {
 			/>
 			<button
 				type="button"
-				aria-label="Zoom in"
-				title="Zoom in"
+				aria-label=${inn}
+				title=${inn}
 				?disabled=${disabled || value >= this.high}
 				@click=${() => this.stepBy(1)}
 				>+</button

package/dist/controls.js

@@ -1,4 +1,4 @@
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-UTLCJKYC.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-LKLZOPTO.js';
 import './chunk-HZ422LTR.js';
 import './chunk-E47762NY.js';
 import './chunk-5A4REH6T.js';

package/dist/form/zoom-slider.d.ts

@@ -3,7 +3,9 @@ import { OfficeElement } from '../base.js';
  * Office status-bar zoom: zoom out, slider, zoom in, percentage and an optional fit button.
  * Attributes: `value` (percent, default 100), `min` (10), `max` (400), `step` (10, for the
  * buttons), `disabled`, `fit` (shows the fit button; its value is the button's name, e.g.
- * "Fit page to current window"), `label` (group name, default "Zoom").
+ * "Fit page to current window"), `label` (group name, default "Zoom"). `out-label`, `in-label` and
+ * `slider-label` name the zoom-out button, zoom-in button and slider (English by default), so a
+ * product can translate them.
  * User changes emit native `input` (slider drag) and `change` events with `value` updated;
  * the fit button emits `office-command` `{ command: 'zoom-fit' }`. Setting `value` never emits.
  */
@@ -39,6 +41,18 @@ export declare class OfficeUiZoomSlider extends OfficeElement {
         label: {
             type: StringConstructor;
         };
+        outLabel: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        inLabel: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        sliderLabel: {
+            type: StringConstructor;
+            attribute: string;
+        };
     };
     min: number;
     max: number;
@@ -46,6 +60,9 @@ export declare class OfficeUiZoomSlider extends OfficeElement {
     disabled: boolean;
     fit: string | null;
     label: string | null;
+    outLabel: string | null;
+    inLabel: string | null;
+    sliderLabel: string | null;
     private requested;
     constructor();
     get value(): number;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { installOfficeUiTheme } from './chunk-2X6QYQ3Q.js';
 export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-2X6QYQ3Q.js';
-import { registerControls } from './chunk-UTLCJKYC.js';
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-UTLCJKYC.js';
+import { registerControls } from './chunk-LKLZOPTO.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-LKLZOPTO.js';
 import { defineSmartArt } from './chunk-3MDKXKKQ.js';
 export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-3MDKXKKQ.js';
 import { TEAMS_TAGS, registerTeams } from './chunk-HNGJI5EZ.js';

package/dist/menu/menu-model.d.ts

@@ -20,6 +20,8 @@ export interface OfficeMenuItem {
     checked?: boolean;
     /** A registered icon drawn before the label. */
     icon?: string;
+    /** Tooltip, for example why a disabled row is unavailable. */
+    title?: string;
 }
 /** Everything a controlled menu needs to draw. */
 export interface OfficeMenuState {

package/package.json

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