@rockrms/obsidian-framework 18.1.0 → 18.2.4

package/types/Controls/Internal/EmailEditor/utils.partial.d.ts

@@ -1,11 +1,8 @@
 import { InjectionKey, Ref } from "vue";
-import { AccordionManager, BorderStyle, CssStyleDeclarationKebabKey, ComponentMigrationHelper, ComponentTypeName, ContentAreaElements, DomWatcher, EditorComponentTypeName, HorizontalAlignment, StyleSheetElements, ValueConverter, ComponentStructure } from "./types.partial";
+import { AccordionManager, CssStyleDeclarationKebabKey, ComponentMigrationHelper, ComponentTypeName, ContentAreaElements, DomWatcher, EditorComponentTypeName, HorizontalAlignment, StyleSheetElements, ValueConverter, ComponentStructure, TableElements, ButtonWidthModel, BorderStyle, ButtonComponentAdapter, DividerComponentAdapter, DividerGlobalAdapter, RsvpComponentAdapter, ButtonGlobalAdapter, ImageComponentAdapter, BodyGlobalAdapter, CodeComponentAdapter, TitleComponentAdapter, TextComponentAdapter, VideoComponentAdapter } from "./types.partial";
 import { Enumerable } from "@Obsidian/Utility/linq";
 export declare const AccordionGroupInjectionKey: InjectionKey<AccordionManager>;
 export declare const EmptyDropzoneSvgPixelWidth = 103;
-export declare const DefaultBodyWidth = 600;
-export declare const DefaultBodyAlignment = "center";
-export declare const DefaultBodyColor = "#ffffff";
 export declare const DefaultEmailBackgroundColor = "#e7e7e7";
 export declare const RockStylesCssClass: "rock-styles";
 /**
@@ -71,25 +68,6 @@ export declare const GlobalCssClasses: {
 };
 export declare const GlobalStylesCssSelectors: {
     readonly backgroundColor: ".email-wrapper";
-    readonly bodyWidth: string;
-    readonly bodyColor: string;
-    readonly bodyPadding: string;
-    readonly bodyAlignment: string;
-    readonly bodyBorderStyling: string;
-    readonly bodyMargin: string;
-    readonly buttonBackgroundColor: ".component-button .button-link";
-    readonly buttonTextStyling: ".component-button .button-link";
-    readonly buttonCornerRadius: string;
-    readonly buttonPadding: ".component-button .button-link";
-    readonly buttonMargin: string;
-    readonly buttonBorderStyling: string;
-    readonly buttonWidthValuesShell: ".component-button .button-shell, .component-rsvp .rsvp-button-shell";
-    readonly buttonWidthValuesButton: ".component-button .button-link, .component-rsvp .rsvp-accept-link, .component-rsvp .rsvp-decline-link";
-    readonly dividerMargin: string;
-    readonly dividerWidth: string;
-    readonly dividerStyle: string;
-    readonly dividerThickness: string;
-    readonly dividerColor: string;
 };
 export declare const numberToStringConverter: ValueConverter<number | null | undefined, string | null>;
 export declare const stringConverter: ValueConverter<string | null | undefined, string | null>;
@@ -110,12 +88,7 @@ export declare function createComponentElementPlaceholder(document: Document): H
  * @param cellInnerHtml Inner HTML string to place inside the `<td>` cell.
  * @returns A table element with `.email-content` structure.
  */
