sveltekit-ui 1.1.74 → 1.1.76

package/dist/Components/Time/index.svelte.js

@@ -1,38 +0,0 @@
-import { get_time_object_from_val } from "../TimeInput/index.js"
-import { set_closurable_color, set_closurable } from "../../client/index.js"
-
-export function create_time_manager(config) {
-  let datetime = $state(null)
-  let content = $state(null)
-  let text_color = $derived(set_closurable_color(config?.text_color, null))
-
-  function init(config) {
-    const time_full = get_time_object_from_val(
-      set_closurable(config?.val),
-      set_closurable(config?.format),
-      set_closurable(config?.granularity),
-      set_closurable(config?.timezone)
-    )
-    datetime = time_full?.datetime ?? time_full?.iso_8601 ?? null
-    content = time_full?.content ?? set_closurable(config?.val)
-    if (config?.display_format == "calendar_date" && time_full?.year) {
-      content = `${time_full?.year}-${String(time_full?.month).padStart(2, "0")}-${String(
-        time_full?.day_of_month
-      ).padStart(2, "0")}`
-    }
-  }
-
-  init(config)
-
-  return {
-    get text_color() {
-      return text_color
-    },
-    get datetime() {
-      return datetime
-    },
-    get content() {
-      return content
-    },
-  }
-}

package/dist/Components/TimeInput/NumberToggler/index.svelte.js

@@ -1,79 +0,0 @@
-import { create_text_input_manager } from "../../TextInput/index.svelte.js"
-import { create_button_manager } from "../../Button/index.svelte.js"
-
-export function create_number_toggler(config) {
-  let number_plus_one_button_manager = $state(null)
-  let number_minus_one_button_manager = $state(null)
-  let number_text_input_manager = $state(null)
-  let label = $state(null)
-
-  function handle_change(input) {
-    if (typeof config?.on_change == "function") {
-      config?.on_change(input)
-    }
-  }
-
-  function set_val(input) {
-    if (input != number_text_input_manager?.val) {
-      number_text_input_manager?.set_val(input)
-    }
-  }
-
-  function init(config) {
-    label = config?.label
-    number_plus_one_button_manager = create_button_manager({
-      type: "soft",
-      support_icon: "arrow",
-      icon_pos: "center",
-      min_height: 2.4,
-      pt: 0,
-      g_base: 8,
-      icon_sw: 40,
-      on_click: () =>
-        number_text_input_manager.set_val(
-          Number.isInteger(number_text_input_manager?.val) ? number_text_input_manager?.val + 1 : 0
-        ),
-    })
-    number_minus_one_button_manager = create_button_manager({
-      type: "soft",
-      support_icon: "arrow",
-      icon_pos: "center",
-      icon_deg: 180,
-      min_height: 2.4,
-      pt: 0,
-      g_base: 8,
-      icon_sw: 40,
-      on_click: () =>
-        number_text_input_manager.set_val(
-          Number.isInteger(number_text_input_manager?.val) ? number_text_input_manager?.val - 1 : 0
-        ),
-    })
-    number_text_input_manager = create_text_input_manager({
-      type: "number",
-      placeholder: "-",
-      val: config?.val,
-      on_change: (input) => handle_change(input),
-    })
-  }
-
-  init(config)
-
-  return {
-    get val() {
-      return number_text_input_manager?.val
-    },
-    get label() {
-      return label
-    },
-    get number_plus_one_button_manager() {
-      return number_plus_one_button_manager
-    },
-    get number_minus_one_button_manager() {
-      return number_minus_one_button_manager
-    },
-    get number_text_input_manager() {
-      return number_text_input_manager
-    },
-    set_val,
-  }
-}

package/dist/Components/XPost/index.svelte.js

@@ -1,64 +0,0 @@
-import { create_unique_id } from "../../client/index.js"
-
-export function create_x_post_manager(config) {
-  const id = create_unique_id(null, 20)
-
-  let is_loading = $state(false)
-  let is_script_loaded = $state(false)
-  let error_message = $state("")
-
-  let is_dark_theme = $derived(config?.is_dark_theme)
-  let theme = $derived(config?.is_dark_theme ? "dark" : "light")
-
-  function load_script() {
-    error_message = null
-    if (!is_script_loaded) {
-      const script = document.createElement("script")
-      script.src = "https://platform.twitter.com/widgets.js"
-      script.charset = "utf-8"
-      script.async = true
-      script.onload = () => {
-        is_script_loaded = true
-        render_x_post()
-      }
-      document.head.appendChild(script)
-    }
-  }
-
-  async function render_x_post() {
-    try {
-      error_message = ""
-      is_loading = true
-      let container_el = document?.querySelector(`#x_post_${id}`)
-      if (config?.post_id && is_script_loaded && window.twttr && container_el) {
-        const create_embed_res = await twttr.widgets.createTweet(config?.post_id, container_el, {
-          theme: theme,
-          dnt: true,
-        })
-        if (create_embed_res) {
-          error_message = ""
-        } else {
-          error_message = "Post not found or failed to load."
-        }
-      }
-    } catch {
-      error_message = "Post not found or failed to load."
-    } finally {
-      is_loading = false
-    }
-  }
-
-  return {
-    id,
-    get post_id() {
-      return config?.post_id
-    },
-    get is_dark_theme() {
-      return is_dark_theme
-    },
-    get theme() {
-      return theme
-    },
-    load_script,
-  }
-}

