@ticatec/uniface-element 0.1.32 → 0.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -93,14 +93,14 @@
93
93
  <div>
94
94
  <div class="uniface-title-bar">
95
95
  <div class="action-icon" on:click={adjustMonth(-1)} aria-hidden="true">
96
- <i class="uniface-icon-chevron-left"></i>
96
+ <i class="icon_google_keyboard_arrow_left"></i>
97
97
  </div>
98
98
  <div style="flex: 1 1 auto; text-align: center">
99
99
  <span class="title-text" on:click={pickupYear} aria-hidden="true">{year}</span>
100
100
  <span class="title-text" on:click={pickupMonth} aria-hidden="true">{month + 1}</span>
101
101
  </div>
102
102
  <div class="action-icon" on:click={adjustMonth(1)} aria-hidden="true">
103
- <i class="uniface-icon-chevron-right"></i>
103
+ <i class="icon_google_keyboard_arrow_right"></i>
104
104
  </div>
105
105
  </div>
106
106
  <div style="flex: 1 1 auto; overflow: hidden">
@@ -33,7 +33,7 @@
33
33
  <div>
34
34
  <div style="text-align: center">
35
35
  <div style="display: inline-block; width: 30px; height: 10px; padding: 6px 0">
36
- <i class="uniface-icon-chevrons-up" on:click={showYears(-years)}></i>
36
+ <i class="icon_google_keyboard_arrow_up" on:click={showYears(-years)}></i>
37
37
  </div>
38
38
  </div>
39
39
  <div style="display: grid; grid-template-columns: auto auto auto auto; width: 100%; overflow: hidden">
@@ -45,7 +45,7 @@
45
45
  </div>
46
46
  <div style="text-align: center">
47
47
  <div style="display: inline-block; width: 30px; height: 10px; padding: 6px 0">
48
- <i class="uniface-icon-chevrons-down" on:click={showYears(years)}></i>
48
+ <i class="icon_google_keyboard_arrow_down" on:click={showYears(years)}></i>
49
49
  </div>
50
50
  </div>
51
51
  </div>
@@ -8,8 +8,8 @@ declare global {
8
8
  Dialog: IDialog;
9
9
  }
10
10
  }
11
+ export default Dialog;
11
12
  export { type IDialog };
12
13
  export { type DialogCloseConfirm };
13
14
  export { DialogBoard };
14
- export default Dialog;
15
15
  export { CommonDialog };
@@ -1,8 +1,8 @@
1
1
  import Dialog from "./Dialog.svelte";
2
2
  import DialogBoard from "./DialogBoard.svelte";
3
3
  import CommonDialog from "./CommonDialog.svelte";
4
+ export default Dialog;
4
5
  export {};
5
6
  export {};
6
7
  export { DialogBoard };
7
- export default Dialog;
8
8
  export { CommonDialog };
@@ -7,10 +7,9 @@
7
7
  export let style: string = '';
8
8
  export let label$style: string | null = null;
9
9
  export let required: boolean = false;
10
- export let error: string = '';
10
+ export let error: string | null = null;
11
11
  export let arrangement: 'vertical' | 'horizontal' = 'vertical';
12
12
  export let labelSuffix: string = ':';
13
-
14
13
  export let label$alignment: 'center' | 'top' = 'center'
15
14
 
16
15
  let className: string = '';
@@ -22,7 +22,7 @@ declare const FormField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Props
22
22
  style?: string;
23
23
  label$style?: string | null;
24
24
  required?: boolean;
25
- error?: string;
25
+ error?: string | null;
26
26
  arrangement?: "vertical" | "horizontal";
27
27
  labelSuffix?: string;
28
28
  label$alignment?: "center" | "top";
@@ -7,7 +7,7 @@
7
7
  export let style: string = '';
8
8
  export let label$style: string = '';
9
9
  export let required: boolean = false;
10
- export let error: string = null;
10
+ export let error: string | null = null;
11
11
  export let arrangement: 'vertical' | 'horizontal' = 'vertical' ;
12
12
  export let labelSuffix: string = ':';
13
13
 
@@ -22,7 +22,7 @@ declare const CellField: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_Props
22
22
  style?: string;
23
23
  label$style?: string;
24
24
  required?: boolean;
25
- error?: string;
25
+ error?: string | null;
26
26
  arrangement?: "vertical" | "horizontal";
27
27
  labelSuffix?: string;
