sveltekit-ui 1.1.74 → 1.1.76

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

@@ -1,260 +0,0 @@
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-
-export function create_country_code_manager(config) {
-  let dropdown_manager = $state(null)
-
-  const countries = [
-    { code: "US", emoji: "🇺🇸", phone_code: 1, name: "United States" },
-    { code: "GB", emoji: "🇬🇧", phone_code: 44, name: "United Kingdom" },
-    { code: "AF", emoji: "🇦🇫", phone_code: 93, name: "Afghanistan" },
-    { code: "AL", emoji: "🇦🇱", phone_code: 355, name: "Albania" },
-    { code: "DZ", emoji: "🇩🇿", phone_code: 213, name: "Algeria" },
-    { code: "AS", emoji: "🇦🇸", phone_code: 1684, name: "American Samoa" },
-    { code: "AD", emoji: "🇦🇩", phone_code: 376, name: "Andorra" },
-    { code: "AO", emoji: "🇦🇴", phone_code: 244, name: "Angola" },
-    { code: "AI", emoji: "🇦🇮", phone_code: 1264, name: "Anguilla" },
-    { code: "AQ", emoji: "🇦🇶", phone_code: 0, name: "Antarctica" },
-    { code: "AR", emoji: "🇦🇷", phone_code: 54, name: "Argentina" },
-    { code: "AM", emoji: "🇦🇲", phone_code: 374, name: "Armenia" },
-    { code: "AW", emoji: "🇦🇼", phone_code: 297, name: "Aruba" },
-    { code: "AU", emoji: "🇦🇺", phone_code: 61, name: "Australia" },
-    { code: "AT", emoji: "🇦🇹", phone_code: 43, name: "Austria" },
-    { code: "AZ", emoji: "🇦🇿", phone_code: 994, name: "Azerbaijan" },
-    { code: "BH", emoji: "🇧🇭", phone_code: 973, name: "Bahrain" },
-    { code: "BD", emoji: "🇧🇩", phone_code: 880, name: "Bangladesh" },
-    { code: "BB", emoji: "🇧🇧", phone_code: 1246, name: "Barbados" },
-    { code: "BY", emoji: "🇧🇾", phone_code: 375, name: "Belarus" },
-    { code: "BE", emoji: "🇧🇪", phone_code: 32, name: "Belgium" },
-    { code: "BZ", emoji: "🇧🇿", phone_code: 501, name: "Belize" },
-    { code: "BJ", emoji: "🇧🇯", phone_code: 229, name: "Benin" },
-    { code: "BM", emoji: "🇧🇲", phone_code: 1441, name: "Bermuda" },
-    { code: "BT", emoji: "🇧🇹", phone_code: 975, name: "Bhutan" },
-    { code: "BO", emoji: "🇧🇴", phone_code: 591, name: "Bolivia" },
-    { code: "BW", emoji: "🇧🇼", phone_code: 267, name: "Botswana" },
-    { code: "BV", emoji: "🇧🇻", phone_code: 0, name: "Bouvet Island" },
-    { code: "BR", emoji: "🇧🇷", phone_code: 55, name: "Brazil" },
-    {
-      code: "IO",
-      emoji: "🇮🇴",
-      phone_code: 246,
-      name: "British Indian Ocean Territory",
-    },
-    { code: "BN", emoji: "🇧🇳", phone_code: 673, name: "Brunei" },
-    { code: "BG", emoji: "🇧🇬", phone_code: 359, name: "Bulgaria" },
-    { code: "BF", emoji: "🇧🇫", phone_code: 226, name: "Burkina Faso" },
-    { code: "BI", emoji: "🇧🇮", phone_code: 257, name: "Burundi" },
-    { code: "KH", emoji: "🇰🇭", phone_code: 855, name: "Cambodia" },
-    { code: "CM", emoji: "🇨🇲", phone_code: 237, name: "Cameroon" },
-    { code: "CA", emoji: "🇨🇦", phone_code: 1, name: "Canada" },
-    { code: "CV", emoji: "🇨🇻", phone_code: 238, name: "Cape Verde" },
-    { code: "KY", emoji: "🇰🇾", phone_code: 1345, name: "Cayman Islands" },
-    {
-      code: "CF",
-      emoji: "🇨🇫",
-      phone_code: 236,
-      name: "Central African Republic",
-    },
-    { code: "TD", emoji: "🇹🇩", phone_code: 235, name: "Chad" },
-    { code: "CL", emoji: "🇨🇱", phone_code: 56, name: "Chile" },
-    { code: "CN", emoji: "🇨🇳", phone_code: 86, name: "China" },
-    { code: "CX", emoji: "🇨🇽", phone_code: 61, name: "Christmas Island" },
-    { code: "CC", emoji: "🇨🇨", phone_code: 672, name: "Cocos (Keeling) Islands" },
-    { code: "CO", emoji: "🇨🇴", phone_code: 57, name: "Colombia" },
-    { code: "KM", emoji: "🇰🇲", phone_code: 269, name: "Comoros" },
-    { code: "CK", emoji: "🇨🇰", phone_code: 682, name: "Cook Islands" },
-    { code: "CR", emoji: "🇨🇷", phone_code: 506, name: "Costa Rica" },
-    { code: "CU", emoji: "🇨🇺", phone_code: 53, name: "Cuba" },
-    { code: "CY", emoji: "🇨🇾", phone_code: 357, name: "Cyprus" },
-    { code: "DK", emoji: "🇩🇰", phone_code: 45, name: "Denmark" },
-    { code: "DJ", emoji: "🇩🇯", phone_code: 253, name: "Djibouti" },
-    { code: "DM", emoji: "🇩🇲", phone_code: 1767, name: "Dominica" },
-    { code: "DO", emoji: "🇩🇴", phone_code: 1809, name: "Dominican Republic" },
-    { code: "EC", emoji: "🇪🇨", phone_code: 593, name: "Ecuador" },
-    { code: "EG", emoji: "🇪🇬", phone_code: 20, name: "Egypt" },
-    { code: "SV", emoji: "🇸🇻", phone_code: 503, name: "El Salvador" },
-    { code: "GQ", emoji: "🇬🇶", phone_code: 240, name: "Equatorial Guinea" },
-    { code: "ER", emoji: "🇪🇷", phone_code: 291, name: "Eritrea" },
-    { code: "EE", emoji: "🇪🇪", phone_code: 372, name: "Estonia" },
-    { code: "ET", emoji: "🇪🇹", phone_code: 251, name: "Ethiopia" },
-    { code: "FK", emoji: "🇫🇰", phone_code: 500, name: "Falkland Islands" },
-    { code: "FO", emoji: "🇫🇴", phone_code: 298, name: "Faroe Islands" },
-    { code: "FI", emoji: "🇫🇮", phone_code: 358, name: "Finland" },
-    { code: "FR", emoji: "🇫🇷", phone_code: 33, name: "France" },
-    { code: "GF", emoji: "🇬🇫", phone_code: 594, name: "French Guiana" },
-    { code: "PF", emoji: "🇵🇫", phone_code: 689, name: "French Polynesia" },
-    {
-      code: "TF",
-      emoji: "🇹🇫",
-      phone_code: 0,
-      name: "French Southern Territories",
-    },
-    { code: "GA", emoji: "🇬🇦", phone_code: 241, name: "Gabon" },
-    { code: "GE", emoji: "🇬🇪", phone_code: 995, name: "Georgia" },
-    { code: "DE", emoji: "🇩🇪", phone_code: 49, name: "Germany" },
-    { code: "GH", emoji: "🇬🇭", phone_code: 233, name: "Ghana" },
-    { code: "GI", emoji: "🇬🇮", phone_code: 350, name: "Gibraltar" },
-    { code: "GR", emoji: "🇬🇷", phone_code: 30, name: "Greece" },
-    { code: "GL", emoji: "🇬🇱", phone_code: 299, name: "Greenland" },
-    { code: "GD", emoji: "🇬🇩", phone_code: 1473, name: "Grenada" },
-    { code: "GP", emoji: "🇬🇵", phone_code: 590, name: "Guadeloupe" },
-    { code: "GU", emoji: "🇬🇺", phone_code: 1671, name: "Guam" },
-    { code: "GT", emoji: "🇬🇹", phone_code: 502, name: "Guatemala" },
-    { code: "GN", emoji: "🇬🇳", phone_code: 224, name: "Guinea" },
-    { code: "GW", emoji: "🇬🇼", phone_code: 245, name: "Guinea-Bissau" },
-    { code: "GY", emoji: "🇬🇾", phone_code: 592, name: "Guyana" },
-    { code: "HT", emoji: "🇭🇹", phone_code: 509, name: "Haiti" },
-    { code: "HN", emoji: "🇭🇳", phone_code: 504, name: "Honduras" },
-    { code: "HU", emoji: "🇭🇺", phone_code: 36, name: "Hungary" },
-    { code: "IS", emoji: "🇮🇸", phone_code: 354, name: "Iceland" },
-    { code: "IN", emoji: "🇮🇳", phone_code: 91, name: "India" },
-    { code: "ID", emoji: "🇮🇩", phone_code: 62, name: "Indonesia" },
-    { code: "IR", emoji: "🇮🇷", phone_code: 98, name: "Iran" },
-    { code: "IQ", emoji: "🇮🇶", phone_code: 964, name: "Iraq" },
-    { code: "IE", emoji: "🇮🇪", phone_code: 353, name: "Ireland" },
-    { code: "IL", emoji: "🇮🇱", phone_code: 972, name: "Israel" },
-    { code: "IT", emoji: "🇮🇹", phone_code: 39, name: "Italy" },
-    { code: "JM", emoji: "🇯🇲", phone_code: 1876, name: "Jamaica" },
-    { code: "JP", emoji: "🇯🇵", phone_code: 81, name: "Japan" },
-    { code: "JO", emoji: "🇯🇴", phone_code: 962, name: "Jordan" },
-    { code: "KZ", emoji: "🇰🇿", phone_code: 7, name: "Kazakhstan" },
-    { code: "KE", emoji: "🇰🇪", phone_code: 254, name: "Kenya" },
-    { code: "KI", emoji: "🇰🇮", phone_code: 686, name: "Kiribati" },
-    { code: "KW", emoji: "🇰🇼", phone_code: 965, name: "Kuwait" },
-    { code: "KG", emoji: "🇰🇬", phone_code: 996, name: "Kyrgyzstan" },
-    { code: "LA", emoji: "🇱🇦", phone_code: 856, name: "Laos" },
-    { code: "LV", emoji: "🇱🇻", phone_code: 371, name: "Latvia" },
-    { code: "LB", emoji: "🇱🇧", phone_code: 961, name: "Lebanon" },
-    { code: "LS", emoji: "🇱🇸", phone_code: 266, name: "Lesotho" },
-    { code: "LR", emoji: "🇱🇷", phone_code: 231, name: "Liberia" },
-    { code: "LY", emoji: "🇱🇾", phone_code: 218, name: "Libya" },
-    { code: "LI", emoji: "🇱🇮", phone_code: 423, name: "Liechtenstein" },
-    { code: "LT", emoji: "🇱🇹", phone_code: 370, name: "Lithuania" },
-    { code: "LU", emoji: "🇱🇺", phone_code: 352, name: "Luxembourg" },
-    { code: "MK", emoji: "🇲🇰", phone_code: 389, name: "Macedonia" },
-    { code: "MG", emoji: "🇲🇬", phone_code: 261, name: "Madagascar" },
-    { code: "MW", emoji: "🇲🇼", phone_code: 265, name: "Malawi" },
-    { code: "MY", emoji: "🇲🇾", phone_code: 60, name: "Malaysia" },
-    { code: "MV", emoji: "🇲🇻", phone_code: 960, name: "Maldives" },
-    { code: "ML", emoji: "🇲🇱", phone_code: 223, name: "Mali" },
-    { code: "MT", emoji: "🇲🇹", phone_code: 356, name: "Malta" },
-    { code: "MH", emoji: "🇲🇭", phone_code: 692, name: "Marshall Islands" },
-    { code: "MQ", emoji: "🇲🇶", phone_code: 596, name: "Martinique" },
-    { code: "MR", emoji: "🇲🇷", phone_code: 222, name: "Mauritania" },
-    { code: "MU", emoji: "🇲🇺", phone_code: 230, name: "Mauritius" },
-    { code: "YT", emoji: "🇾🇹", phone_code: 269, name: "Mayotte" },
-    { code: "MX", emoji: "🇲🇽", phone_code: 52, name: "Mexico" },
-    { code: "FM", emoji: "🇫🇲", phone_code: 691, name: "Micronesia" },
-    { code: "MD", emoji: "🇲🇩", phone_code: 373, name: "Moldova" },
-    { code: "MC", emoji: "🇲🇨", phone_code: 377, name: "Monaco" },
-    { code: "MN", emoji: "🇲🇳", phone_code: 976, name: "Mongolia" },
-    { code: "MS", emoji: "🇲🇸", phone_code: 1664, name: "Montserrat" },
-    { code: "MA", emoji: "🇲🇦", phone_code: 212, name: "Morocco" },
-    { code: "MZ", emoji: "🇲🇿", phone_code: 258, name: "Mozambique" },
-    { code: "NA", emoji: "🇳🇦", phone_code: 264, name: "Namibia" },
-    { code: "NR", emoji: "🇳🇷", phone_code: 674, name: "Nauru" },
-    { code: "NP", emoji: "🇳🇵", phone_code: 977, name: "Nepal" },
-    { code: "NC", emoji: "🇳🇨", phone_code: 687, name: "New Caledonia" },
-    { code: "NZ", emoji: "🇳🇿", phone_code: 64, name: "New Zealand" },
-    { code: "NI", emoji: "🇳🇮", phone_code: 505, name: "Nicaragua" },
-    { code: "NE", emoji: "🇳🇪", phone_code: 227, name: "Niger" },
-    { code: "NG", emoji: "🇳🇬", phone_code: 234, name: "Nigeria" },
-    { code: "NU", emoji: "🇳🇺", phone_code: 683, name: "Niue" },
-    { code: "NF", emoji: "🇳🇫", phone_code: 672, name: "Norfolk Island" },
-    {
-      code: "MP",
-      emoji: "🇲🇵",
-      phone_code: 1670,
-      name: "Northern Mariana Islands",
-    },
-    { code: "NO", emoji: "🇳🇴", phone_code: 47, name: "Norway" },
-    { code: "OM", emoji: "🇴🇲", phone_code: 968, name: "Oman" },
-    { code: "PK", emoji: "🇵🇰", phone_code: 92, name: "Pakistan" },
-    { code: "PW", emoji: "🇵🇼", phone_code: 680, name: "Palau" },
-    { code: "PA", emoji: "🇵🇦", phone_code: 507, name: "Panama" },
-    { code: "PY", emoji: "🇵🇾", phone_code: 595, name: "Paraguay" },
-    { code: "PE", emoji: "🇵🇪", phone_code: 51, name: "Peru" },
-    { code: "PH", emoji: "🇵🇭", phone_code: 63, name: "Philippines" },
-    { code: "PL", emoji: "🇵🇱", phone_code: 48, name: "Poland" },
-    { code: "PT", emoji: "🇵🇹", phone_code: 351, name: "Portugal" },
-    { code: "PR", emoji: "🇵🇷", phone_code: 1787, name: "Puerto Rico" },
-    { code: "QA", emoji: "🇶🇦", phone_code: 974, name: "Qatar" },
-    { code: "RO", emoji: "🇷🇴", phone_code: 40, name: "Romania" },
-    { code: "RU", emoji: "🇷🇺", phone_code: 70, name: "Russia" },
-    { code: "RW", emoji: "🇷🇼", phone_code: 250, name: "Rwanda" },
-    { code: "WS", emoji: "🇼🇸", phone_code: 684, name: "Samoa" },
-    { code: "SM", emoji: "🇸🇲", phone_code: 378, name: "San Marino" },
-    { code: "SA", emoji: "🇸🇦", phone_code: 966, name: "Saudi Arabia" },
-    { code: "SN", emoji: "🇸🇳", phone_code: 221, name: "Senegal" },
-    { code: "RS", emoji: "🇷🇸", phone_code: 381, name: "Serbia" },
-    { code: "SC", emoji: "🇸🇨", phone_code: 248, name: "Seychelles" },
-    { code: "SL", emoji: "🇸🇱", phone_code: 232, name: "Sierra Leone" },
-    { code: "SG", emoji: "🇸🇬", phone_code: 65, name: "Singapore" },
-    { code: "SK", emoji: "🇸🇰", phone_code: 421, name: "Slovakia" },
-    { code: "SI", emoji: "🇸🇮", phone_code: 386, name: "Slovenia" },
-    { code: "SB", emoji: "🇸🇧", phone_code: 677, name: "Solomon Islands" },
-    { code: "SO", emoji: "🇸🇴", phone_code: 252, name: "Somalia" },
-    { code: "ZA", emoji: "🇿🇦", phone_code: 27, name: "South Africa" },
-    { code: "SS", emoji: "🇸🇸", phone_code: 211, name: "South Sudan" },
-    { code: "ES", emoji: "🇪🇸", phone_code: 34, name: "Spain" },
-    { code: "LK", emoji: "🇱🇰", phone_code: 94, name: "Sri Lanka" },
-    { code: "SD", emoji: "🇸🇩", phone_code: 249, name: "Sudan" },
-    { code: "SR", emoji: "🇸🇷", phone_code: 597, name: "Suriname" },
-    { code: "SZ", emoji: "🇸🇿", phone_code: 268, name: "Swaziland" },
-    { code: "SE", emoji: "🇸🇪", phone_code: 46, name: "Sweden" },
-    { code: "CH", emoji: "🇨🇭", phone_code: 41, name: "Switzerland" },
-    { code: "SY", emoji: "🇸🇾", phone_code: 963, name: "Syria" },
-    { code: "TW", emoji: "🇹🇼", phone_code: 886, name: "Taiwan" },
-    { code: "TJ", emoji: "🇹🇯", phone_code: 992, name: "Tajikistan" },
-    { code: "TZ", emoji: "🇹🇿", phone_code: 255, name: "Tanzania" },
-    { code: "TH", emoji: "🇹🇭", phone_code: 66, name: "Thailand" },
-    { code: "TG", emoji: "🇹🇬", phone_code: 228, name: "Togo" },
-    { code: "TK", emoji: "🇹🇰", phone_code: 690, name: "Tokelau" },
-    { code: "TO", emoji: "🇹🇴", phone_code: 676, name: "Tonga" },
-    { code: "TN", emoji: "🇹🇳", phone_code: 216, name: "Tunisia" },
-    { code: "TR", emoji: "🇹🇷", phone_code: 90, name: "Turkey" },
-    { code: "TM", emoji: "🇹🇲", phone_code: 7370, name: "Turkmenistan" },
-    { code: "TV", emoji: "🇹🇻", phone_code: 688, name: "Tuvalu" },
-    { code: "UG", emoji: "🇺🇬", phone_code: 256, name: "Uganda" },
-    { code: "UA", emoji: "🇺🇦", phone_code: 380, name: "Ukraine" },
-    { code: "AE", emoji: "🇦🇪", phone_code: 971, name: "United Arab Emirates" },
-    { code: "UY", emoji: "🇺🇾", phone_code: 598, name: "Uruguay" },
-    { code: "UZ", emoji: "🇺🇿", phone_code: 998, name: "Uzbekistan" },
-    { code: "VU", emoji: "🇻🇺", phone_code: 678, name: "Vanuatu" },
-    { code: "VE", emoji: "🇻🇪", phone_code: 58, name: "Venezuela" },
-    { code: "VN", emoji: "🇻🇳", phone_code: 84, name: "Vietnam" },
-    { code: "EH", emoji: "🇪🇭", phone_code: 212, name: "Western Sahara" },
-    { code: "YE", emoji: "🇾🇪", phone_code: 967, name: "Yemen" },
-    { code: "ZM", emoji: "🇿🇲", phone_code: 260, name: "Zambia" },
-    { code: "ZW", emoji: "🇿🇼", phone_code: 26, name: "Zimbabwe" },
-  ]
-
-  function init(config) {
-    dropdown_manager = create_dropdown_manager({
-      button_type: "outlined",
-      selected_font_size: 1.2,
-      val: 1,
-      options: countries,
-      val_key: "phone_code",
-      button_display_keys: ["emoji", "name", "phone_code"],
-      row_display_keys: ["emoji", "name", "phone_code"],
-      is_show_arrow: false,
-      is_collapsed: true,
-      on_item_click: (input) => {
-        if (typeof config?.on_change == "function") {
-          config?.on_change(input?.key)
-        }
-      },
-    })
-  }
-
-  init(config)
-
-  return {
-    get val() {
-      return dropdown_manager?.val
-    },
-    get dropdown_manager() {
-      return dropdown_manager
-    },
-  }
-}

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

