@cloudparker/moldex.js 0.0.27 → 0.0.29

package/dist/views/core/form/components/input-field/input-field.svelte

@@ -1,85 +0,0 @@
-<script context="module" lang="ts"></script>
-
-<script lang="ts">import Label from "../label/label.svelte";
-let {
-  id = "",
-  name = "",
-  value = $bindable(""),
-  className = "",
-  label = "",
-  type = "text",
-  labelClassName = "",
-  containerClassName = "",
-  placeholder = "",
-  required = false,
-  requiredSymbolColor = "red",
-  requiredSymbol = "*",
-  hasRequiredSymbol = true,
-  disabled = false,
-  autofocus = false,
-  readonly = false,
-  maxlength,
-  minlength,
-  min,
-  max,
-  step,
-  size = "md"
-} = $props();
-let inputRef = $state(null);
-let sizeClassName = $state("");
-$effect(() => {
-  if (size) {
-    if (size == "sm") {
-      sizeClassName = "p-2 text-xs";
-    } else if (size == "lg") {
-      sizeClassName = "p-4 text-base";
-    } else {
-      sizeClassName = "p-2.5 text-sm";
-    }
-  }
-});
-$effect(() => {
-  if (name && !id) {
-    id = name;
-  }
-});
-$effect(() => {
-  if (inputRef && autofocus) {
-    inputRef.focus();
-  }
-});
-</script>
-
-{#snippet labelSnippet()}
-	<Label
-		forName={id}
-		{label}
-		className={labelClassName}
-		{required}
-		{requiredSymbolColor}
-		{requiredSymbol}
-		{hasRequiredSymbol}
-	></Label>
-{/snippet}
-
-<div class={containerClassName}>
-	{#if label}
-		{@render labelSnippet()}
-	{/if}
-	<input
-		bind:this={inputRef}
-		bind:value
-		{type}
-		{id}
-		class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block w-full dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-indigo-500 dark:focus:border-indigo-500 {sizeClassName} {className}"
-		{placeholder}
-		{required}
-		{disabled}
-		{readonly}
-		{maxlength}
-		{minlength}
-		{min}
-		{max}
-		{step}
-	/>
-</div>

package/dist/views/core/form/components/text-field/text-field.svelte

@@ -1,26 +0,0 @@
-<script context="module" lang="ts"></script>
-
-<script lang="ts">import Label from "../label/label.svelte";
-let {
-  id = "",
-  name = "",
-  value = "",
-  className = "",
-  label = "",
-  type = "text",
-  labelClassName = "",
-  containerClassName = ""
-} = $props();
-</script>
-
-<div class={containerClassName}>
-	<Label forName={id} {label} className={labelClassName}></Label>
-	<input
-		{type}
-		{id}
-		class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-		required
-	/>
-
-	<!-- <Label className={labelClassName} forName={id} {label}></Label> -->
-</div>

package/dist/views/core/form/index.js

@@ -1 +0,0 @@
-"use strict";