28
28
  }, {
package/dist/index.d.ts CHANGED
@@ -1,15 +1,9 @@
1
1
  import { DateContext } from "./base-calendar";
2
- import type CardAction from "./card/CardAction";
3
- import type { DialogCloseConfirm, IDialog } from './dialog';
2
+ import type { IDialog } from './dialog';
4
3
  import { type IMessageBox, ModalResult } from "./message-box";
5
4
  import type { Toast } from "./toast";
6
5
  import type { Indicator } from "./indicator";
7
- import type { UnitOption } from "./unit-number-editor";
8
6
  import { DisplayMode } from "./common/DisplayMode.js";
9
- import type { FunFilter, LazyLoader, LoadResult } from "./list-box";
10
- import type { ActionsColumn, FormatCell, CellHint, IndicatorColumn, RowAction, GetRowActions, ActionFunction, DataColumn } from "./data-table";
11
- import type { ContextMenuItem, OnContextMenu, ActionCallback } from "./context-menu";
12
- import type { MouseClickHandler } from "./common/MouseClickHandler";
13
7
  export { DateContext, ModalResult, DisplayMode };
14
8
  declare global {
15
9
  interface Window {
@@ -19,8 +13,3 @@ declare global {
19
13
  Dialog: IDialog;
20
14
  }
21
15
  }
22
- export type { CardAction, IDialog, DialogCloseConfirm, IMessageBox, Toast, UnitOption };
23
- export type { MouseClickHandler };
24
- export type { LazyLoader, FunFilter, LoadResult };
25
- export type { ActionsColumn, FormatCell, CellHint, IndicatorColumn, RowAction, GetRowActions, ActionFunction, DataColumn };
26
- export type { ContextMenuItem, OnContextMenu, ActionCallback };
@@ -865,6 +865,7 @@
865
865
  --uniface-form-field-invalid-message-color: #ff3e00;
866
866
  --uniface-form-field-label-width: 120px;
867
867
  --uniface-form-field-label-alignment: right;
868
+ --uniface-form-field-padding: 6px 4px;
868
869
  }
869
870
 
870
871
  .uniface-form-field {
@@ -872,7 +873,7 @@
872
873
  display: block;
873
874
  position: relative;
874
875
  height: auto;
875
- padding: 6px 4px;
876
+ padding: var(--uniface-form-field-padding);
876
877
  }
877
878
  .uniface-form-field .required-indicator {
878
879
  color: var(--uniface-form-field-required-indicator-color);
@@ -1121,8 +1122,8 @@
1121
1122
  .uniface-radio-button > span:after {
1122
1123
  content: "";
1123
1124
  position: absolute;
1124
- top: 4px;
1125
- left: 4px;
1125
+ top: 3px;
1126
+ left: 3px;
1126
1127
  width: 10px;
1127
1128
  height: 10px;
1128
1129
  border-radius: 50%;
@@ -1169,8 +1170,8 @@
1169
1170
  position: absolute;
1170
1171
  top: 3px;
1171
1172
  left: 3px;
1172
- width: 10px;
1173
- height: 10px;
1173
+ width: 8px;
1174
+ height: 8px;
1174
1175
  }
1175
1176
 
1176
1177
  :root {
@@ -0,0 +1,7 @@
1
+ import type { OnChangeHandler } from "./common/OnChangeHandler";
2
+ import type { MouseClickHandler } from "./common/MouseClickHandler";
3
+ import { DisplayMode } from "./common/DisplayMode.js";
4
+ import { DateContext } from "./base-calendar";
5
+ import { ModalResult } from "./message-box";
6
+ export { DateContext, ModalResult, DisplayMode };
7
+ export type { OnChangeHandler, MouseClickHandler };
package/dist/types.js ADDED
@@ -0,0 +1,4 @@
1
+ import { DisplayMode } from "./common/DisplayMode.js";
2
+ import { DateContext } from "./base-calendar";
3
+ import { ModalResult } from "./message-box";
4
+ export { DateContext, ModalResult, DisplayMode };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ticatec/uniface-element",
3
- "version": "0.1.32",
3
+ "version": "0.1.34",
4
4
  "description": "uniface web elements",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
@@ -28,6 +28,10 @@
28
28
  "types": "./dist/index.d.ts",
29
29
  "import": "./dist/index.js"
30
30
  },
31
+ "./types": {
32
+ "types": "./dist/types.d.ts",
33
+ "import": "./dist/types.js"
34
+ },
31
35
  "./i18n_resources": {
32
36
  "types": "./dist/i18n_resources/index.d.ts",
33
37
  "import": "./dist/i18n_resources/index.js"
@@ -128,6 +132,10 @@
128
132
  "types": "./dist/date-picker/index.d.ts",
129
133
  "import": "./dist/date-picker/index.js"
130
134
  },
135
+ "./DateTimePicker": {
136
+ "types": "./dist/date-picker/DateTimePicker.svelte.d.ts",
137
+ "import": "./dist/date-picker/DateTimePicker.svelte"
138
+ },
131
139
  "./DataTable": {
132
140
  "types": "./dist/data-table/index.d.ts",
133
141
  "import": "./dist/data-table/index.js"