sveltekit-ui 1.0.31 → 1.0.33

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.
@@ -116,14 +116,14 @@ export function create_attributes_input_manager(config) {
116
116
  val_format_dropdown_manager = create_dropdown_manager({
117
117
  label: "Format",
118
118
  is_button_compressed: true,
119
- val: config?.val?.format ?? "calendar_date",
119
+ val: config?.val?.format ?? "time_full",
120
120
  options: Object.entries(time_formats).map(([key, val]) => ({ key: key, name: val?.name })),
121
121
  })
122
122
  let display_format_dropdown_manager = $state(
123
123
  create_dropdown_manager({
124
124
  label: "Display Format",
125
125
  is_button_compressed: true,
126
- val: config?.val?.display_format,
126
+ val: config?.val?.display_format ?? "calendar_date",
127
127
  options: [
128
128
  { key: "raw", name: "Raw" },
129
129
  { key: "time_ago", name: "Time Ago" },
@@ -400,6 +400,7 @@ export function create_attributes_input_manager(config) {
400
400
  ...padding_defined_type_input_manager?.val,
401
401
  ...align_content_defined_type_input_manager?.val,
402
402
  ...justify_content_defined_type_input_manager?.val,
403
+ ...gap_defined_type_input_manager?.val,
403
404
  }
404
405
  },
405
406
  }
@@ -7,6 +7,7 @@ export function create_time_manager(config) {
7
7
  let text_color = $derived(set_closurable_color(config?.text_color, null))
8
8
 
9
9
  function init(config) {
10
+ console.log("create_time_manager", config)
10
11
  const time_full = get_time_object_from_val(
11
12
  set_closurable(config?.val),
12
13
  set_closurable(config?.format),
@@ -15,10 +16,12 @@ export function create_time_manager(config) {
15
16
  )
16
17
  datetime = time_full?.datetime ?? time_full?.iso_8601 ?? null
17
18
  content = time_full?.content ?? set_closurable(config?.val)
19
+ console.log("time_full", { time_full, datetime, content })
18
20
  if (config?.display_format == "calendar_date" && time_full?.year) {
19
21
  content = `${time_full?.year}-${String(time_full?.month).padStart(2, "0")}-${String(
20
22
  time_full?.day_of_month
21
23
  ).padStart(2, "0")}`
24
+ console.log("content_cal_da", { content })
22
25
  }
23
26
  }
24
27
 
package/dist/index.js CHANGED
@@ -66,6 +66,8 @@ export { default as TextArrayInput } from "./Components/TextArrayInput/index.sve
66
66
  export { create_text_array_input_manager } from "./Components/TextArrayInput/index.svelte.js"
67
67
  export { default as TimeInput } from "./Components/TimeInput/index.svelte"
68
68
  export { create_time_input_manager } from "./Components/TimeInput/index.svelte.js"
69
+ export { default as Time } from "./Components/Time/index.svelte"
70
+ export { create_time_manager } from "./Components/Time/index.svelte.js"
69
71
  export { default as DataTypeInput } from "./Components/DataTypeInput/index.svelte"
70
72
  export { create_data_type_input_manager } from "./Components/DataTypeInput/index.svelte.js"
71
73
  export { default as Button } from "./Components/Button/index.svelte"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sveltekit-ui",
3
- "version": "1.0.31",
3
+ "version": "1.0.33",
4
4
  "description": "A SvelteKit UI component library for building modern web applications",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -19,7 +19,7 @@
19
19
  "dependencies": {
20
20
  "context-filter-polyfill": "^0.3.23",
21
21
  "qr-code-styling": "^1.9.2",
22
- "svelte": "^5.38.3"
22
+ "svelte": "^5.38.5"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@sveltejs/kit": "^2.22.2"
@@ -116,14 +116,14 @@ export function create_attributes_input_manager(config) {
116
116
  val_format_dropdown_manager = create_dropdown_manager({
117
117
  label: "Format",
118
118
  is_button_compressed: true,
119
- val: config?.val?.format ?? "calendar_date",
119
+ val: config?.val?.format ?? "time_full",
120
120
  options: Object.entries(time_formats).map(([key, val]) => ({ key: key, name: val?.name })),
121
121
  })
122
122
  let display_format_dropdown_manager = $state(
123
123
  create_dropdown_manager({
124
124
  label: "Display Format",
125
125
  is_button_compressed: true,
126
- val: config?.val?.display_format,
126
+ val: config?.val?.display_format ?? "calendar_date",
127
127
  options: [
128
128
  { key: "raw", name: "Raw" },
129
129
  { key: "time_ago", name: "Time Ago" },
@@ -400,6 +400,7 @@ export function create_attributes_input_manager(config) {
400
400
  ...padding_defined_type_input_manager?.val,
401
401
  ...align_content_defined_type_input_manager?.val,
402
402
  ...justify_content_defined_type_input_manager?.val,
403
+ ...gap_defined_type_input_manager?.val,
403
404
  }
404
405
  },
405
406
  }
@@ -7,6 +7,7 @@ export function create_time_manager(config) {
7
7
  let text_color = $derived(set_closurable_color(config?.text_color, null))
8
8
 
9
9
  function init(config) {
10
+ console.log("create_time_manager", config)
10
11
  const time_full = get_time_object_from_val(
11
12
  set_closurable(config?.val),
12
13
  set_closurable(config?.format),
@@ -15,10 +16,12 @@ export function create_time_manager(config) {
15
16
  )
16
17
  datetime = time_full?.datetime ?? time_full?.iso_8601 ?? null
17
18
  content = time_full?.content ?? set_closurable(config?.val)
19
+ console.log("time_full", { time_full, datetime, content })
18
20
  if (config?.display_format == "calendar_date" && time_full?.year) {
19
21
  content = `${time_full?.year}-${String(time_full?.month).padStart(2, "0")}-${String(
20
22
  time_full?.day_of_month
21
23
  ).padStart(2, "0")}`
24
+ console.log("content_cal_da", { content })
22
25
  }
23
26
  }
24
27
 
package/src/lib/index.js CHANGED
@@ -66,6 +66,8 @@ export { default as TextArrayInput } from "./Components/TextArrayInput/index.sve
66
66
  export { create_text_array_input_manager } from "./Components/TextArrayInput/index.svelte.js"
67
67
  export { default as TimeInput } from "./Components/TimeInput/index.svelte"
68
68
  export { create_time_input_manager } from "./Components/TimeInput/index.svelte.js"
69
+ export { default as Time } from "./Components/Time/index.svelte"
70
+ export { create_time_manager } from "./Components/Time/index.svelte.js"
69
71
  export { default as DataTypeInput } from "./Components/DataTypeInput/index.svelte"
70
72
  export { create_data_type_input_manager } from "./Components/DataTypeInput/index.svelte.js"
71
73
  export { default as Button } from "./Components/Button/index.svelte"
@@ -223,6 +223,7 @@
223
223
  population: 39500000,
224
224
  db_epoch_created: 1734451200,
225
225
  db_epoch_updated: 1734451200,
226
+ start_time: null,
226
227
  },
227
228
  {
228
229
  id: "szjefrcsfaovgqgbvomk",