@intechstudio/grid-uikit 1.20240805.1340 → 1.20240813.1814

package/dist/AtomicInput.svelte

@@ -8,8 +8,8 @@ export let suggestionTarget = void 0;
 export let validator = (text) => {
   return true;
 };
+export let disabled = false;
 let isError = false;
-let disabled = false;
 let infoValue = "";
 let displayText;
 let focus;
@@ -17,9 +17,7 @@ function handleValueChange(value) {
   if (value !== displayText) {
     displayText = value;
   }
-  infoValue = suggestions.find(
-    (s) => String(s.value).trim() == String(value).trim()
-  )?.info ?? "";
+  infoValue = suggestions.find((s) => String(s.value).trim() == String(value).trim())?.info ?? "";
   isError = !validator(displayText);
   dispatch("validator", { isError });
 }
@@ -56,54 +54,56 @@ function handleSuggestionSelected(e) {
 }
 let inputComponent;
 </script>
-  
-  <div class="{$$props.class} w-full relative">
-    <input
-      bind:this={inputComponent}
-      {disabled}
-      bind:value={displayText}
-      on:focus={handleFocus}
-      on:blur={handleBlur}
-      on:suggestion-select={handleSuggestionSelected}
-      type="text"
-      {placeholder}
-      class="{customClasses} w-full border
+
+<div class="{$$props.class} w-full relative">
+  <input
+    bind:this={inputComponent}
+    {disabled}
+    bind:value={displayText}
+    on:focus={handleFocus}
+    on:blur={handleBlur}
+    on:suggestion-select={handleSuggestionSelected}
+    type="text"
+    {placeholder}
+    class="{customClasses} w-full border
         focus:neumorph focus:rounded-lg
         {isError
-        ? 'border-error focus:outline-error'
-        : 'focus:border-select border-secondary'} bg-secondary text-white py-0.5 pl-2 rounded-none"
-    />
-  
-    <div class=" py-1">
-      {#if !focus && infoValue !== undefined}
-        <div class="{infoValue ? 'text-gray-500' : 'text-gray-600'} text-sm">
-          {infoValue}
-        </div>
-      {/if}
-    </div>
+      ? 'border-error focus:outline-error'
+      : 'focus:border-select border-secondary'} bg-secondary text-white py-0.5 pl-2 rounded-none"
+    class:text-opacity-75={disabled}
+  />
+
+  <div class=" py-1">
+    {#if !focus && infoValue !== undefined}
+      <div class="{infoValue ? 'text-gray-500' : 'text-gray-600'} text-sm">
+        {infoValue}
+      </div>
+    {/if}
   </div>
-  
-  <style>
-    .neumorph {
-      box-shadow: -2px -2px 10px #242c30, 2px 2px 10px #303c42;
-    }
-  
-    ::-webkit-scrollbar {
-      border-radius: 8px;
-      height: 6px;
-      width: 6px;
-      background: #1e2628;
-    }
-  
-    ::-webkit-scrollbar-thumb {
-      background: #286787;
-      border-radius: 8px;
-      -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
-    }
-  
-    ::-webkit-scrollbar-corner {
-      border-radius: 8px;
-      background: #1e2628;
-    }
-  </style>
-  
+</div>
+
+<style>
+  .neumorph {
+    box-shadow:
+      -2px -2px 10px #242c30,
+      2px 2px 10px #303c42;
+  }
+
+  ::-webkit-scrollbar {
+    border-radius: 8px;
+    height: 6px;
+    width: 6px;
+    background: #1e2628;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: #286787;
+    border-radius: 8px;
+    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
+  }
+
+  ::-webkit-scrollbar-corner {
+    border-radius: 8px;
+    background: #1e2628;
+  }
+</style>

package/dist/AtomicInput.svelte.d.ts

@@ -11,6 +11,7 @@ declare const __propDef: {
         placeholder?: string | undefined;
         suggestionTarget?: Element | undefined;
         validator?: ((text: string) => boolean) | undefined;
+        disabled?: boolean | undefined;
     };
     events: {
         validator: CustomEvent<any>;

package/dist/SvgIcon.svelte

@@ -1,18 +1,16 @@
-<script>export let iconPath = "";
+<script>import iconMap from "./icons";
+export let iconPath = "";
 export let width = 15;
 export let height = 15;
 export let fill = void 0;
-let rawSvg;
-importAsComponent(iconPath).then((res) => {
-  rawSvg = res.default;
-});
-async function importAsComponent(path) {
-  return await import(`./assets/icons/${path}.svg?raw`);
-}
 </script>
 
 <svg style="width: {width}px; height: {height}px; fill: {fill};">
   <g>
-    {@html rawSvg}
+    {#if iconMap[iconPath]}
+      {@html iconMap[iconPath]}
+    {:else}
+      <text x="10" y="20">Icon not found: {iconPath}</text>
+    {/if}
   </g>
 </svg>

package/dist/icons.d.ts

@@ -0,0 +1,5 @@
+type IconMap = {
+    [key: string]: string;
+};
+declare const iconMap: IconMap;
+export default iconMap;

package/dist/icons.js

@@ -0,0 +1,97 @@
+import arrow_down from "./assets/icons/arrow_down.svg?raw";
+import arrow_left from "./assets/icons/arrow_left.svg?raw";
+import arrow_right from "./assets/icons/arrow_right.svg?raw";
+import arrow_up from "./assets/icons/arrow_up.svg?raw";
+import clear_element from "./assets/icons/clear_element.svg?raw";
+import clear_from_device_01 from "./assets/icons/clear_from_device_01.svg?raw";
+import clear_from_device_02 from "./assets/icons/clear_from_device_02.svg?raw";
+import close from "./assets/icons/close.svg?raw";
+import cloud from "./assets/icons/cloud.svg?raw";
+import copy from "./assets/icons/copy.svg?raw";
+import copy_all from "./assets/icons/copy_all.svg?raw";
+import cut from "./assets/icons/cut.svg?raw";
+import debug from "./assets/icons/debug.svg?raw";
+import deleteIcon from "./assets/icons/delete.svg?raw";
+import disabled from "./assets/icons/disabled.svg?raw";
+import download from "./assets/icons/download.svg?raw";
+import edit from "./assets/icons/edit.svg?raw";
+import enabled from "./assets/icons/enabled.svg?raw";
+import exportIcon from "./assets/icons/export.svg?raw";
+import folder_control_element from "./assets/icons/folder_control_element.svg?raw";
+import folder_profile from "./assets/icons/folder_profile.svg?raw";
+import importIcon from "./assets/icons/import.svg?raw";
+import info from "./assets/icons/info.svg?raw";
+import merge_as_code from "./assets/icons/merge_as_code.svg?raw";
+import midi from "./assets/icons/midi.svg?raw";
+import move_to_cloud_01 from "./assets/icons/move_to_cloud_01.svg?raw";
+import move_to_cloud_02 from "./assets/icons/move_to_cloud_02.svg?raw";
+import move_to_cloud_03 from "./assets/icons/move_to_cloud_03.svg?raw";
+import overlay_01 from "./assets/icons/overlay_01.svg?raw";
+import overlay_02 from "./assets/icons/overlay_02.svg?raw";
+import overwrite_control_element from "./assets/icons/overwrite_control_element.svg?raw";
+import overwrite_profile from "./assets/icons/overwrite_profile.svg?raw";
+import paste from "./assets/icons/paste.svg?raw";
+import paste_all from "./assets/icons/paste_all.svg?raw";
+import preferences from "./assets/icons/preferences.svg?raw";
+import privateIcon from "./assets/icons/private.svg?raw";
+import profile from "./assets/icons/profile.svg?raw";
+import publicIcon from "./assets/icons/public.svg?raw";
+import remove from "./assets/icons/remove.svg?raw";
+import replace from "./assets/icons/replace.svg?raw";
+import save_as_01 from "./assets/icons/save_as_01.svg?raw";
+import save_as_02 from "./assets/icons/save_as_02.svg?raw";
+import search from "./assets/icons/search.svg?raw";
+import send_to_device from "./assets/icons/send_to_device.svg?raw";
+import sort_by from "./assets/icons/sort_by.svg?raw";
+import tick from "./assets/icons/tick.svg?raw";
+import user_account_02 from "./assets/icons/user_account_02.svg?raw";
+const iconMap = {
+    arrow_down,
+    arrow_left,
+    arrow_right,
+    arrow_up,
+    clear_element,
+    clear_from_device_01,
+    clear_from_device_02,
+    close,
+    cloud,
+    copy,
+    copy_all,
+    cut,
+    debug,
+    deleteIcon,
+    disabled,
+    download,
+    edit,
+    enabled,
+    exportIcon,
+    folder_control_element,
+    folder_profile,
+    importIcon,
+    info,
+    merge_as_code,
+    midi,
+    move_to_cloud_01,
+    move_to_cloud_02,
+    move_to_cloud_03,
+    overlay_01,
+    overlay_02,
+    overwrite_control_element,
+    overwrite_profile,
+    paste,
+    paste_all,
+    preferences,
+    privateIcon,
+    profile,
+    publicIcon,
+    remove,
+    replace,
+    save_as_01,
+    save_as_02,
+    search,
+    send_to_device,
+    sort_by,
+    tick,
+    user_account_02,
+};
+export default iconMap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intechstudio/grid-uikit",
-  "version": "1.20240805.1340",
+  "version": "1.20240813.1814",
   "scripts": {
     "dev": "vite",
     "build": "vite build",