-export declare function createTable<T extends Element>(cellInnerHtml?: string | Enumerable<T> | T[] | undefined): {
-    table: HTMLTableElement;
-    tbody: HTMLTableSectionElement;
-    tr: HTMLTableRowElement;
-    td: HTMLTableCellElement;
-};
+export declare function createTable<T extends Element>(cellInnerHtml?: string | Enumerable<T> | T[] | undefined): TableElements;
 /**
  * Creates a standard component structure with margin, border, and padding wrappers.
  * @param componentCssClass - The CSS class for the component.
@@ -162,7 +135,7 @@ export declare function createCssRuleset(selector: string, declarations: Record<
  * @example
  * const container = document.getElementById("content");
  * const elements = findDescendantContentAreaElements(container);
- * console.log(elements.outerTable); // Logs the first outer table found
+ * console.debug(elements.outerTable); // Logs the first outer table found
  */
 export declare function findDescendantContentAreaElements(element: HTMLElement): Partial<ContentAreaElements>;
 export declare function addContentAreaElementsIfMissing(element: HTMLElement, { outerTableCssClass, innerTableCssClass }?: {
@@ -240,88 +213,22 @@ export declare function getComponentVersionNumber(componentElement: Element): st
 export declare function setComponentVersionNumber(componentElement: Element, version: string): void;
 export declare function isComponentVersionNumber(str: string): boolean;
 /**
- * Compares two component version strings using a **semantic-like** versioning system.
- *
- * Version format: `v<major>[.<minor>][-<phase>.<phaseVersion>]`
- * - `v2` (Major-only version, treated as `v2.0`)
- * - `v2.0` (Stable version)
- * - `v2.1` (Minor update)
- * - `v2.0-alpha.1` (Pre-release: alpha phase, version 1)
- * - `v2.0-beta.2` (Pre-release: beta phase, version 2)
- *
- * **Comparison Rules:**
- * 1. **Major version (`vX` vs `vY`)**: Higher major versions are greater.
- * 2. **Minor version (`vX.Y` vs `vX.Z`)**: If major versions are equal, higher minor versions are greater.
- * 3. **Stable vs. Pre-release (`vX.Y` vs `vX.Y-beta.Z`)**: Stable versions are always greater than pre-releases.
- * 4. **Phase Sorting (`alpha < beta < rc`)**: Pre-release phases are sorted lexicographically.
- * 5. **Phase Version (`alpha.1 < alpha.2`)**: If the phase is the same, numerical phase version is compared.
+ * Compares two component version strings using a semantic like versioning system.
  *
- * **Examples:**
- * ```typescript
- * compareVersions("v2", "v2.1"); // -1 (v2.0 < v2.1)
- * compareVersions("v2.0-alpha.1", "v2.0"); // -1 (alpha < stable)
- * compareVersions("v2.0-beta.2", "v2.0-beta.10"); // -1 (beta.2 < beta.10)
- * compareVersions("v2.0", "v3"); // -1 (v2 < v3)
- * compareVersions("v10", "v2.1"); // 1 (v10 > v2.1)
- * compareVersions("v2.0-beta.2", "v2.0-alpha.1"); // 1 (beta > alpha)
- * compareVersions("v2.0-beta.2", "v2.0-beta.2"); // 0 (equal)
- * ```
+ * Version format: `v<major>[.<minor>][.<patch>][-<phase>[.<phaseVersion>]]`
+ * - `v2` (Major only, treated as `v2.0.0`)
+ * - `v2.0` (Treated as `v2.0.0`)
+ * - `v2.1.3` (Patch included)
+ * - `v2.0-foo` (Pre release: phase "foo", no phase version)
+ * - `v2.0-foo.1` (Pre release: phase "foo", version 1)
  *
- * @param {string} v1 - First version string (e.g., "v2.0-beta.1", "v2")
- * @param {string} v2 - Second version string (e.g., "v2.0", "v2.1", "v3")
- * @returns {number} Returns:
- * - `-1` if `v1 < v2`
- * - `1` if `v1 > v2`
- * - `0` if they are equal
+ * Comparison rules:
+ * 1) Major, then minor, then patch (higher means newer)
+ * 2) If major minor patch match, a version with no phase is newer than a version with a phase (phase indicates pre-release and stable beats pre-release)
+ * 3) If both have a phase, phase is compared alphabetically (case insensitive)
+ * 4) If phases match, phaseVersion compares numerically. Missing phaseVersion is treated as 0
  */
 export declare function compareComponentVersions(v1: string, v2: string): number;
-export declare function getVideoComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure | null;
-    createComponentElement(): HTMLElement;
-};
-type TitleComponentStructure = ComponentStructure & {
-    readonly headingEl: HTMLHeadElement | null;
-    readonly borderEl: HTMLElement;
-    readonly marginEl: HTMLElement;
-    readonly paddingEl: HTMLElement;
-};
-export type SupportedHeadingLevel = "h1" | "h2" | "h3";
-export declare const SupportedHeadingLevels: SupportedHeadingLevel[];
-export declare function getTitleComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): TitleComponentStructure | null;
-    createComponentElement(): HTMLElement;
-    setCssClasses(componentElements: TitleComponentStructure): void;
-};
-type TextComponentStructure = ComponentStructure & {
-    readonly contentWrapper: HTMLHeadElement | null;
-    readonly borderEl: HTMLElement;
-    readonly marginEl: HTMLElement;
-    readonly paddingEl: HTMLElement;
-};
-export declare function getTextComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): TextComponentStructure | null;
-    createComponentElement(): HTMLElement;
-};
-export declare function getButtonComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure & {
-        readonly linkButton: HTMLAnchorElement | null;
-    } | null;
-    createComponentElement(): HTMLElement;
-};
-export declare function getCodeComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure & {
-        readonly contentWrapper: HTMLElement | null;
-    } | null;
-    createComponentElement(): HTMLElement;
-};
-export declare function getDividerComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure | null;
-    createComponentElement(): HTMLElement;
-};
-export declare function getRsvpComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure | null;
-    createComponentElement(): HTMLElement;
-};
 type RowComponentStructure = ComponentStructure & {
     readonly dropzone: HTMLElement | null;
 };
