@ticatec/uniface-element 0.1.67 → 0.1.69

package/dist/common/OnSelectedHandler.d.ts

@@ -0,0 +1 @@
+export type OnSelectedHandler = (item: any) => void;

package/dist/common/OnSelectedHandler.js

@@ -0,0 +1 @@
+export {};

package/dist/dialog/Dialog.svelte

@@ -16,6 +16,8 @@
     export let closeHandler: () => void;
     export let closeAction: ButtonAction | null = null;
 
+    export let dialog$style: string = "";
+
     export const close = async () => {
         let confirm = closeConfirm ? await closeConfirm() : true;
         if (confirm) {
@@ -58,10 +60,10 @@
 
 </script>
 
-<div class="uniface-dialog" style="width: {width}; height: {height}; {startMove ? 'cursor: move' : ''}" transition:fade={{duration: 500}} aria-hidden="true"
+<div class="uniface-dialog" style="{startMove ? 'cursor: move' : ''}" transition:fade={{duration: 500}} aria-hidden="true"
      on:mouseleave={handleMouseUp} on:mousemove={handleMouseMove}>
     <div>
-        <div class="uniface-dialog-box" style="top: {top}px; left: {left}px">
+        <div class="uniface-dialog-box" style="{dialog$style}; top: {top}px; left: {left}px; width: {width}; height: {height}; ">
             <div class="title-bar" on:mousedown={handleMouseDown} on:mouseup={handleMouseUp} aria-hidden="true">
                 <div style="flex: 1 1 auto"><span>{title ?? 'New window'}</span></div>
                 <div style="flex: 0 0 auto; padding-left: 12px">

package/dist/dialog/Dialog.svelte.d.ts

@@ -27,6 +27,7 @@ declare const Dialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWit
     content$style?: string;
     closeHandler: () => void;
     closeAction?: ButtonAction | null;
+    dialog$style?: string;
     close?: () => Promise<void>;
 }, {
     default: {};

package/dist/options-select/OptionsSelect.svelte

@@ -4,6 +4,7 @@
     import type {OnChangeHandler} from "../common/OnChangeHandler";
     import CommonPicker from "../common/CommonPicker.svelte";
     import {tick} from "svelte";
+    import type {OnSelectedHandler} from "../common/OnSelectedHandler";
 
     export let variant: '' | 'plain' | 'outlined' | 'filled' = '';
     export let disabled: boolean = false;
@@ -23,6 +24,8 @@
     export let itemRender: any = null;
     export let emptyText: string = null as unknown as string;
     export let onChange: OnChangeHandler<any> = null as unknown as OnChangeHandler<any>;
+    export let onSelected: OnSelectedHandler = null as unknown as OnSelectedHandler;
+
 
     export const setFocus = () => {
         setTimeout(()=> {
@@ -47,6 +50,7 @@
 
     const handleItemClick = (data: any) => () => {
         if (disableOptions.indexOf(data[keyField]) < 0) {
+            onSelected?.(data);
             value = data[keyField];
             editor.focus();
             showPopup = false;

package/dist/options-select/OptionsSelect.svelte.d.ts

@@ -1,5 +1,6 @@
 import { DisplayMode } from "../common/DisplayMode";
 import type { OnChangeHandler } from "../common/OnChangeHandler";
+import type { OnSelectedHandler } from "../common/OnSelectedHandler";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -32,6 +33,7 @@ declare const OptionsSelect: $$__sveltets_2_IsomorphicComponent<{
     itemRender?: any;
     emptyText?: string;
     onChange?: OnChangeHandler<any>;
+    onSelected?: OnSelectedHandler;
     setFocus?: () => void;
 }, {
     blur: FocusEvent;

package/dist/ticatec-uniface-web.css

@@ -451,7 +451,7 @@
 .options-popover .option-item {
   width: 100%;
   box-sizing: border-box;
-  padding: 4px 6px;
+  padding: 12px 6px;
   cursor: pointer;
   font-size: 1.1em;
   line-height: 1.5em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.1.67",
+  "version": "0.1.69",
   "description": "uniface web elements",
   "scripts": {
     "dev": "vite dev",