sveltekit-ui 1.1.74 → 1.1.76

package/dist/Components/Icon/manager.svelte.d.ts

@@ -0,0 +1,23 @@
+export function create_icon_manager(config: any): {
+    id: any;
+    readonly icon_id: any;
+    readonly deg: any;
+    readonly deg_spring: any;
+    readonly color: any;
+    readonly color_alt: any;
+    readonly fill: any;
+    readonly size: any;
+    readonly sw: any;
+    readonly ml: any;
+    readonly mr: any;
+    readonly mt: any;
+    readonly mb: any;
+    readonly sort_state: any;
+    readonly is_shimmy_infinite: any;
+    readonly is_shimmyable: any;
+    readonly movement_stiffness: any;
+    readonly movement_damping: any;
+    readonly is_shimmying: boolean;
+    trigger_shimmy: () => void;
+    set_attributes: (input: any) => void;
+};

package/dist/Components/IconInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/IconInput/manager.svelte.d.ts

@@ -0,0 +1,17 @@
+export function create_icon_input_manager(config: any): {
+    readonly icon_color: string;
+    readonly val: null;
+    readonly is_icon_only: boolean;
+    readonly popover_manager: null;
+    readonly popover_toggle_button_manager: null;
+    readonly finish_button_manager: null;
+    readonly icon_options_filtered: any;
+    readonly search_icons_text_input_manager: null;
+    readonly color_input_manager: null;
+    readonly clear_button_manager: null;
+    readonly icon_options: any[];
+    readonly selected_icon_manager: null;
+    init: (config: any) => void;
+    set_icon: (input: any) => void;
+    set_is_icon_only: (input: any) => void;
+};

package/dist/Components/IconInput/{index.svelte.js → manager.svelte.js}