@@ -336,18 +243,14 @@ export declare function getSectionComponentHelper(): ComponentMigrationHelper &
     } | null;
     createComponentElement(componentTypeName: SectionComponentTypeName): HTMLElement;
 };
-export declare function getImageComponentHelper(): ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure | null;
-    createComponentElement(): HTMLElement;
-};
 export declare function getComponentHelper(componentTypeName: ComponentTypeName): (ComponentMigrationHelper & {
-    getElements(componentElement: Element): ComponentStructure | null;
-    createComponentElement(): HTMLElement;
-}) | (ComponentMigrationHelper & {
     getElements(componentElement: Element): (ComponentStructure & {
         readonly rowWrapper: HTMLTableElement | null;
     }) | null;
     createComponentElement(componentTypeName: SectionComponentTypeName): HTMLElement;
+}) | (ComponentMigrationHelper & {
+    getElements(componentElement: Element): RowComponentStructure | null;
+    createComponentElement(): HTMLElement;
 }) | null;
 export declare const FontFamilies: {
     readonly Arial: "Arial, Helvetica, sans-serif";
@@ -378,4 +281,49 @@ export declare const LineHeights: {
         readonly title: "Very Loose";
     };
 };
+/**
+ * Value provider used by ButtonWidthProperty controls for both local
+ * and global scopes. It abstracts get and set of the logical width model.
+ */
+export type ButtonWidthValueProvider = {
+    /**
+     * Reads the current button width model from either local or global scope.
+     */
+    get: () => ButtonWidthModel;
+    /**
+     * Writes a new button width model to either local or global scope.
+     */
+    set: (value: ButtonWidthModel) => void;
+};
+/**
+ * If the specified element is within a rock content editable component,
+ * adds event listeners for rock content editable events.
+ *
+ * Remember to also call `removeRockContentEditableEventListener` when done.
+ *
+ * @param element
+ * @param eventHandler
+ */
+export declare function addRockContentEditableEventListener(element: HTMLElement, eventHandler: (event: Event) => void): void;
+/**
+ * If the specified element is within a rock content editable component,
+ * removes event listeners for rock content editable events.
+ *
+ * Remember to call this when done with `addRockContentEditableEventListener`.
+ *
+ * @param element
+ * @param eventHandler
+ */
+export declare function removeRockContentEditableEventListener(element: HTMLElement, eventHandler: (event: Event) => void): void;
+export declare const bodyGlobalAdapter: BodyGlobalAdapter;
+export declare const buttonGlobalAdapter: ButtonGlobalAdapter;
+export declare const dividerGlobalAdapter: DividerGlobalAdapter;
+export declare const titleComponentAdapter: TitleComponentAdapter;
+export declare const textComponentAdapter: TextComponentAdapter;
+export declare const imageComponentAdapter: ImageComponentAdapter;
+export declare const buttonComponentAdapter: ButtonComponentAdapter;
+export declare const videoComponentAdapter: VideoComponentAdapter;
+export declare const dividerComponentAdapter: DividerComponentAdapter;
+export declare const rsvpComponentAdapter: RsvpComponentAdapter;
+export declare const codeComponentAdapter: CodeComponentAdapter;
 export {};

