@ticatec/uniface-element 0.1.57 → 0.1.58

package/dist/page/Page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 
     import PageHeader from "./PageHeader.svelte";
-    import type {GoBack} from "./GoBack";
+    import type {PageAction} from "./PageAction";
 
     export let title: string = '';
     export let comment: string = null as unknown as string;
@@ -9,7 +9,8 @@
     export let content$style: string = '';
     export let round: boolean = false;
     export let shadow: boolean = true;
-    export let goBack: GoBack | null;
+    export let goBack: PageAction | null = null;
+    export let reload: PageAction | null = null;
     export let style: string = '';
 
 </script>
@@ -18,7 +19,7 @@
     <div class="uniface-page" class:shadow class:round>
         <div class="uniface-page-header" style={header$style}>
             <slot name="page-header">
-                <PageHeader {title} {comment} {goBack}>
+                <PageHeader {title} {comment} {goBack} {reload}>
                     <slot name="header-ext"></slot>
                 </PageHeader>
             </slot>

package/dist/page/Page.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { GoBack } from "./GoBack";
+import type { PageAction } from "./PageAction";
 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;
@@ -24,7 +24,8 @@ declare const Page: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithC
     content$style?: string;
     round?: boolean;
     shadow?: boolean;
-    goBack: GoBack | null;
+    goBack?: PageAction | null;
+    reload?: PageAction | null;
     style?: string;
 }, {
     'page-header': {};

package/dist/page/PageAction.d.ts

@@ -0,0 +1 @@
+export type PageAction = () => any;

package/dist/page/PageHeader.svelte

@@ -1,15 +1,23 @@
 <script lang="ts">
     import Icon from "../icon";
-    import type {GoBack} from "./GoBack";
+    import type {PageAction} from "./PageAction";
+    import {IconButton} from "../button";
 
     export let title: string;
     export let comment: string = '';
-    export let goBack: GoBack | null;
+    export let goBack: PageAction | null;
+    export let reload: PageAction | null;
 
 </script>
-<div style="padding: 0 12px; visibility: {goBack != null ? 'visible' : 'hidden' }">
-    <Icon name="icon_google_keyboard_backspace" onClick={goBack}></Icon>
-</div>
+{#if goBack}
+    <div style="padding-right: 12px;">
+        <Icon name="icon_google_keyboard_backspace" onClick={goBack}></Icon>
+    </div>
+{:else if reload}
+    <div style="padding-right: 12px;">
+        <Icon name="icon_google_refresh" onClick={reload}></Icon>
+    </div>
+{/if}
 <div class="page-topic">
     <span>{title}</span>
 </div>

package/dist/page/PageHeader.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { GoBack } from "./GoBack";
+import type { PageAction } from "./PageAction";
 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;
@@ -20,7 +20,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 declare const PageHeader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     title: string;
     comment?: string;
-    goBack: GoBack | null;
+    goBack: PageAction | null;
+    reload: PageAction | null;
 }, {
     default: {};
 }>, {

package/dist/text-editor/TextEditor.svelte

@@ -55,7 +55,7 @@
             <slot name="leading-icon"/>
         {/if}
     </svelte:fragment>
-    <input bind:this={editor} type="text" style="flex: 1 1 auto" bind:value={value} {...input$}
+    <input bind:this={editor} type="text" style="flex: 1 1 auto; width: 100%" bind:value={value} {...input$}
            on:blur on:focus on:keydown on:keyup on:keypress on:input on:compositionstart
            on:compositionend on:compositionupdate/>
     <svelte:fragment slot="trailing-icon">

package/dist/ticatec-uniface-web.css

@@ -636,6 +636,9 @@
 .uniface-common-editor:focus-within .editor-action-icon {
   visibility: visible;
 }
+.uniface-common-editor:focus-within:has(input:disabled) {
+  border-bottom-color: var(--uniface-editor-border-color, #F1F5F9);
+}
 .uniface-common-editor:hover .uniface-editor-clean-icon {
   display: block;
 }
@@ -649,6 +652,9 @@
 .uniface-common-editor.outlined:focus-within {
   border-color: var(--uniface-editor-outlined-active-border-color, #298DFF);
 }
+.uniface-common-editor.outlined:focus-within:has(input:disabled) {
+  border-color: var(--uniface-editor-border-color, #F1F5F9);
+}
 .uniface-common-editor.outlined:has(input:disabled) {
   background-color: var(--uniface-editor-outlined-disabled-backgournd-color, #F1F5F9);
 }
@@ -3473,12 +3479,14 @@ root {
   cursor: default;
   box-sizing: border-box;
   text-align: center;
+  padding: 4px;
 }
 .uniface-icon.clickable {
   cursor: pointer;
 }
 .uniface-icon.clickable:hover {
-  color: var(--uniface-plain-hover-color, #42A5F5);
+  background-color: var(--uniface-plain-hover-color, #42A5F5);
+  border-radius: 50%;
 }
 .uniface-icon.clickable:active {
   position: relative;

package/package.json

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

package/dist/page/GoBack.d.ts

@@ -1 +0,0 @@
-export type GoBack = () => any;