@@ -1,41 +0,0 @@
-import { create_button_manager } from "../Button/index.svelte.js"
-import { set_closurable } from "../../client/index.js"
-
-export function create_phone_number_manager(config) {
-  let val = $derived(set_closurable(config?.val, null))
-  let main_number = $derived(set_closurable(config?.main_number, null))
-  let country_code = $derived(set_closurable(config?.country_code, null))
-
-  let phone_number_to_use = $derived(
-    val
-      ? typeof val == "object"
-        ? `${val?.country_code}${val?.main_number}`
-        : val
-      : country_code || main_number
-      ? `${country_code}${main_number}`
-      : null
-  )
-
-  let button_manager = $state(
-    create_button_manager({
-      type: "soft",
-      pl: 0.2,
-      pr: 0.2,
-      support_icon: "link",
-      icon_size: 1.5,
-      on_click: () => call_number(),
-    })
-  )
-
-  function call_number() {
-    Object.assign(document.createElement("a"), {
-      href: "tel:" + phone_number_to_use,
-    }).click()
-  }
-  return {
-    get phone_number_to_use() {
-      return phone_number_to_use
-    },
-    button_manager,
-  }
-}

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

@@ -1,301 +0,0 @@
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { copy_to_clipboard, create_unique_id, deep_copy, set_closurable, color_to_css } from "../../client/index.js"
-import QRCodeStyling from "qr-code-styling"
-
-export function create_qr_manager(config) {
-  const id = create_unique_id(null, 20)
-  let margin = $state(null)
-  let size = $state(null)
-  let display_size = $state(200)
-  let image_size = $state(null)
-  let type_number = $state(null)
-  let error_correction_level = $state(null)
-  let color = $state(null)
-  let corner_color = $state(null)
-  let background_color = $state(null)
-  let border_radius = $state(null)
-  let border_width = $state(null)
-  let border_color = $state(null)
-  let data = $state(null)
-  let image = $state(null)
-  let extension = $state(null)
-  let quality = $state(null)
-  let copy_button_manager = $state(null)
-  let download_button_manager = $state(null)
-  let extention_dropdown_manager = $state(null)
-  let qr__styling = $state(null)
-  let is_loaded = $state(false)
-  let error_message = $state(null)
-
-  let is_show_copy = $derived(set_closurable(config?.is_show_copy, false))
-  let is_show_download = $derived(set_closurable(config?.is_show_download, false))
-
-  let scale = $derived(display_size && size ? display_size / size : 0.25)
-
-  function get_options() {
-    // convert "var(--primary-t)" to css the works for qr_ download like oklch(0.67 0.26 203)
-    const color_css = get_css_variable_value(color)
-    const corner_color_css = get_css_variable_value(corner_color)
-    const background_color_css = get_css_variable_value(background_color)
-    return {
-      width: size || 500,
-      height: size || 500,
-      margin: margin || 0,
-      type: "svg", // svg,canvas
-      data: data ?? null,
-      image: image ?? null,
-      qrOptions: {
-        typeNumber: type_number, // 0-40
-        // mode: null, // 'Numeric' 'Alphanumeric' 'Byte' 'Kanji'
-        errorCorrectionLevel: error_correction_level || "Q", // 'L' 'M' 'Q' 'H'
-      },
-      dotsOptions: {
-        type: "rounded", // 'rounded' 'dots' 'classy' 'classy-rounded' 'square' 'extra-rounded'
-        color: color_css,
-        // gradient: {
-        //   type: "radial", // 'linear' 'radial'
-        //   rotation: 0,
-        //   colorStops: [
-        //     { offset: 0, color: "green" },
-        //     { offset: 1, color: "yellow" },
-        //   ],
-        // },
-      },
-      cornersSquareOptions: {
-        type: "extra-rounded", // 'dot' 'square' 'extra-rounded'
-        color: corner_color_css,
-        // gradient: {
-        //   type: "linear", // 'linear' 'radial'
-        //   rotation: 0.5,
-        //   colorStops: [
-        //     { offset: 0, color: corner_color_css },
-        //     { offset: 1, color: corner_color_css },
-        //   ],
-        // },
-      },
-      // cornersDotOptionsHelper: {
-      // type: "square", // 'dot' 'square'
-      // color: "green",
-      // gradient: {
-      //   type: "linear", // 'linear' 'radial'
-      //   rotation: 0,
-      //   colorStops: [
-      //     { offset: 0, color: "green" },
-      //     { offset: 1, color: "yellow" },
-      //   ],
-      // },
-      // },
-      backgroundOptions: {
-        color: background_color_css,
-        // gradient: {
-        //   type: "radial",
-        //   rotation: 0.5,
-        //   colorStops: [
-        //     { offset: 0, color: "white" },
-        //     { offset: 1, color: "red" },
-        //   ],
-        // },
-      },
-      imageOptions: {
-        // hideBackgroundDots: true,
-        imageSize: image_size,
-        crossOrigin: "anonymous",
-        margin: 5,
-      },
-    }
-  }
-
-  function get_css_variable_value(input) {
-    const element = document.createElement("div")
-    document.body.appendChild(element)
-    element.style.color = input
-    const style = getComputedStyle(element)
-    const value = style.color
-    document.body.removeChild(element)
-    return value
-  }
-
-  async function on_mount() {
-    try {
-      error_message = null
-      const options = get_options()
-      qr__styling = new QRCodeStyling(deep_copy(options))
-      let qr_el = document?.querySelector(`#qr_${id}`)
-      qr__styling.append(qr_el)
-      qr__styling.update()
-      is_loaded = true
-    } catch (error) {
-      console.error("QR Code generation error:", error)
-      error_message = "An error occurred."
-      if (error && error.startsWith("code length overflow")) {
-        error_message +=
-          " You may need to decrease the amount of data in the QR code, decrease the repetition of that data (error_correction_level), or decrease the detail of the data (type_number)."
-      }
-      is_loaded = true
-    }
-  }
-
-  function set_options(input) {
-    margin = input?.margin ?? 10
-    size = input?.size ?? 800
-    display_size = input?.display_size ?? 200
-    image_size = input?.image_size ?? 0.5
-    type_number = input?.type_number ?? 0
-    error_correction_level = input?.error_correction_level ?? "Q"
-    color = color_to_css(input?.color ?? "var(--primary-t)")
-    corner_color = color_to_css(input?.corner_color ?? "color-mix(in oklab, var(--primary-t), var(--bg) 20%)")
-    background_color = color_to_css(input?.background_color ?? "#ffffff00")
-    border_color = color_to_css(input?.border_color ?? "var(--shadow7-t)")
-    border_radius = input?.border_radius ?? (size + 2 * margin) / 100
-    border_width = input?.border_width ?? 1
-    data = input?.data ?? null
-    image =
-      input?.image && input?.image.startsWith("<svg")
-        ? `data:image/svg+xml;utf8,${encodeURIComponent(input?.image)}`
-        : input?.image ?? null
-    extension = input?.extension ?? "svg"
-    quality = input?.quality ?? 0.8
-  }
-
-  function update(input = null) {
-    if (input) {
-      set_options(input)
-    }
-    try {
-      error_message = null
-      const options = get_options()
-      qr__styling.update(deep_copy(options))
-    } catch (error) {
-      error_message = "QR Code update error:" + error
-    }
-  }
-
-  function download() {
-    const options = get_options()
-    qr__styling.download({ name: "Qr", extension, ...options }, quality) // Options with extension and name of file (not required),
-  }
-
-  // async function get_raw_data() {
-  //   const raw_data = await qr__styling.getRawData(extension)
-  //   console.log("raw_data", raw_data)
-  // }
-
-  // async function to_data_url() {
-  //   const data_url = await qr__styling.toDataUrl(extension, quality) // 'png' 'jpeg' 'webp'
-  //   console.log("data_url", data_url)
-  // }
-
-  function init(input) {
-    set_options(input)
-    copy_button_manager = create_button_manager({
-      type: "outlined",
-      is_uniform: true,
-      is_success_animation: true,
-      support_icon: "clipboard",
-      on_click: () => copy_to_clipboard(data),
-    })
-    download_button_manager = create_button_manager({
-      type: "outlined",
-      is_uniform: true,
-      is_success_animation: true,
-      support_icon: "download",
-      on_click: () => download(),
-    })
-    extention_dropdown_manager = create_dropdown_manager({
-      val: extension,
-      options: [
-        { key: "svg", name: "svg" },
-        { key: "png", name: "png" },
-        { key: "webp", name: "webp" },
-      ],
-      target_height: 130,
-      on_item_click: (input) => {
-        extension = input?.key
-        extention_dropdown_manager.set_val(input?.key)
-      },
-    })
-  }
-
-  init(config)
-
-  return {
-    id,
-    get margin() {
-      return margin
-    },
-    get size() {
-      return size
-    },
-    get image_size() {
-      return image_size
-    },
-    get type_number() {
-      return type_number
-    },
-    get error_correction_level() {
-      return error_correction_level
-    },
-    get color() {
-      return color
-    },
-    get corner_color() {
-      return corner_color
-    },
-    get background_color() {
-      return background_color
-    },
-    get border_radius() {
-      return border_radius
-    },
-    get border_width() {
-      return border_width
-    },
-    get border_color() {
-      return border_color
-    },
-    get data() {
-      return data
-    },
-    get image() {
-      return image
-    },
-    get extension() {
-      return extension
-    },
-    get name() {
-      return name
-    },
-    get quality() {
-      return quality
-    },
-    get is_show_copy() {
-      return is_show_copy
-    },
-    get is_show_download() {
-      return is_show_download
-    },
-    get copy_button_manager() {
-      return copy_button_manager
-    },
-    get download_button_manager() {
-      return download_button_manager
-    },
-    get extention_dropdown_manager() {
-      return extention_dropdown_manager
-    },
-    get is_loaded() {
-      return is_loaded
-    },
-    get error_message() {
-      return error_message
-    },
-    get scale() {
-      return scale
-    },
-    init,
-    on_mount,
-    download,
-    update,
-  }
-}

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