package/types/Controls/checkBox.obs.d.ts

@@ -8,10 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<string>;
         required: true;
     };
-    rules: {
-        type: PropType<string>;
-        default: string;
-    };
+    rules: import("@Obsidian/ValidationRules").RulesPropType;
     text: {
         type: PropType<string>;
         default: string;
@@ -27,10 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: PropType<string>;
         required: true;
     };
-    rules: {
-        type: PropType<string>;
-        default: string;
-    };
+    rules: import("@Obsidian/ValidationRules").RulesPropType;
     text: {
         type: PropType<string>;
         default: string;
@@ -39,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     text: string;
-    rules: string;
+    rules: import("@Obsidian/ValidationRules").ValidationRule | import("@Obsidian/ValidationRules").ValidationRule[];
 }, {}>, {
     textAppend?(_: {}): any;
     inputGroupAppend?(_: {}): any;

package/types/Controls/doughnutChart.obs.d.ts

@@ -0,0 +1,364 @@
+import { PropType } from "vue";
+import { LabelDateFormat, LegendAlign, LegendPosition, LineStyle, DoughnutSeries, TooltipCallback } from "@Obsidian/Core/Controls/chart";
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The category axis label.
+     */
+    categoryLabel: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The maximum number of ticks to show on the category axis.
+     */
+    categoryMaxTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * Whether to show the category axis grid lines. Hidden by default.
+     */
+    categoryShowGridLines: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The CSS style string to set the height of the doughnut chart component.
+     * - Accepts any valid CSS height value (e.g., "400px", "50vh") or undefined.
+     * - Value defaults to "100%" if undefined.
+     */
+    height: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+    /**
+     * Whether the legend is hidden.
+     */
+    hideLegend: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The format to use for the date labels.
+     *
+     * When set, `labels` is treated as an array of ISO date strings.
+     */
+    labelDateFormat: {
+        type: PropType<LabelDateFormat | undefined>;
+    };
+    /**
+     * When supplying date strings, they MUST be in ISO format and you MUST set `labelDateFormat`.
+     */
+    labels: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    /**
+     * The alignment of the legend in the chart.
+     */
+    legendAlign: {
+        type: PropType<LegendAlign | null | undefined>;
+    };
+    /**
+     * The position of the legend in the chart.
+     */
+    legendPosition: {
+        type: PropType<LegendPosition | undefined>;
+    };
+    /**
+     * Whether the chart has linear connections between data points.
+     *
+     * The per series property, `props.data[n].isLinear`, overrides this setting.
+     */
+    linear: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The line style to use for the chart.
+     *
+     * The per series property, `props.data[n].lineStyle`, overrides this setting.
+     */
+    lineStyle: {
+        type: PropType<LineStyle | undefined>;
+    };
+    /**
+     * The series data to display in the chart.
+     */
+    series: {
+        type: PropType<DoughnutSeries[]>;
+        required: true;
+    };
+    /**
+     * Whether the chart has stacked lines.
+     */
+    stack: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The title of the chart.
+     */
+    title: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The tooltip formatter function.
+     */
+    tooltip: {
+        type: PropType<TooltipCallback | undefined>;
+    };
+    /**
+     * The tooltip title formatter function.
+     */
+    tooltipTitle: {
+        type: PropType<TooltipCallback | undefined>;
+    };
+    /**
+     * The type of data represented in the chart.
+     *
+     * For "percent", the data MUST be in decimal form (e.g., 0.1 for 10%).
+     */
+    type: {
+        type: PropType<"number" | "percent">;
+        default: string;
+    };
+    /**
+     * Whether the chart has unfilled areas.
+     *
+     * The per series property, `props.data[n].isUnfilled`, overrides this setting.
+     */
+    unfilled: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * Whether to hide the value axis grid lines. Shown by default.
+     */
+    valueHideGridLines: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The value axis label.
+     */
+    valueLabel: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The maximum number of ticks to show on the value axis.
+     */
+    valueMaxTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The minimum value to display in the value axis if there is nothing lower.
+     *
+     * This is useful for controlling the starting point of the value axis.
+     * The actual minimum value will be used if there is a lower value present.
+     */
+    valueSuggestedMin: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The maximum value to display in the value axis if there is nothing higher.
+     *
+     * This is useful for controlling the ending point of the value axis.
+     * The actual maximum value will be used if there is a higher value present.
+     */
+    valueSuggestedMax: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The number of ticks to show on the value axis.
+     *
+     * This overrides `valueMaxTickCount`.
+     */
+    valueTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The CSS style string to set the width of the doughnut chart component.
+     * - Accepts any valid CSS width value (e.g., "600px", "100%") or undefined.
+     * - Value defaults to "100%" if undefined.
+     */
+    width: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The category axis label.
+     */
+    categoryLabel: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The maximum number of ticks to show on the category axis.
+     */
+    categoryMaxTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * Whether to show the category axis grid lines. Hidden by default.
+     */
+    categoryShowGridLines: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The CSS style string to set the height of the doughnut chart component.
+     * - Accepts any valid CSS height value (e.g., "400px", "50vh") or undefined.
+     * - Value defaults to "100%" if undefined.
+     */
+    height: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+    /**
+     * Whether the legend is hidden.
+     */
+    hideLegend: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The format to use for the date labels.
+     *
+     * When set, `labels` is treated as an array of ISO date strings.
+     */
+    labelDateFormat: {
+        type: PropType<LabelDateFormat | undefined>;
+    };
+    /**
+     * When supplying date strings, they MUST be in ISO format and you MUST set `labelDateFormat`.
+     */
+    labels: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    /**
+     * The alignment of the legend in the chart.
+     */
+    legendAlign: {
+        type: PropType<LegendAlign | null | undefined>;
+    };
+    /**
+     * The position of the legend in the chart.
+     */
+    legendPosition: {
+        type: PropType<LegendPosition | undefined>;
+    };
+    /**
+     * Whether the chart has linear connections between data points.
+     *
+     * The per series property, `props.data[n].isLinear`, overrides this setting.
+     */
+    linear: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The line style to use for the chart.
+     *
+     * The per series property, `props.data[n].lineStyle`, overrides this setting.
+     */
+    lineStyle: {
+        type: PropType<LineStyle | undefined>;
+    };
+    /**
+     * The series data to display in the chart.
+     */
+    series: {
+        type: PropType<DoughnutSeries[]>;
+        required: true;
+    };
+    /**
+     * Whether the chart has stacked lines.
+     */
+    stack: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The title of the chart.
+     */
+    title: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The tooltip formatter function.
+     */
+    tooltip: {
+        type: PropType<TooltipCallback | undefined>;
+    };
+    /**
+     * The tooltip title formatter function.
+     */
+    tooltipTitle: {
+        type: PropType<TooltipCallback | undefined>;
+    };
+    /**
+     * The type of data represented in the chart.
+     *
+     * For "percent", the data MUST be in decimal form (e.g., 0.1 for 10%).
+     */
+    type: {
+        type: PropType<"number" | "percent">;
+        default: string;
+    };
+    /**
+     * Whether the chart has unfilled areas.
+     *
+     * The per series property, `props.data[n].isUnfilled`, overrides this setting.
+     */
+    unfilled: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * Whether to hide the value axis grid lines. Shown by default.
+     */
+    valueHideGridLines: {
+        type: PropType<boolean | undefined>;
+    };
+    /**
+     * The value axis label.
+     */
+    valueLabel: {
+        type: PropType<string | undefined>;
+    };
+    /**
+     * The maximum number of ticks to show on the value axis.
+     */
+    valueMaxTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The minimum value to display in the value axis if there is nothing lower.
+     *
+     * This is useful for controlling the starting point of the value axis.
+     * The actual minimum value will be used if there is a lower value present.
+     */
+    valueSuggestedMin: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The maximum value to display in the value axis if there is nothing higher.
+     *
+     * This is useful for controlling the ending point of the value axis.
+     * The actual maximum value will be used if there is a higher value present.
+     */
+    valueSuggestedMax: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The number of ticks to show on the value axis.
+     *
+     * This overrides `valueMaxTickCount`.
+     */
+    valueTickCount: {
+        type: PropType<number | undefined>;
+    };
+    /**
+     * The CSS style string to set the width of the doughnut chart component.
+     * - Accepts any valid CSS width value (e.g., "600px", "100%") or undefined.
+     * - Value defaults to "100%" if undefined.
+     */
+    width: {
+        type: PropType<string | undefined>;
+        default: string;
+    };
+}>>, {
+    type: "number" | "percent";
+    width: string | undefined;
+    height: string | undefined;
+}, {}>;
+export default _default;

