ooxml-ui 1.19.0 → 1.20.0

package/dist/form/color-grid.d.ts

@@ -1,4 +1,4 @@
-import { type ThemePaletteSwatch, type ThemePaletteVariant } from 'ooxml-core/color';
+import { type ThemePaletteColumn, type ThemePaletteSwatch, type ThemePaletteVariant } from 'ooxml-core/color';
 import { OfficeElement } from '../base.js';
 /** Where a picked colour came from. */
 export type OfficeColorSource = 'theme' | 'extra' | 'standard' | 'recent' | 'none' | 'automatic';
@@ -16,6 +16,11 @@ export interface OfficeColorPick {
     index?: number;
 }
 export type OfficeColorPickEvent = CustomEvent<OfficeColorPick>;
+/** A Theme Colors swatch by position: its column and, below the base row, its variant. */
+export interface OfficeThemeSwatchPosition {
+    column: number;
+    variant?: ThemePaletteVariant;
+}
 /**
  * `<office-ui-color-grid>`: Office's colour picker body. From the top: an optional `automatic-label`
  * command (Automatic) and `none-label` command (No Fill, No Line), "Theme Colors" (ten columns, a
@@ -25,7 +30,11 @@ export type OfficeColorPickEvent = CustomEvent<OfficeColorPick>;
  * Colors...). `value` (`#rrggbb`, `'none'` or `'automatic'`) marks the current choice.
  *
  * `themeNames` renames the ten columns and `variantLabel` names their variants (for a translated
- * product). Choosing emits `office-color-pick`
+ * product). A product that computes its own swatches sets `palette` instead (one column per
+ * colour it can resolve, each with up to five variants; a missing one leaves its cell empty), and
+ * one that stores theme references marks
+ * the current swatch with `selectedTheme`. An empty `standardColors` leaves out Standard Colors.
+ * Choosing emits `office-color-pick`
  * `{ color, source, label, theme?, index? }` (a theme swatch reports its column and variant, so a
  * product can save a theme reference instead of the colour); the More Colors command emits
  * `office-color-more`. Arrow keys move through the swatches and commands, Home and End jump to
@@ -41,6 +50,12 @@ export declare class OfficeUiColorGrid extends OfficeElement {
         themeNames: {
             attribute: boolean;
         };
+        palette: {
+            attribute: boolean;
+        };
+        selectedTheme: {
+            attribute: boolean;
+        };
         variantLabel: {
             attribute: boolean;
         };
@@ -98,6 +113,10 @@ export declare class OfficeUiColorGrid extends OfficeElement {
     themeNames: readonly string[] | null;
     /** Names a variant swatch (a translated "Accent 1, Lighter 80%"); English when unset. */
     variantLabel: ((column: string, variant: ThemePaletteVariant) => string) | null;
+    /** The Theme Colors grid as the product computes it; replaces `themeColors` and its names. */
+    palette: readonly ThemePaletteColumn[] | null;
+    /** Marks this Theme Colors swatch, and `value` then marks no swatch. */
+    selectedTheme: OfficeThemeSwatchPosition | null;
     /** One more row of theme-bound swatches under the variants. */
     extraColors: readonly ThemePaletteSwatch[];
     standardColors: readonly ThemePaletteSwatch[];