package/dist/Components/YoutubeVideo/index.svelte.js

@@ -1,133 +0,0 @@
-import { create_unique_id } from "../../client/index.js"
-
-export function create_youtube_video_manager(config) {
-  const id = create_unique_id(null, 20)
-
-  let theme = $derived(config?.is_dark_theme ? "dark" : "light")
-  let selector_id = $derived(config?.selector_id ?? `youtube_video_${id}`)
-  let use_poster_preview = $derived(config?.use_poster_preview ?? false)
-  let autoplay_on_activate = $derived(config?.autoplay_on_activate ?? true)
-  let border_radius = $derived(config?.border_radius ?? 1)
-  let title = $derived(config?.title ?? "YouTube video player")
-
-  let is_loading = $state(false)
-  let error_message = $state("")
-  let is_iframe_active = $state(!(config?.use_poster_preview ?? true))
-
-  function handle_poster_error(e) {
-    if (manager?.poster_fallback_src && e.currentTarget.src !== manager.poster_fallback_src) {
-      e.currentTarget.src = manager.poster_fallback_src
-    }
-  }
-
-  function get_thumbnail_src(quality = "maxresdefault") {
-    if (!config?.video_id) return null
-    return `https://img.youtube.com/vi/${config.video_id}/${quality}.jpg`
-  }
-
-  async function render_video() {
-    error_message = ""
-
-    if (!config?.video_id) {
-      error_message = "YouTube video not found or failed to load."
-      return
-    }
-
-    is_loading = true
-
-    await new Promise((resolve) => {
-      const img = new Image()
-
-      img.onload = function () {
-        if (this.naturalWidth === 120) {
-          error_message = "YouTube video not found or failed to load."
-        } else {
-          error_message = ""
-        }
-        is_loading = false
-        resolve()
-      }
-
-      img.onerror = function () {
-        error_message = "YouTube video not found or failed to load."
-        is_loading = false
-        resolve()
-      }
-
-      img.src = get_thumbnail_src("hqdefault")
-    })
-  }
-
-  function activate_video() {
-    if (!config?.video_id || error_message) return
-    is_iframe_active = true
-  }
-
-  function deactivate_video() {
-    is_iframe_active = !use_poster_preview
-  }
-
-  function resize_video() {
-    // CSS handles sizing now.
-  }
-
-  return {
-    id,
-    get selector_id() {
-      return selector_id
-    },
-    get video_id() {
-      return config?.video_id
-    },
-    get theme() {
-      return theme
-    },
-    get title() {
-      return title
-    },
-    get border_radius() {
-      return border_radius
-    },
-    get is_loading() {
-      return is_loading
-    },
-    get error_message() {
-      return error_message
-    },
-    get use_poster_preview() {
-      return use_poster_preview
-    },
-    get is_iframe_active() {
-      return is_iframe_active
-    },
-    get poster_src() {
-      return config?.poster_src ?? get_thumbnail_src("maxresdefault")
-    },
-    get poster_fallback_src() {
-      return config?.poster_fallback_src ?? get_thumbnail_src("hqdefault")
-    },
-    get youtube_url() {
-      return config?.video_id ? `https://youtu.be/${config.video_id}` : ""
-    },
-    get embed_src() {
-      if (!config?.video_id) return ""
-
-      const params = new URLSearchParams({
-        rel: "0",
-      })
-
-      const shouldAutoplay = use_poster_preview ? is_iframe_active && autoplay_on_activate : !!config?.autoplay
-
-      if (shouldAutoplay) {
-        params.set("autoplay", "1")
-      }
-
-      return `https://www.youtube.com/embed/${config.video_id}?${params.toString()}`
-    },
-    render_video,
-    activate_video,
-    deactivate_video,
-    resize_video,
-    handle_poster_error,
-  }
-}