@ticatec/uniface-element 5.0.2 → 5.0.3

package/dist/form/common_editor/CommonEditor.svelte

@@ -50,6 +50,23 @@
         if (disabled) return;
         focus();
     }
+
+    // Only intercept mousedowns that land on the wrapper's own decorative chrome
+    // (padding, prefix/suffix, icons) — preventing their default avoids a
+    // blur-then-refocus flicker when clicking near the control. A mousedown that
+    // originates on the actual form control (input/textarea, including the one
+    // rendered by NumberInput.svelte) must NOT be intercepted: preventDefault()
+    // there cancels the browser's native text-selection-start behavior for that
+    // same event, even though this listener runs on an ancestor during bubbling —
+    // that's what made it impossible to drag-select or double-click-select text
+    // inside every CommonEditor-based input (SearchBox, TextEditor, PasswordEditor,
+    // NumberEditor, TimeEditor, and anything built on CommonPopupEditor).
+    const handleContainerMouseDown = (e: MouseEvent) => {
+        const tag = (e.target as HTMLElement).tagName;
+        if (tag !== 'INPUT' && tag !== 'TEXTAREA') {
+            e.preventDefault();
+        }
+    };
 </script>
 
 <FormEditor {theme} {tooltip} {error} {style} {readonly} {disabled} {compact} {variant}>
@@ -61,7 +78,7 @@
     <!-- svelte-ignore a11y_click_events_have_key_events -->
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div class="uniface-common-editor" bind:this={container} {style}
-         onmousedown={(e: MouseEvent)=>{e.preventDefault()}}  onclick={handleContainerClick}>
+         onmousedown={handleContainerMouseDown} onclick={handleContainerClick}>
         {#if leadingIcon}
             <div class="editor-embed-icon" style="flex: 0 0 auto;">
                 {@render leadingIcon()}

package/dist/form/common_editor/CommonPopupEditor.svelte

@@ -18,6 +18,7 @@
 
     let {
         variant,
+        theme,
         compact = false,
         disabled = false,
         readonly = false,
@@ -68,6 +69,7 @@
 <CommonEditor
         bind:this={editorRef}
         {variant}
+        {theme}
         {compact}
         {style}
         {tooltip}
@@ -88,7 +90,7 @@
     {/snippet}
 
     {#if showPopup && getTargetElement()}
-        <Popover target={getTargetElement()} {autoFit} align="right" onclose={closePopup}>
+        <Popover target={getTargetElement()} {autoFit} {theme} align="right" onclose={closePopup}>
             {#if popupLayer}
                 {@render popupLayer()}
             {/if}

package/dist/form/number_editor/NumberEditor.svelte

@@ -31,6 +31,7 @@
         tooltip,
         error,
         variant,
+        theme,
         compact = false,
         value = $bindable(),
         precision,
@@ -76,6 +77,7 @@
     {readonly}
     {disabled}
     {variant}
+    {theme}
     {compact}
     {leadingIcon}
     {trailingIcon}

package/dist/form/prompts_text_editor/PromptsTextEditor.svelte

@@ -17,6 +17,7 @@
 
     let {
         variant,
+        theme,
         compact = false,
         disabled = false,
         readonly = false,
@@ -69,7 +70,7 @@
 </script>
 
 
-<CommonPopupEditor bind:this={editorRef} {variant} {compact} {style} {tooltip} {disabled} {readonly} {prefix} autoFit
+<CommonPopupEditor bind:this={editorRef} {variant} {theme} {compact} {style} {tooltip} {disabled} {readonly} {prefix} autoFit
                    {suffix} {clear} textValue={value}>
     <input bind:this={editor} bind:value {disabled} {readonly} {placeholder} {...eventHandlers}/>
 

package/dist/form/search_box/SearchBox.svelte

@@ -13,6 +13,7 @@
 
     let {
         variant,
+        theme,
         tooltip,
         compact = false,
         style,
@@ -71,7 +72,7 @@
     };
 </script>
 
-<CommonEditor {variant} {compact} {tooltip} {style} {disabled} input$class='search-box'>
+<CommonEditor {variant} {theme} {compact} {tooltip} {style} {disabled} input$class='search-box'>
     {#snippet leadingIcon()}
         <div style="line-height: 16px; font-size: 18px">
             <i class="icon_google_search"></i>

package/dist/form/text_editor/PasswordEditor.svelte

@@ -18,6 +18,7 @@
         disabled = false,
         readonly = false,
         variant,
+        theme,
         compact = false,
         style,
         value = $bindable(),
@@ -56,7 +57,7 @@
 
 </script>
 
-<CommonEditor textValue={value} {clear} {disabled} {readonly} {variant} {compact} {style} {tooltip} {error}>
+<CommonEditor textValue={value} {clear} {disabled} {readonly} {variant} {theme} {compact} {style} {tooltip} {error}>
     <input bind:this={editor} bind:value type={showPassword ? 'text' : 'password'} {...input$} onchange={handleChangeEvent} {...eventHandlers()} />
     {#snippet trailingIcon()}
         <div class="password-icon">

package/dist/form/text_editor/TextEditor.svelte

@@ -26,6 +26,7 @@
         disabled = false,
         readonly = false,
         variant,
+        theme,
         compact = false,
         style,
         value = $bindable(),
@@ -79,7 +80,7 @@
 </script>
 
 
-<CommonEditor textValue={value} {clear} {suffix} {prefix} {readonly} {disabled} {variant} {compact} {leadingIcon} {trailingIcon} {tooltip}
+<CommonEditor textValue={value} {clear} {suffix} {prefix} {readonly} {disabled} {variant} {theme} {compact} {leadingIcon} {trailingIcon} {tooltip}
               {error}>
     <input bind:this={editor} {...input$} {placeholder} {...eventHandlers}
            oninput={handleInput} onchange={handleChange} bind:value/>

package/dist/form/time_editor/TimeEditor.svelte

@@ -22,6 +22,7 @@
         mandatory = false,
         precision = 'M',
         variant,
+        theme,
         compact = false,
         style,
         value = $bindable<number | undefined>(),
@@ -202,6 +203,7 @@
     {disabled}
     {readonly}
     {variant}
+    {theme}
     {compact}
     {leadingIcon}
     {trailingIcon}

package/dist/form/unit-number-editor/UnitNumberEditor.svelte

@@ -9,6 +9,7 @@
 
     interface Props {
         variant?: EditorVariant;
+        theme?: string;
         compact?: boolean;
         style?: string;
         tooltip?: string;
@@ -30,6 +31,7 @@
 
     let {
         variant,
+        theme,
         compact = false,
         style,
         tooltip,
@@ -161,6 +163,7 @@
 
 <CommonPopupEditor bind:this={editorRef}
         {variant}
+        {theme}
         {error}
         {compact}
         {style}

package/dist/form/unit-number-editor/UnitNumberEditor.svelte.d.ts

@@ -3,6 +3,7 @@ import type { EditorVariant } from "../types";
 import type UnitOption from "./UnitOption";
 interface Props {
     variant?: EditorVariant;
+    theme?: string;
     compact?: boolean;
     style?: string;
     tooltip?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "A comprehensive UI component library for Svelte applications with rich form controls, data tables, layouts and interactive elements",
   "keywords": [
     "svelte",