package/dist/form/color-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-grid.d.ts","sourceRoot":"","sources":["../../src/form/color-grid.ts"],"names":[],"mappings":"AACA,OAAO,EAIN,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAI7D,uCAAuC;AACvC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AACjG,sFAAsF;AACtF,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,CAAC;IAC1D,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAIhE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IACnD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,WAAW;YAAI,SAAS;;QACxB,UAAU;YAAI,SAAS;;QACvB,YAAY;YAAI,SAAS;;QACzB,WAAW;YAAI,SAAS;;QACxB,cAAc;YAAI,SAAS;;QAC3B,YAAY;YAAI,SAAS;;QACzB,KAAK;YAAI,IAAI;;QACb,KAAK;YAAI,IAAI;;QACb,SAAS;YAAI,SAAS;YAAgB,IAAI;;QAC1C,cAAc;YAAI,SAAS;YAAqB,IAAI;;QACpD,SAAS;YAAI,SAAS;YAAgB,IAAI;;QAC1C,YAAY;YAAI,SAAS;YAAmB,IAAI;;QAChD,eAAe;YAAI,SAAS;YAAsB,IAAI;;QACtD,aAAa;YAAI,SAAS;YAAoB,IAAI;;QAClD,QAAQ;;;;;;;;MACP;IACF,mGAAmG;IAC3F,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;IAC5D,4DAA4D;IACpD,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC7C,yFAAyF;IACjF,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC;IACxF,+DAA+D;IACvD,WAAW,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC3C,cAAc,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC9C,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAE1B,cAiBC;IAED,mDAAmD;IAC1C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAK3C;IAED,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,KAAK;IA6Cb,UAAmB,UAAU,IAAI,IAAI,CAGpC;IAED,UAAmB,MAAM,oCA8FxB;CACD;AAED,eAAO,MAAM,eAAe,+BAA2D,CAAC"}
+{"version":3,"file":"color-grid.d.ts","sourceRoot":"","sources":["../../src/form/color-grid.ts"],"names":[],"mappings":"AACA,OAAO,EAIN,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAI7D,uCAAuC;AACvC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AACjG,sFAAsF;AACtF,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,wFAAwF;IACxF,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,CAAC;IAC1D,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAChE,0FAA0F;AAC1F,MAAM,WAAW,yBAAyB;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAID;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IACnD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,WAAW;YAAI,SAAS;;QACxB,UAAU;YAAI,SAAS;;QACvB,OAAO;YAAI,SAAS;;QACpB,aAAa;YAAI,SAAS;;QAC1B,YAAY;YAAI,SAAS;;QACzB,WAAW;YAAI,SAAS;;QACxB,cAAc;YAAI,SAAS;;QAC3B,YAAY;YAAI,SAAS;;QACzB,KAAK;YAAI,IAAI;;QACb,KAAK;YAAI,IAAI;;QACb,SAAS;YAAI,SAAS;YAAgB,IAAI;;QAC1C,cAAc;YAAI,SAAS;YAAqB,IAAI;;QACpD,SAAS;YAAI,SAAS;YAAgB,IAAI;;QAC1C,YAAY;YAAI,SAAS;YAAmB,IAAI;;QAChD,eAAe;YAAI,SAAS;YAAsB,IAAI;;QACtD,aAAa;YAAI,SAAS;YAAoB,IAAI;;QAClD,QAAQ;;;;;;;;MACP;IACF,mGAAmG;IAC3F,WAAW,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAAC;IAC5D,4DAA4D;IACpD,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC7C,yFAAyF;IACjF,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC;IACxF,8FAA8F;IACtF,OAAO,EAAE,SAAS,kBAAkB,EAAE,GAAG,IAAI,CAAC;IACtD,wEAAwE;IAChE,aAAa,EAAE,yBAAyB,GAAG,IAAI,CAAC;IACxD,+DAA+D;IACvD,WAAW,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC3C,cAAc,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC9C,YAAY,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAE1B,cAmBC;IAED,mDAAmD;IAC1C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAK3C;IAED,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;IAUZ,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,KAAK;IA6Cb,UAAmB,UAAU,IAAI,IAAI,CAGpC;IAED,UAAmB,MAAM,oCA0HxB;CACD;AAED,eAAO,MAAM,eAAe,+BAA2D,CAAC"}

package/dist/index.js

