import { defineComponent as d, inject as u, computed as c, openBlock as h, createBlock as y, unref as k, normalizeClass as f } from "vue";
import { uniqueId as v } from "es-toolkit/compat";
import { I as b } from "./index-D6bxWkZ1.js";
var l = /* @__PURE__ */ ((r) => (r.Approved = "approved", r.Avatar = "avatar", r.Barcode = "barcode", r.Calendar = "calendar", r.Cartridge = "cartridge", r.Celebrate = "celebrate", r.ChatBubble = "chat-bubble", r.CheckBox = "check-box", r.CheckCircle = "check-circle", r.Click = "click", r.Cocktail = "cocktail", r.Confirmation = "confirmation", r.Connnect = "connnect", r.Cookie = "cookie", r.CreditCard = "credit-card", r.Crm = "crm", r.Cultivation = "cultivation", r.Data = "data", r.DeliveryCompleted = "delivery-completed", r.Delivery = "delivery", r.DigitalPayments = "digital-payments", r.Discover = "discover", r.Diversity = "diversity", r.Drink = "drink", r.Dolly = "dolly", r.EasyReconciliations = "easy-reconciliations", r.Efficiency = "efficiency", r.Error = "error", r.ExtendDate = "extend-date", r.FinancialGrowth = "financial-growth", r.FinancialInstitution = "financial-institution", r.Focus = "focus", r.FulfillmentIssues = "fulfillment-issues", r.Growth = "growth", r.Handshake = "handshake", r.Hierarchy = "hierarchy", r.Home = "home", r.Laptop = "laptop", r.Licenses = "licenses", r.LightBulb = "light-bulb", r.LightbulbError = "lightbulb-error", r.LineChart = "line-chart", r.Link = "link", r.LocationPin = "location-pin", r.Lock = "lock", r.Messaging = "messaging", r.Messages = "messages", r.Microchip = "microchip", r.MissingData = "missing-data", r.MoneyTransfer = "money-transfer", r.Money = "money", r.NoInventoryAccess = "no-inventory-access", r.NoInventory = "no-inventory", r.NoPromote = "no-promote", r.PackageReceived = "package-received", r.Package = "package", r.PaymentProcessing = "payment-processing", r.Phone = "phone", r.PieChart = "pie-chart", r.ProductCycle = "product-cycle", r.Puzzle = "puzzle", r.Receipt = "receipt", r.Retail = "retail", r.SearchingDocument = "searching-document", r.ShoppingBasket = "shopping-basket", r.Shopping = "shopping", r.Sign = "sign", r.Smile = "smile", r.Speed = "speed", r.Time = "time", r.Tools = "tools", r.Truck = "truck", r.User = "user", r.Warehouse = "warehouse", r.Warning = "warning", r.XCircle = "x-circle", r))(l || {});
const C = Object.values(l);
var o = /* @__PURE__ */ ((r) => (r.Api = "api", r.Bank = "bank", r.Basket = "basket", r.BrandMenu = "brand-menu", r.Calendar = "calendar", r.Dashboard = "dashboard", r.Deals = "deals", r.DocumentSearch = "document-search", r.Edit = "edit", r.EmptyTray = "empty-tray", r.Graph = "graph", r.Integrations = "integrations", r.LightBulb = "light-bulb", r.Map = "map", r.Megaphone = "megaphone", r.Messages = "messages", r.MoneyBank = "money-bank", r.NoFiltersResult = "no-filters-result", r.Notifications = "notifications", r.OrdersEmpty = "orders-empty", r.Payments = "payments", r.PieChart = "pie-chart", r.ProductCards = "product-cards", r.ProductDetails = "product-details", r.ProductDisplay = "product-display", r.Search = "search", r.SearchStorefront = "search-storefront", r.Store = "store", r.Todo = "todo", r.Truck = "truck", r.Users = "users", r.Warehouse = "warehouse", r.WarehouseDelivery = "warehouse-delivery", r))(o || {});
const g = Object.values(o);
var i = /* @__PURE__ */ ((r) => (r.Spot = "spot", r.Vignette = "vignette", r.Scene = "scene", r))(i || {});
const I = /* @__PURE__ */ d({
  __name: "Illustration",
  props: {
    id: { default: v("ll-illustration-") },
    name: {},
    title: { default: "" },
    size: { default: 48 },
    type: { default: i.Spot },
    fillColor: { default: "blue" },
    strokeColor: { default: "purple-500" },
    staticPath: { default: "" }
  },
  setup(r) {
    const s = r;
    if (s.type === i.Scene)
      throw new Error(
        "Scene illustration types are not supported. Illustrations will need to be uploaded under ./assets/illustrations/scene. Illustrations to be provided by design."
      );
    if (s.type === i.Spot && !C.includes(s.name) || s.type === i.Vignette && !g.includes(s.name))
      throw new Error(
        `${s.type} illustration name ${s.name} not found. Did you check that you are using the correct type for your illustration?`
      );
    const n = u("stashOptions", {
      staticPath: "/static"
    }), e = c(() => s.type === i.Spot), t = c(() => e.value ? "0" : !1), a = c(() => s.staticPath || (n == null ? void 0 : n.staticPath));
    return (P, D) => (h(), y(k(b), {
      id: s.id,
      class: f(["inline-block align-middle", {
        [`text-${s.fillColor}-400 stroke-${s.strokeColor}`]: e.value
      }]),
      title: s.title,
      height: s.size,
      width: s.size,
      "stroke-width": t.value,
      fill: "none",
      src: `${a.value}/illustrations/${s.type}/${s.name}.svg`
    }, null, 8, ["id", "class", "title", "height", "width", "stroke-width", "src"]));
  }
});
export {
  i as I,
  l as S,
  o as V,
  I as _,
  C as s,
  g as v
};
//# sourceMappingURL=Illustration.vue_vue_type_script_setup_true_lang-Bs1KwoBm.js.map