package/types/Controls/htmlEditor.obs.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from "vue";
+import { PromiseCompletionSource } from "@Obsidian/Utility/promiseUtils";
 import { ListItemBag } from "@Obsidian/ViewModels/Utility/listItemBag";
 type ToolbarConfig = "light" | "full" | "light-compact";
 declare const _default: import("vue").DefineComponent<{
@@ -134,6 +135,18 @@ declare const _default: import("vue").DefineComponent<{
     autocommitDelayMs: {
         type: PropType<number | null | undefined>;
     };
+    /**
+     * A request to get the current content from the editor.
+     *
+     * Useful for scenarios where the latest content is needed on-demand,
+     * such as before form submission.
+     *
+     * This is necessary on iOS Safari if the editor is still focused when the form is submitted,
+     * as the editor may not have triggered a change event yet in that case.
+     */
+    getContentRequest: {
+        type: PropType<PromiseCompletionSource<string> | null | undefined>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
     "update:isInCodeEditorMode": (value: boolean) => void;
@@ -270,6 +283,18 @@ declare const _default: import("vue").DefineComponent<{
     autocommitDelayMs: {
         type: PropType<number | null | undefined>;
     };
+    /**
+     * A request to get the current content from the editor.
+     *
+     * Useful for scenarios where the latest content is needed on-demand,
+     * such as before form submission.
+     *
+     * This is necessary on iOS Safari if the editor is still focused when the form is submitted,
+     * as the editor may not have triggered a change event yet in that case.
+     */
+    getContentRequest: {
+        type: PropType<PromiseCompletionSource<string> | null | undefined>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:isInCodeEditorMode"?: ((value: boolean) => any) | undefined;

package/types/Core/Controls/chart.d.ts

@@ -108,6 +108,12 @@ export type PieSeries = {
     data: number[];
     colors?: string[] | undefined;
 };
+/** Represents a doughnut chart series where each data + color combination is a slice of the doughnut. */
+export type DoughnutSeries = {
+    label: string;
+    data: number[];
+    colors?: string[] | undefined;
+};
 export declare class XYPointEnumerable extends Enumerable<XYPoint> {
     /**
      * Creates an XYPointEnumerable from a regular iterable (e.g., Array, Set).