@@ -1,11 +1,11 @@
-export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-KH2ZG3N6.js';
-export { RIBBON_ADD_IN_EVENT, defineRibbonAddInElements, syncRibbonAddIns } from './chunk-SVRIVUWC.js';
-export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-ANPFMQ6E.js';
-export { EMOJI, OfficeUiActivityFeed, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCalendarAgenda, OfficeUiCalendarView, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiChatSidebar, OfficeUiPeoplePicker, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, activityTime, applyTeamsProps, colorFor, createTeams, dayKind, dayLabel, defineActivityFeed, defineAppRail, defineAvatar, defineCalendarAgenda, defineCalendarView, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, defineChatSidebar, definePeoplePicker, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, formatWhen, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-QEIGB73C.js';
+export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-UB36NYDT.js';
+export { RIBBON_ADD_IN_EVENT, defineRibbonAddInElements, syncRibbonAddIns } from './chunk-C7B7TJ2J.js';
+export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-QBXYGKPB.js';
+export { EMOJI, OfficeUiActivityFeed, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCalendarAgenda, OfficeUiCalendarView, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiChatSidebar, OfficeUiPeoplePicker, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, activityTime, applyTeamsProps, colorFor, createTeams, dayKind, dayLabel, defineActivityFeed, defineAppRail, defineAvatar, defineCalendarAgenda, defineCalendarView, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, defineChatSidebar, definePeoplePicker, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, formatWhen, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-4XPAPETH.js';
 export { TeamsPresentationPreview, defineTeamsPresentationPreview } from './chunk-FHO7TEWA.js';
-export { BUILDING_BLOCKS_CSS, LEGACY_OFFICE_THEME_TOKENS, THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, installOfficeUiThemeFor, legacyThemeAliases, legacyThemeBridge, prepareOfficeUiBlock, shadcnBridge, themeBridge } from './chunk-6Y7KR2I3.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_SYMBOLS, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, attachRibbonGroupOverflow, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineChartPicker, defineCheckbox, defineColorCustom, defineColorGrid, 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, defineSymbolPicker, defineTabStrip, defineTaskPane, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, fitRibbonGroups, formatCommentTime, glyph, nextEnabledIndex, optionText, optionsLabels, parseOfficeSymbolCode, parseSvgPreview, personalizeSection, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, unavailableCategory, unavailableControl, userInterfaceSection, writeOfficeProfile } from './chunk-SPRZIHUH.js';
+export { BUILDING_BLOCKS_CSS, LEGACY_OFFICE_THEME_TOKENS, THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, installOfficeUiThemeFor, legacyThemeAliases, legacyThemeBridge, prepareOfficeUiBlock, shadcnBridge, themeBridge } from './chunk-T5ARELU2.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_SYMBOLS, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, attachRibbonGroupOverflow, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineChartPicker, defineCheckbox, defineColorCustom, defineColorGrid, 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, defineSymbolPicker, defineTabStrip, defineTaskPane, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, fitRibbonGroups, formatCommentTime, glyph, nextEnabledIndex, optionText, optionsLabels, parseOfficeSymbolCode, parseSvgPreview, personalizeSection, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, unavailableCategory, unavailableControl, userInterfaceSection, writeOfficeProfile } from './chunk-TJ245GDD.js';
 export { createIconSvg, getIcon, listIcons, paintIcon, registerIcon } from './chunk-M6GF5ED2.js';
-export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-KNC2UEUR.js';
-export { CONTRACT_REVISION, OfficeElement, controlStyles, flag, readFlag, triState, valueOn, withTokens } from './chunk-CWBSXK7P.js';
-export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-LD3K2RDN.js';
+export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-YZH2QS7J.js';
+export { CONTRACT_REVISION, OfficeElement, controlStyles, flag, readFlag, triState, valueOn, withTokens } from './chunk-QLHCGV4C.js';
+export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-XL77FR4B.js';

package/dist/pptx/{chunk-NDAE3JFO.cjs → chunk-3ESFHUZI.cjs}

@@ -577,6 +577,8 @@ var OFFICE_TOKENS = {
   "--office-comments-pane-width": "300px",
   "--office-comment-avatar-size": "24px",
   "--office-account-field-width": "320px",
+  // Component: colour grid
+  "--office-color-swatch-gap": "var(--office-space-1, 4px)",
   // Component: galleries
   "--office-gallery-trigger-height": "24px",
   "--office-gallery-strip-background": "color-mix(in srgb, var(--office-surface, #f3f4f6) 30%, transparent)",