sveltekit-ui 1.0.29 → 1.0.30

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.
Files changed (10) hide show
  1. package/README.md +4 -0
  2. package/dist/Components/Content/index.svelte +2 -0
  3. package/dist/Components/ContentInput/AttributesInput/index.svelte +5 -0
  4. package/dist/Components/ContentInput/AttributesInput/index.svelte.js +20 -0
  5. package/dist/client/types/index.js +4 -0
  6. package/package.json +2 -2
  7. package/src/lib/Components/Content/index.svelte +2 -0
  8. package/src/lib/Components/ContentInput/AttributesInput/index.svelte +5 -0
  9. package/src/lib/Components/ContentInput/AttributesInput/index.svelte.js +20 -0
  10. package/src/lib/client/types/index.js +4 -0
package/README.md CHANGED
@@ -29,3 +29,7 @@ npm run dev
29
29
  ## Browser
30
30
 
31
31
  That should spit out a url like http://localhost:5173/ where you should see your starting website.
32
+
33
+ ## Code Generator
34
+
35
+ This is experimental but you can check out https://www.contibase.com/code_generator for component building help
package/dist/Components/Content/index.svelte CHANGED
@@ -152,6 +152,8 @@
152
152
  ? `padding: ${set_closurable(manager?.val_prepped?.attributes?.padding)}rem;`
