@destyler-ui/svelte 0.0.1-beta.17 → 0.0.1-beta.21

package/dist/components/splitter/components/Root.svelte

@@ -14,7 +14,13 @@
   import { SplitterProvider } from '../hooks/use-splitter-context'
   import { useSplitter } from '../hooks/use-splitter.svelte'
 
-  let { size = $bindable<PanelSizeData[]>(), ...props }: SplitterRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    size = $bindable<PanelSizeData[]>(),
+    size: sizeProp,
+    ...props
+  }: SplitterRootProps = $props()
 
   const [useSplitterProps, localProps] = $derived(splitSplitterProps(props))
 
@@ -23,10 +29,10 @@
   const machineProps = $derived.by(() => ({
     ...useSplitterProps,
     id: useSplitterProps.id ?? id,
-    size,
+    size: sizeProp,
     onSizeChange: (details: SizeChangeDetails) => {
       useSplitterProps.onSizeChange?.(details)
-      if (size !== undefined) size = details.size
+      size = details.size
     },
   }))
 

package/dist/components/steps/components/Root.svelte

@@ -13,7 +13,13 @@
   import { useSteps } from '../hooks/use-steps.svelte'
   import { StepsProvider } from '../hooks/use-steps-context'
 
-  let { step = $bindable(), ...props }: StepsRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    step = $bindable(),
+    step: stepProp,
+    ...props
+  }: StepsRootProps = $props()
   const providedId = $props.id()
 
   const [useStepsProps, localProps] = $derived(splitStepsProps(props))
@@ -21,10 +27,10 @@
   const resolvedProps = $derived<UseStepsProps>({
     ...useStepsProps,
     id: useStepsProps.id ?? providedId,
-    step,
+    step: stepProp,
     onStepChange(details) {
       useStepsProps.onStepChange?.(details)
-      if (step !== undefined) step = details.step
+      step = details.step
     },
   })
 

package/dist/components/steps/hooks/split-steps-props.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Optional } from '../../../types.js';
 import type { UseStepsProps } from './use-steps.svelte.js';
 type StepsMachineProps = Optional<UseStepsProps, 'id'>;
-export declare function splitStepsProps<T extends StepsMachineProps>(props: T): [StepsMachineProps, Omit<T, "id" | "ids" | "step" | "orientation" | "linear" | "count" | "onStepChange" | "onStepComplete" | "defaultStep">];
+export declare function splitStepsProps<T extends StepsMachineProps>(props: T): [StepsMachineProps, Omit<T, "id" | "ids" | "step" | "orientation" | "linear" | "count" | "defaultStep" | "onStepChange" | "onStepComplete">];
 export {};

package/dist/components/switch/components/Root.svelte

@@ -13,7 +13,13 @@
   import { useSwitch } from '../hooks/use-switch.svelte'
   import { SwitchProvider } from '../hooks/use-switch-context'
 
-  let { checked = $bindable(), ...props }: SwitchRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    checked = $bindable(),
+    checked: checkedProp,
+    ...props
+  }: SwitchRootProps = $props()
   const providedId = $props.id()
 
   const [useSwitchProps, localProps] = $derived(
@@ -37,10 +43,10 @@
   const resolvedProps = $derived<UseSwitchProps>({
     ...useSwitchProps,
     id: useSwitchProps.id ?? providedId,
-    checked,
+    checked: checkedProp,
     onCheckedChange(details) {
       useSwitchProps.onCheckedChange?.(details)
-      if (checked !== undefined) checked = details.checked
+      checked = details.checked
     },
   })
 

package/dist/components/switch/hooks/use-switch.svelte.d.ts

@@ -8,4 +8,15 @@ export interface UseSwitchProps extends Omit<zagSwitch.Context, 'dir' | 'getRoot
 }
 export interface UseSwitchReturn extends Accessor<zagSwitch.Api<PropTypes>> {
 }