@@ -1,76 +0,0 @@
-import { create_icon_manager } from "../Icon/index.svelte.js"
-
-export function create_tag_manager(config) {
-  let val = $state(null)
-  let is_dynamic = $state(false)
-  let tag_options = $state(null)
-  let data_type = $state(null)
-  let icon_manager = $state(null)
-
-  let tag_val = $derived(get_tag_val())
-
-  function set_tag_options(input) {
-    let tag_options_loc = []
-    if (Array.isArray(input)) {
-      for (let tag_option_input of input) {
-        tag_options_loc.push({
-          ...tag_option_input, // can fix to clean later
-        })
-      }
-    }
-    tag_options = tag_options_loc
-  }
-
-  function set_val(input) {
-    val = input
-  }
-
-  function get_tag_val() {
-    if (!is_dynamic) {
-      return val
-    }
-    if (Array.isArray(tag_options)) {
-      for (let tag_option of tag_options) {
-        if (is_match(tag_option?.match_for, val)) {
-          return tag_option
-        }
-      }
-    }
-    return null
-  }
-
-  function init(config) {
-    val = config?.val
-    data_type = config?.data_type
-    is_dynamic = !!config?.is_dynamic
-    icon_manager = create_icon_manager({
-      icon_id: () => tag_val?.icon,
-      color: "oklch(var(--l10-t) var(--c{manager?.tag_val?.color?.c ?? 11}) var(--h{manager?.tag_val?.color?.h}))",
-      size: 1.6,
-      sw: 50,
-    })
-    set_tag_options(config?.tag_options)
-  }
-  init(config)
-
-  return {
-    get val() {
-      return val
-    },
-    get tag_val() {
-      return tag_val
-    },
-    get tag_options() {
-      return tag_options
-    },
-    get data_type() {
-      return data_type
-    },
-    get icon_manager() {
-      return icon_manager
-    },
-    init,
-    set_tag_options,
-    set_val,
-  }
-}