153
153
  : ''} {manager?.val_prepped?.attributes?.border_radius
154
154
  ? `border-radius: ${set_closurable(manager?.val_prepped?.attributes?.border_radius)}rem;`
155
+ : ''} {manager?.val_prepped?.attributes?.gap
156
+ ? `gap: ${set_closurable(manager?.val_prepped?.attributes?.gap)}rem;`
155
157
  : ''} {manager?.val_prepped?.attributes?.padding
156
158
  ? `padding: ${set_closurable(manager?.val_prepped?.attributes?.padding)}rem;`
157
159
  : ''} {manager?.val_prepped?.attributes?.align_content || manager?.val_prepped?.attributes?.justify_content
package/dist/Components/ContentInput/AttributesInput/index.svelte CHANGED
@@ -145,6 +145,11 @@
145
145
  <Dropdown manager={manager?.attributes_manager?.justify_content_dropdown_manager} />
146
146
  {/snippet}
147
147
  </DefinedTypeInput>
148
+ <DefinedTypeInput manager={manager?.attributes_manager?.gap_defined_type_input_manager}>
149
+ {#snippet content()}
150
+ <Slider manager={manager?.attributes_manager?.gap_slider_manager} />
151
+ {/snippet}
152
+ </DefinedTypeInput>
148
153
  {:else if manager?.content_type == "show_conditions"}
149
154
  <DefinedTypeInput manager={manager?.attributes_manager?.is_run_serverside_defined_type_input_manager}>
150
155
  {#snippet content()}
package/dist/Components/ContentInput/AttributesInput/index.svelte.js CHANGED
@@ -359,6 +359,24 @@ export function create_attributes_input_manager(config) {
359
359
  attributes: config?.val,
360
360
  })
361
361
  )
362
+
363
+ let gap_slider_manager = $state(
364
+ create_slider_manager({
365
+ min: 0,
366
+ max: 5,
367
+ step: 0.1,
368
+ val: config?.val?.gap ?? 0,
369
+ })
370
+ )
371
+ let gap_defined_type_input_manager = $state(
372
+ create_defined_type_input_manager({
373
+ get_defined_options: config?.get_defined_options,
374
+ label: "Gap",
375
+ attribute_root_key: "gap",
376
+ attribute_const_val: () => gap_slider_manager?.val,
377
+ attributes: config?.val,
378
+ })
379
+ )
362
380
  attributes_manager = {
363
381
  background_color_color_input_manager: background_color_color_input_manager,
364
382
  background_color_defined_type_input_manager: background_color_defined_type_input_manager,
@@ -372,6 +390,8 @@ export function create_attributes_input_manager(config) {
372
390
  align_content_defined_type_input_manager: align_content_defined_type_input_manager,
373
391
  justify_content_dropdown_manager: justify_content_dropdown_manager,
374
392
  justify_content_defined_type_input_manager: justify_content_defined_type_input_manager,
393
+ gap_slider_manager: gap_slider_manager,
394
+ gap_defined_type_input_manager: gap_defined_type_input_manager,
375
395
  get val() {
376
396
  return {
377
397
  ...background_color_defined_type_input_manager?.val,
package/dist/client/types/index.js CHANGED
@@ -689,6 +689,10 @@ export const content_types = {
689
689
  type: "text_literal",
690
690
  display_name: "Justify Content",
691
691
  },
692
+ gap: {
693
+ type: "float_literal",
694
+ display_name: "Gap",
695
+ },
692
696
  },
693
697
  child_elements: {
694
698
  ...main_child_element_options,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sveltekit-ui",
3
- "version": "1.0.29",
3
+ "version": "1.0.30",
4
4
  "description": "A SvelteKit UI component library for building modern web applications",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@sveltejs/adapter-vercel": "^5.10.2",
29
- "@sveltejs/kit": "^2.36.1",
29
+ "@sveltejs/kit": "^2.36.2",
30
30
  "@sveltejs/package": "^2.5.0",
31
31
  "@sveltejs/vite-plugin-svelte": "^6.1.3",
32
32
  "@vercel/analytics": "^1.5.0",
package/src/lib/Components/Content/index.svelte CHANGED
@@ -152,6 +152,8 @@
152
152
  ? `padding: ${set_closurable(manager?.val_prepped?.attributes?.padding)}rem;`
153
153
  : ''} {manager?.val_prepped?.attributes?.border_radius
154
154
  ? `border-radius: ${set_closurable(manager?.val_prepped?.attributes?.border_radius)}rem;`
155
+ : ''} {manager?.val_prepped?.attributes?.gap
156
+ ? `gap: ${set_closurable(manager?.val_prepped?.attributes?.gap)}rem;`
155
157
  : ''} {manager?.val_prepped?.attributes?.padding
156
158
  ? `padding: ${set_closurable(manager?.val_prepped?.attributes?.padding)}rem;`
157
159
  : ''} {manager?.val_prepped?.attributes?.align_content || manager?.val_prepped?.attributes?.justify_content
package/src/lib/Components/ContentInput/AttributesInput/index.svelte CHANGED
@@ -145,6 +145,11 @@
145
145
  <Dropdown manager={manager?.attributes_manager?.justify_content_dropdown_manager} />
146
146
  {/snippet}
147
147
  </DefinedTypeInput>
148
+ <DefinedTypeInput manager={manager?.attributes_manager?.gap_defined_type_input_manager}>
149
+ {#snippet content()}
150
+ <Slider manager={manager?.attributes_manager?.gap_slider_manager} />
151
+ {/snippet}
152
+ </DefinedTypeInput>
148
153
  {:else if manager?.content_type == "show_conditions"}
149
154
  <DefinedTypeInput manager={manager?.attributes_manager?.is_run_serverside_defined_type_input_manager}>
150
155
  {#snippet content()}
package/src/lib/Components/ContentInput/AttributesInput/index.svelte.js CHANGED
@@ -359,6 +359,24 @@ export function create_attributes_input_manager(config) {
359
359
  attributes: config?.val,
360
360
  })
361
361
  )
362
+
363
+ let gap_slider_manager = $state(
364
+ create_slider_manager({
365
+ min: 0,
366
+ max: 5,
367
+ step: 0.1,
368
+ val: config?.val?.gap ?? 0,
369
+ })
370
+ )
371
+ let gap_defined_type_input_manager = $state(
372
+ create_defined_type_input_manager({
373
+ get_defined_options: config?.get_defined_options,
374
+ label: "Gap",
375
+ attribute_root_key: "gap",
376
+ attribute_const_val: () => gap_slider_manager?.val,
377
+ attributes: config?.val,
378
+ })
379
+ )
362
380
  attributes_manager = {
363
381
  background_color_color_input_manager: background_color_color_input_manager,
364
382
  background_color_defined_type_input_manager: background_color_defined_type_input_manager,
@@ -372,6 +390,8 @@ export function create_attributes_input_manager(config) {
372
390
  align_content_defined_type_input_manager: align_content_defined_type_input_manager,
373
391
  justify_content_dropdown_manager: justify_content_dropdown_manager,
374
392
  justify_content_defined_type_input_manager: justify_content_defined_type_input_manager,
393
+ gap_slider_manager: gap_slider_manager,
394
+ gap_defined_type_input_manager: gap_defined_type_input_manager,
375
395
  get val() {
376
396
  return {
377
397
  ...background_color_defined_type_input_manager?.val,
package/src/lib/client/types/index.js CHANGED
@@ -689,6 +689,10 @@ export const content_types = {
689
689
  type: "text_literal",
690
690
  display_name: "Justify Content",
691
691
  },
692
+ gap: {
693
+ type: "float_literal",
694
+ display_name: "Gap",
695
+ },
692
696
  },
693
697
  child_elements: {
694
698
  ...main_child_element_options,