-export declare function useSwitch(props: MaybeFunction<UseSwitchProps>): () => zagSwitch.Api<import("../../../utils/normalize-props.js").PropTypes>;
+export declare function useSwitch(props: MaybeFunction<UseSwitchProps>): () => {
+    getHiddenInputProps(): Record<string, any>;
+    checked: boolean;
+    disabled: boolean | undefined;
+    focused: boolean | undefined;
+    setChecked: (checked: boolean) => void;
+    toggleChecked: () => void;
+    getRootProps: () => import("svelte/elements").HTMLLabelAttributes;
+    getLabelProps: () => import("svelte/elements").HTMLAttributes<HTMLElement>;
+    getThumbProps: () => import("svelte/elements").HTMLAttributes<HTMLElement>;
+    getControlProps: () => import("svelte/elements").HTMLAttributes<HTMLElement>;
+};

package/dist/components/switch/hooks/use-switch.svelte.js

@@ -3,6 +3,8 @@ import { useEnvironmentContext } from '../../../providers/environment/index.js';
 import { useLocaleContext } from '../../../providers/locale/index.js';
 import { createMachineProps } from '../../../utils/create-machine-props.js';
 import { normalizeProps } from '../../../utils/normalize-props.js';
+import { createCheckedSync } from '../../../utils/sync-checked.js';
+import { mergeProps } from '@destyler/svelte';
 import * as zagSwitch from '@destyler/switch';
 import { runIfFn } from '@destyler/utils';
 import { useFieldContext } from '../../field/index.js';
@@ -31,6 +33,13 @@ export function useSwitch(props) {
             return machineProps.context;
         },
     });
-    const api = $derived(zagSwitch.connect(state, send, normalizeProps));
+    const connected = $derived(zagSwitch.connect(state, send, normalizeProps));
+    const syncChecked = createCheckedSync(() => connected);
+    const api = $derived({
+        ...connected,
+        getHiddenInputProps() {
+            return mergeProps(connected.getHiddenInputProps(), { onclick: syncChecked });
+        },
+    });
     return () => api;
 }

package/dist/components/tabs/components/Root.svelte

@@ -21,7 +21,13 @@
   import { TabsProvider } from '../hooks/use-tabs-context'
   import { useTabs } from '../hooks/use-tabs.svelte'
 
-  let { value = $bindable(), ...props }: TabsRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    value = $bindable(),
+    value: valueProp,
+    ...props
+  }: TabsRootProps = $props()
 
   const [renderStrategyProps, tabsProps] = $derived(splitRenderStrategyProps(props))
 
@@ -49,10 +55,10 @@
   const machineProps = $derived.by<UseTabsProps>(() => ({
     ...useTabsProps,
     id: useTabsProps.id ?? id,
-    value,
+    value: valueProp,
     onValueChange(details) {
       useTabsProps.onValueChange?.(details)
-      if (value !== undefined) value = details.value
+      value = details.value
     },
   }))
 

package/dist/components/toggle/components/Root.svelte

@@ -13,7 +13,13 @@
   import { useToggle } from '../hooks/use-toggle.svelte'
   import { ToggleProvider } from '../hooks/use-toggle-context'
 