@@ -1,8 +1,8 @@
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_color_input_manager } from "../ColorInput/index.svelte.js"
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_icon_manager } from "../Icon/index.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_color_input_manager } from "../ColorInput/manager.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_icon_manager } from "../Icon/manager.svelte.js"
 import { deep_copy } from "../../client/index.js"
 
 export function create_icon_input_manager(config) {

package/dist/Components/Image/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/Image/manager.svelte.d.ts

@@ -0,0 +1,18 @@
+export function create_image_manager(config: any): {
+    id: string;
+    readonly is_loading_main_image: boolean;
+    readonly selector_id: any;
+    readonly src: any;
+    readonly src_quick: any;
+    readonly alt: any;
+    readonly display_max_width: any;
+    readonly display_max_height: any;
+    readonly image_width: any;
+    readonly image_height: any;
+    readonly image_aspect_ratio: any;
+    readonly bg_img_blur: any;
+    readonly bg_img_opacity: any;
+    readonly bg_img_style: string;
+    readonly border_radius: any;
+    handle_mount: () => void;
+};

package/dist/Components/Image/{index.svelte.js → manager.svelte.js}

@@ -11,10 +11,13 @@ export function create_image_manager(config) {
   let src = $derived(set_closurable(get_src(config?.src, storage_id), null))
   let storage_id_quick = $derived(set_closurable(config?.storage_id_quick, null))
   let src_quick = $derived(set_closurable(get_src(config?.src_quick, storage_id_quick), null))
-  let image_width = $state(config?.image_width ?? null)
-  let image_height = $state(config?.image_height ?? null)
+  const initial_image_width = config?.image_width ?? null
+  const initial_image_height = config?.image_height ?? null
+  let image_width = $state(initial_image_width)
+  let image_height = $state(initial_image_height)
   let image_aspect_ratio = $state(
-    config?.image_aspect_ratio ?? (image_width > 0 && image_height > 0) ? image_width / image_height : null
+    config?.image_aspect_ratio ??
+      (initial_image_width > 0 && initial_image_height > 0 ? initial_image_width / initial_image_height : null)
   )
 
   let is_loading_main_image = $state(false)
@@ -37,31 +40,40 @@ export function create_image_manager(config) {
     is_loading_main_image = true
     let quick_image_el = document?.querySelector(`#quick_img_${id}`)
     if (quick_image_el) {
-      if (quick_image_el?.complete) {
+      if (quick_image_el?.complete && quick_image_el?.naturalWidth > 0) {
         set_image_dimensions(quick_image_el)
       } else {
         quick_image_el.onload = () => {
           set_image_dimensions(quick_image_el)
         }
+        quick_image_el.onerror = () => {}
       }
     }
     setTimeout(() => {
       let image_el = document?.querySelector(`#img_${id}`)
       if (image_el) {
         if (image_el?.complete) {
-          set_image_dimensions(image_el)
+          if (image_el?.naturalWidth > 0) {
+            set_image_dimensions(image_el)
+          }
           is_loading_main_image = false
         } else {
           image_el.onload = () => {
             set_image_dimensions(image_el)
             is_loading_main_image = false
           }
+          image_el.onerror = () => {
+            is_loading_main_image = false
+          }
         }
+      } else {
+        is_loading_main_image = false
       }
     })
   }
 
   function set_image_dimensions(el) {
+    if (!(el?.naturalWidth > 0 && el?.naturalHeight > 0)) return
     image_width = el.naturalWidth
     image_height = el.naturalHeight
     image_aspect_ratio = el.naturalWidth / el.naturalHeight

package/dist/Components/ImageEditor/Image/CropBox/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Image/index.svelte

@@ -11,6 +11,8 @@
   })
 </script>
 
+<img id={`${manager?.id}_hidden_image_el`} class="hidden_image" alt="" onload={() => manager?.main_image_transformer()} />
+
 <div
   class="workspace_container"
   class:workspace_bg={manager?.image_sources && manager?.image_sources.length > 0}
@@ -19,7 +21,7 @@
     ? 0
     : '1rem'};"
   ondrop={(e) => manager?.drop_handler(e)}
-  ondragover={(e) => e.preventDefault()}
+  ondragover={(e) => manager?.drag_over_handler(e)}
   role="application"
 >
   <div
@@ -55,6 +57,9 @@
 {/if}
 
 <style>
+  .hidden_image {
+    display: none;
+  }
   .workspace_container {
     border-radius: 1rem;
   }

package/dist/Components/ImageEditor/Image/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/AI/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/Crop/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/File/QualityPicker/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/File/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/Filters/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/Panels/Resize/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/ImageEditor/manager.svelte.d.ts

@@ -0,0 +1,117 @@
+export function create_image_editor_manager(config: any): {
+    id: string;
+    readonly file_picker_file: null;
+    readonly image_sources: any[];
+    readonly image_source_index: null;
+    readonly selected_image_source: any;
+    readonly screen_tab: string;
+    readonly crop_left: number;
+    readonly crop_top: number;
+    readonly crop_width: null;
+    readonly crop_height: null;
+    readonly is_disabled: any;
+    readonly is_read_only: any;
+    readonly error_message: null;
+    readonly current_image_width: null;
+    readonly current_image_height: null;
+    readonly image_pixels_crop_width: null;
+    readonly image_pixels_crop_height: null;
+    readonly current_image_ar: null;
+    readonly crop_aspect_ratio: null;
+    readonly is_lock_resize_aspect_ratio: boolean;
+    readonly resize_width: null;
+    readonly resize_height: null;
+    readonly file_size_data: null;
+    readonly mime_type_input: null;
+    readonly file_size_kb: null;
+    readonly file_name: null;
+    readonly file_name_derived: any;
+    readonly file_name_derived_with_extension: string;
+    readonly ai_error_message: null;
+    readonly file_input_manager: null;
+    readonly screen_tab_filters_button_manager: null;
+    readonly screen_tab_crop_button_manager: null;
+    readonly screen_tab_resize_button_manager: null;
+    readonly screen_tab_ai_button_manager: null;
+    readonly screen_tab_file_button_manager: null;
+    readonly undo_button_manager: null;
+    readonly redo_button_manager: null;
+    readonly clear_button_manager: null;
+    readonly finish_button_manager: null;
+    readonly is_show_img_slider: boolean;
+    readonly filter_brightness_slider_manager: null;
+    readonly filter_contrast_slider_manager: null;
+    readonly filter_saturation_slider_manager: null;
+    readonly filter_grayscale_slider_manager: null;
+    readonly filter_hue_slider_manager: null;
+    readonly filter_red_slider_manager: null;
+    readonly filter_green_slider_manager: null;
+    readonly filter_blue_slider_manager: null;
+    readonly filter_blur_slider_manager: null;
+    readonly filter_opacity_slider_manager: null;
+    readonly filters_set_default_button_manager: null;
+    readonly filters_apply_filters_button_manager: null;
+    readonly crop_free_button_manager: null;
+    readonly crop_one_to_one_button_manager: null;
+    readonly crop_four_to_three_button_manager: null;
+    readonly crop_three_to_two_button_manager: null;
+    readonly crop_sixteen_to_nine_button_manager: null;
+    readonly crop_three_to_four_button_manager: null;
+    readonly crop_two_to_three_button_manager: null;
+    readonly crop_nine_to_sixteen_button_manager: null;
+    readonly crop_width_ratio_text_input_manager: null;
+    readonly crop_height_ratio_text_input_manager: null;
+    readonly crop_image_button_manager: null;
+    readonly crop_aspect_width_loc: null;
+    readonly crop_aspect_height_loc: null;
+    readonly file_name_text_input_manager: null;
+    readonly mime_type_webp_button_manager: null;
+    readonly mime_type_jpeg_button_manager: null;
+    readonly mime_type_png_button_manager: null;
+    readonly download_image_button_manager: null;
+    readonly set_file_changes_button_manager: null;
+    readonly shown_file_size_data: any;
+    readonly file_quality_slider_manager: null;
+    readonly ai_tab_dropdown_manager: null;
+    readonly ai_image_generator_is_loading: null;
+    readonly ai_generate_image_from_text_text_input_manager: null;
+    readonly ai_generate_image_images_prompt_file_input_manager: null;
+    readonly ai_generate_image_include_workspace_in_images_prompt_checkbox_manager: null;
+    readonly ai_generate_image_from_text_button_manager: null;
+    readonly ai_remove_bg_button_manager: null;
+    readonly ai_restore_resolution_button_manager: null;
+    readonly ai_restore_face_button_manager: null;
+    readonly resize_width_dropdown_manager: null;
+    readonly resize_height_dropdown_manager: null;
+    readonly resize_width_text_input_manager: null;
+    readonly resize_height_text_input_manager: null;
+    readonly resize_aspect_ratio_lock_button_manager: null;
+    readonly resize_image_button_manager: null;
+    readonly is_popover: boolean;
+    readonly popover_manager: null;
+    init: (config: any) => Promise<void>;
+    init_file: (file_input: any) => void;
+    on_destroy: () => void;
+    set_screen_tab: (screen_tab_loc: any) => void;
+    undo: () => void;
+    redo: () => void;
+    clear: () => void;
+    finish: () => Promise<void>;
+    set_base_image: (new_src: any) => void;
+    apply_filters: () => void;
+    reset_filters: () => void;
+    main_image_transformer: () => void;
+    crop_on_up: (e: any) => void;
+    crop_on_move: (e: any) => void;
+    crop_on_down: (e: any, type: any) => void;
+    set_crop_box: (w?: null, h?: null) => void;
+    crop_image: (w: any, h: any) => void;
+    toggle_is_lock_resize_aspect_ratio: () => void;
+    set_resize_dimensions: (w: any, h: any) => void;
+    file_input_change: (file_name: any, mime_type: any, quality: any) => Promise<void>;
+    download_image: () => Promise<void>;
+    set_file_from_inputs: () => Promise<void>;
+    drop_handler: (e: any) => void;
+    drag_over_handler: (e: any) => void;
+    set_is_popover: (input: any) => void;
+};