-  let { pressed = $bindable<boolean>(), ...props }: ToggleRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    pressed = $bindable<boolean>(),
+    pressed: pressedProp,
+    ...props
+  }: ToggleRootProps = $props()
 
   const [useToggleProps, localProps] = $derived(
     createSplitProps<UseToggleProps>()(props, ['pressed', 'defaultPressed', 'disabled', 'onPressedChange']),
@@ -21,7 +27,7 @@
 
   const machineProps = $derived.by<UseToggleProps>(() => ({
     ...useToggleProps,
-    pressed,
+    pressed: pressedProp,
     onPressedChange(nextPressed) {
       useToggleProps.onPressedChange?.(nextPressed)
       pressed = nextPressed

package/dist/components/toggle-group/components/Root.svelte

@@ -13,7 +13,13 @@
   import { ToggleGroupProvider } from '../hooks/use-toggle-group-context'
   import { useToggleGroup } from '../hooks/use-toggle-group.svelte'
 
-  let { value = $bindable<string[]>(), ...props }: ToggleGroupRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    value = $bindable<string[]>(),
+    value: valueProp,
+    ...props
+  }: ToggleGroupRootProps = $props()
 
   const [useToggleGroupProps, localProps] = $derived(
     createSplitProps<Optional<UseToggleGroupProps, 'id'>>()(props, [
@@ -35,10 +41,10 @@
   const machineProps = $derived.by<UseToggleGroupProps>(() => ({
     ...useToggleGroupProps,
     id: useToggleGroupProps.id ?? id,
-    value,
+    value: valueProp,
     onValueChange(details) {
       useToggleGroupProps.onValueChange?.(details)
-      if (value != null) value = details.value
+      value = details.value
     },
   }))
 

package/dist/components/tooltip/components/Root.svelte

@@ -16,7 +16,13 @@
   import { TooltipProvider } from '../hooks/use-tooltip-context'
   import { useTooltip } from '../hooks/use-tooltip.svelte'
 
-  let { open = $bindable(), ...props }: TooltipRootProps = $props()
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
+  let {
+    open = $bindable(),
+    open: openProp,
+    ...props
+  }: TooltipRootProps = $props()
   const providedId = $props.id()
 
   const [presenceProps, localProps] = $derived(splitPresenceProps(props))
@@ -25,10 +31,10 @@
   const resolvedProps = $derived<UseTooltipProps>({
     ...useTooltipProps,
     id: useTooltipProps.id ?? providedId,
-    open,
+    open: openProp,
     onOpenChange(details) {
       useTooltipProps.onOpenChange?.(details)
-      if (open !== undefined) open = details.open
+      open = details.open
     },
   })
 

package/dist/components/tooltip/hooks/use-tooltip.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Accessor } from '../../../types.js';
 import type { PropTypes } from '@destyler/svelte';
 import type { MaybeFunction } from '@destyler/utils';
 import * as tooltip from '@destyler/tooltip';
-export interface UseTooltipProps extends Omit<tooltip.Context, 'dir' | 'getRootNode' | 'open.controlled' | 'id'> {
+export interface UseTooltipProps extends Omit<tooltip.Context, 'dir' | 'getRootNode' | 'id'> {
     id: string;
     defaultOpen?: tooltip.Context['open'];
 }

package/dist/components/tree/components/BranchTrigger.d.svelte.ts

@@ -1,7 +1,7 @@
 import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
-export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'button'> {
+export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'div'> {
 }
-export interface TreeBranchTriggerProps extends Assign<HTMLProps<'button'>, TreeBranchTriggerBaseProps> {
+export interface TreeBranchTriggerProps extends Assign<HTMLProps<'div'>, TreeBranchTriggerBaseProps> {
 }
 declare const BranchTrigger: import("svelte").Component<TreeBranchTriggerProps, {}, "">;
 type BranchTrigger = ReturnType<typeof BranchTrigger>;

package/dist/components/tree/components/BranchTrigger.svelte

@@ -1,8 +1,8 @@
 <script module lang="ts">
   import type { Assign, HTMLProps, PolymorphicProps } from '../../../types'
 
-  export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'button'> {}
-  export interface TreeBranchTriggerProps extends Assign<HTMLProps<'button'>, TreeBranchTriggerBaseProps> {}
+  export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'div'> {}
+  export interface TreeBranchTriggerProps extends Assign<HTMLProps<'div'>, TreeBranchTriggerBaseProps> {}
 </script>
 
 <script lang="ts">
@@ -19,4 +19,4 @@
   const mergedProps = $derived(mergeProps(tree().getBranchTriggerProps(nodeProps()), props))
 </script>
 
-<UI as="button" {...mergedProps} />
+<UI as="div" {...mergedProps} />

package/dist/components/tree/components/BranchTrigger.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { Assign, HTMLProps, PolymorphicProps } from '../../../types.js';
-export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'button'> {
+export interface TreeBranchTriggerBaseProps extends PolymorphicProps<'div'> {
 }
-export interface TreeBranchTriggerProps extends Assign<HTMLProps<'button'>, TreeBranchTriggerBaseProps> {
+export interface TreeBranchTriggerProps extends Assign<HTMLProps<'div'>, TreeBranchTriggerBaseProps> {
 }
 declare const BranchTrigger: import("svelte").Component<TreeBranchTriggerProps, {}, "">;
 type BranchTrigger = ReturnType<typeof BranchTrigger>;

package/dist/components/tree/components/Root.svelte

@@ -23,10 +23,15 @@
   import { TreeProvider } from '../hooks/use-tree-context'
   import { useTree } from '../hooks/use-tree.svelte'
 
+  // Read the parent prop independently from the writable binding. Local writes
+  // notify bind: consumers without overriding ordinary controlled props.
   let {
     expandedValue = $bindable<string[]>(),
+    expandedValue: expandedValueProp,
     selectedValue = $bindable<string[]>(),
+    selectedValue: selectedValueProp,
     focusedValue = $bindable<string | null>(),
+    focusedValue: focusedValueProp,
     ...props
   }: TreeRootProps<T> = $props()
 
@@ -38,9 +43,9 @@
   const machineProps = $derived.by<UseTreeProps<T>>(() => ({
     ...useTreeProps,
     id: useTreeProps.id ?? id,
-    selectedValue,
-    expandedValue,
-    focusedValue,
+    selectedValue: selectedValueProp,
+    expandedValue: expandedValueProp,
+    focusedValue: focusedValueProp,
     onExpandedChange: (details) => {
       useTreeProps.onExpandedChange?.(details)
       expandedValue = details.expandedValue

package/dist/components/tree/hooks/tree-split-props.d.ts

@@ -2,5 +2,5 @@ import type { Optional } from '../../../types.js';
 import type { TreeNode } from '../../collection/index.js';
 import type { UseTreeProps } from './use-tree.svelte.js';
 type TreeRootMachineProps = Optional<UseTreeProps<TreeNode>, 'id'>;
-export declare function splitTreeProps<T extends TreeRootMachineProps>(props: T): [TreeRootMachineProps, Omit<T, "id" | "ids" | "focusedValue" | "onFocusChange" | "selectionMode" | "collection" | "typeahead" | "expandedValue" | "selectedValue" | "onExpandedChange" | "onSelectionChange" | "expandOnClick" | "defaultSelectedValue" | "defaultExpandedValue">];
+export declare function splitTreeProps<T extends TreeRootMachineProps>(props: T): [TreeRootMachineProps, Omit<T, "id" | "ids" | "focusedValue" | "onFocusChange" | "selectionMode" | "collection" | "typeahead" | "expandedValue" | "defaultExpandedValue" | "selectedValue" | "defaultSelectedValue" | "onExpandedChange" | "onSelectionChange" | "expandOnClick">];
 export {};

package/dist/providers/frame/components/Content.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { Snippet } from 'svelte'
+  import { untrack } from 'svelte'
 
   interface FrameContentProps {
     onMount?(): void
@@ -10,7 +11,9 @@
   const { onMount, onUnmount, children }: FrameContentProps = $props()
 
   $effect(() => {
-    onMount?.()
+    // Track callback replacement, but not state read or written by user code.
+    const mount = onMount
+    untrack(() => mount?.())
 
     return onUnmount
   })

package/dist/utils/create-machine-props.d.ts

@@ -2,14 +2,25 @@ type MachineProps = Record<string, unknown>;
 type StringKey<T> = Extract<keyof T, string>;
 type DefaultPropMap<T> = Partial<Record<StringKey<T>, StringKey<T>>>;
 /**
- * Separates one-time default values from the reactive machine context.
+ * Build machine initial + reactive context from UI props.
  *
- * Destyler machines read defaults when they are created, while controlled
- * values continue to flow through `setContext`. Keeping those two objects
- * separate prevents a later prop update from resetting uncontrolled state.
+ * Destyler 0.2.7 (Phase 3 HARD): controllable state is prop-presence based.
+ * Preserve core defaults without turning them into live props. A defined UI
+ * `open` takes priority over `defaultOpen`, including an explicit false: core
+ * otherwise initializes its state from defaultOpen before applying live context.
+ * UI-only defaults (Calendar view, Edit edit) are adapted by their own hooks.
+ *
+ * Undefined values are omitted so presence detection treats omitted live props as
+ * uncontrolled. Legacy `*.controlled` keys are dropped and are not forwarded to
+ * core. The `_defaults` / `_controlled` parameters are retained for call-site
+ * compatibility and are ignored.
  */
-export declare function createMachineProps<T extends MachineProps>(props: T, defaults?: DefaultPropMap<T>, controlled?: readonly StringKey<T>[]): {
-    initial: MachineProps;
-    context: MachineProps;
+export declare function createMachineProps<T extends MachineProps>(props: T, _defaults?: DefaultPropMap<T>, _controlled?: readonly StringKey<T>[]): {
+    initial: {
+        [x: string]: unknown;
+    };
+    context: {
+        [x: string]: unknown;
+    };
 };
 export {};

package/dist/utils/create-machine-props.js

@@ -1,23 +1,27 @@
 /**
- * Separates one-time default values from the reactive machine context.
+ * Build machine initial + reactive context from UI props.
  *
- * Destyler machines read defaults when they are created, while controlled
- * values continue to flow through `setContext`. Keeping those two objects
- * separate prevents a later prop update from resetting uncontrolled state.
+ * Destyler 0.2.7 (Phase 3 HARD): controllable state is prop-presence based.
+ * Preserve core defaults without turning them into live props. A defined UI
+ * `open` takes priority over `defaultOpen`, including an explicit false: core
+ * otherwise initializes its state from defaultOpen before applying live context.
+ * UI-only defaults (Calendar view, Edit edit) are adapted by their own hooks.
+ *
+ * Undefined values are omitted so presence detection treats omitted live props as
+ * uncontrolled. Legacy `*.controlled` keys are dropped and are not forwarded to
+ * core. The `_defaults` / `_controlled` parameters are retained for call-site
+ * compatibility and are ignored.
  */
-export function createMachineProps(props, defaults = {}, controlled = []) {
-    const initial = { ...props };
-    const context = { ...props };
-    for (const [prop, defaultProp] of Object.entries(defaults)) {
-        initial[prop] = props[prop] !== undefined ? props[prop] : props[defaultProp];
-        delete initial[defaultProp];
-        delete context[defaultProp];
-    }
-    for (const prop of controlled) {
-        const key = `${prop}.controlled`;
-        const isControlled = props[prop] !== undefined;
-        initial[key] = isControlled;
-        context[key] = isControlled;
+export function createMachineProps(props, _defaults = {}, _controlled = []) {
+    const cleaned = {};
+    for (const [key, value] of Object.entries(props)) {
+        if (value === undefined)
+            continue;
+        if (key.endsWith('.controlled'))
+            continue;
+        cleaned[key] = value;
     }
-    return { initial, context };
+    if (cleaned.open !== undefined)
+        delete cleaned.defaultOpen;
+    return { initial: { ...cleaned }, context: { ...cleaned } };
 }

package/dist/utils/sync-checked.d.ts

@@ -0,0 +1,6 @@
+/** Restore accepted state after native activation and parent bindings settle. */
+export declare function createCheckedSync(getState: () => {
+    checked: boolean;
+    indeterminate?: boolean;
+}): (event: Event) => Promise<void>;
+export declare function createRadioCheckedSync(isChecked: (value: string) => boolean): (event: Event) => Promise<void>;

package/dist/utils/sync-checked.js

@@ -0,0 +1,28 @@
+import { tick } from 'svelte';
+/** Restore accepted state after native activation and parent bindings settle. */
+export function createCheckedSync(getState) {
+    return async (event) => {
+        const input = event.currentTarget;
+        await tick();
+        if (!input.isConnected)
+            return;
+        const state = getState();
+        input.checked = state.checked;
+        input.indeterminate = !!state.indeterminate;
+    };
+}
+export function createRadioCheckedSync(isChecked) {
+    return async (event) => {
+        const input = event.currentTarget;
+        await tick();
+        if (!input.isConnected)
+            return;
+        // Native radio activation also unchecks the previous item. Reconcile all
+        // inputs owned by this group, including a previously selected sibling.
+        const root = input.getRootNode();
+        for (const item of root.querySelectorAll('input[type="radio"][data-ownedby]')) {
+            if (item.dataset.ownedby === input.dataset.ownedby)
+                item.checked = isChecked(item.value);
+        }
+    };
+}

package/dist/utils/sync-input-value.d.ts

@@ -0,0 +1,4 @@
+/** Reconcile a native edit that a controlled machine did not accept. */
+export declare function createInputValueSync(getInputProps: () => {
+    value?: unknown;
+}, getState: () => unknown, canSync?: () => boolean): (event: Event) => Promise<void>;

package/dist/utils/sync-input-value.js

@@ -0,0 +1,27 @@
+import { tick } from 'svelte';
+/** Reconcile a native edit that a controlled machine did not accept. */
+export function createInputValueSync(getInputProps, getState, canSync = () => true) {
+    let version = 0;
+    return async (event) => {
+        const currentVersion = ++version;
+        if (event.isComposing)
+            return;
+        const input = event.currentTarget;
+        const nativeValue = input.value;
+        const { selectionStart, selectionEnd, selectionDirection } = input;
+        const previousState = getState();
+        await tick();
+        if (currentVersion !== version || !canSync() || !input.isConnected || !Object.is(previousState, getState()))
+            return;
+        // Read the normalized core value after parent bindings have settled. Only
+        // rejected edits need reconciliation; accepted edits retain core formatting
+        // and partial-number behavior. Never interrupt an active IME composition.
+        const value = String(getInputProps().value ?? '');
+        if (nativeValue === value && input.value === value)
+            return;
+        if (input.value !== value)
+            input.value = value;
+        if (selectionStart !== null && selectionEnd !== null)
+            input.setSelectionRange(selectionStart, selectionEnd, selectionDirection ?? undefined);
+    };
+}

package/dist/utils/sync-number-input.d.ts

@@ -0,0 +1,2 @@
+/** Keep core's numeric cursor restoration, but validate ownership at RAF time. */
+export declare function syncNumberInputElement(input: HTMLInputElement, value: string, canSync: () => boolean): () => void;

package/dist/utils/sync-number-input.js

@@ -0,0 +1,45 @@
+import { raf, setElementValue } from '@destyler/dom';
+/** Keep core's numeric cursor restoration, but validate ownership at RAF time. */
+export function syncNumberInputElement(input, value, canSync) {
+    let selection;
+    if (input.ownerDocument.activeElement === input) {
+        try {
+            const { selectionStart: start, selectionEnd: end } = input;
+            selection = {
+                start,
+                before: start === null ? '' : input.value.substring(0, start),
+                after: end === null ? '' : input.value.substring(end),
+            };
+        }
+        catch { }
+    }
+    return raf(() => {
+        if (!input.isConnected || !canSync() || input.value === value)
+            return;
+        setElementValue(input, value);
+        if (input.ownerDocument.activeElement !== input)
+            return;
+        try {
+            // A consumer may override the input's type. Use its resulting value and
+            // tolerate native types that do not support text selection, as core does.
+            const currentValue = input.value;
+            let position = currentValue.length;
+            if (selection?.start !== null && selection?.start !== undefined) {
+                const { start, before, after } = selection;
+                if (currentValue.endsWith(after)) {
+                    position = currentValue.length - after.length;
+                }
+                else if (currentValue.startsWith(before)) {
+                    position = before.length;
+                }
+                else {
+                    const index = currentValue.indexOf(before[start - 1], start - 1);
+                    if (index !== -1)
+                        position = index + 1;
+                }
+            }
+            input.setSelectionRange(position, position);
+        }
+        catch { }
+    });
+}