@infotrust/ui 0.0.0-stage → 0.30.0

package/dist/plugin.d.ts

@@ -0,0 +1,69 @@
+import { type Plugin } from 'vue';
+import { type PrimeVueConfiguration } from 'primevue/config';
+export interface InfotrustUIOptions {
+    /**
+     * Selector that turns on PrimeVue's dark values. Default IT_DARK_MODE_SELECTOR,
+     * the selectors tokens.css reads. Pass several selectors as an array, one
+     * selector per entry: PrimeVue recognizes only a lone `.class`, a lone
+     * `[attr]`, `@media …`, or `system`, and treats a comma list in one string as
+     * a custom selector that it nests around `:root`, which never matches. A
+     * comma list given here is split into entries for you (itDarkModeSelector).
+     */
+    darkModeSelector?: string | string[];
+    /** Locale for the format helpers. Default 'en-US'. */
+    locale?: string;
+    /** Extra PrimeVue configuration merged over the InfoTrust defaults. */
+    primevue?: Partial<PrimeVueConfiguration>;
+    /** The soft ripple on every button. Default true. */
+    ripple?: boolean;
+    /**
+     * The full cascade layer order, for an app that adds layers of its own (e.g.
+     * a `legacy` layer for pre-design-system styles between `primevue` and
+     * `it-components`). PrimeVue writes this order first in the document, so it
+     * is the order the page gets: an app layer named only in its own CSS would
+     * land above every library layer. Keep the library's layers in their order.
+     * Default IT_CSS_LAYER_ORDER.
+     */
+    cssLayerOrder?: string;
+}
+/**
+ * Installs PrimeVue with the InfoTrust preset, the confirmation service, and
+ * the tooltip and v-it-truncate directives. Import the one stylesheet as well:
+ *
+ *   import '@infotrust/ui/styles.css';
+ *
+ * then render <ItOverlayHost /> once in the root component. PrimeVue's runtime
+ * theme goes into the `primevue` cascade layer, in the order styles.css declares.
+ */
+export declare const IT_CSS_LAYER_ORDER = "it-tokens, it-base, primevue, it-components, it-overrides";
+/**
+ * The selectors that turn dark mode on, as tokens.css reads them: `data-theme`
+ * on <html> (what initItTheme writes) and the legacy `.suite-theme-dark` class.
+ * One selector per entry, so PrimeVue emits `:root[data-theme="dark"]` and
+ * `.suite-theme-dark` rules.
+ */
+export declare const IT_DARK_MODE_SELECTOR: readonly string[];
+/**
+ * A dark-mode selector in the form PrimeVue resolves: one selector per entry.
+ * A selector list in one string (`'[data-theme="dark"], .app-dark'`) is split
+ * at its top-level commas; a media query and a `[CSS]` template stay whole.
+ */
+export declare function itDarkModeSelector(selector?: string | readonly string[]): string | string[];
+/** The PrimeVue `theme` configuration createInfotrustUI installs. */
+export declare function itPrimeVueTheme(options?: Pick<InfotrustUIOptions, 'darkModeSelector' | 'cssLayerOrder'>): {
+    preset: import("@primeuix/themes/types").Preset;
+    options: {
+        darkModeSelector: string | string[];
+        cssLayer: {
+            name: string;
+            order: string;
+        };
+    };
+};
+/**
+ * The layer order to install: the app's, when it keeps every library layer in
+ * the library's order; otherwise the library's (a reordered or missing library
+ * layer would let app or PrimeVue styles restyle the components).
+ */
+export declare function itCssLayerOrder(appOrder?: string): string;
+export declare function createInfotrustUI(options?: InfotrustUIOptions): Plugin;

package/dist/registries/entity-type.d.ts

@@ -0,0 +1,18 @@
+/** Display names for an entity kind. Platform identity stays in platformMeta. */
+export interface EntityTypeMeta {
+    key: string;
+    name: string;
+    plural: string;
+}
+export interface EntityTypeNameOptions {
+    /** Explicit form; takes precedence over count. */
+    plural?: boolean;
+    /** Selects the noun form only. One is singular; other finite counts are plural. */
+    count?: number;
+}
+/** Add or override kinds at app startup, using sentence-case names and explicit plurals. */
+export declare function registerEntityTypes(entries: Record<string, Omit<EntityTypeMeta, 'key'>>): void;
+/** Resolve a kind. Unknown kinds use the humanized last dotted segment, never the namespace. */
+export declare function entityTypeMeta(kind: string | null | undefined): EntityTypeMeta;
+/** Return a noun only. Use formatCount separately when the number must also appear. */
+export declare function entityTypeName(kind: string | null | undefined, options?: EntityTypeNameOptions): string;

package/dist/registries/platform-art.d.ts

@@ -0,0 +1,2 @@
+import type { PlatformMark } from './platform-marks';
+export declare const PLATFORM_ART: Record<string, PlatformMark>;

package/dist/registries/platform-marks.d.ts

@@ -0,0 +1,12 @@
+export interface PlatformMark {
+    /** The brand's logo as an SVG document, with a viewBox. Drawn as an image, so its ids never clash with the page. */
+    svg: string;
+    /** The brand's version for dark backgrounds (its black drawn white), when the logo needs one. */
+    dark?: string;
+}
+/** Platforms with built-in artwork. */
+export declare const BUILT_IN_MARKS: ReadonlySet<string>;
+/** Loads the built-in artwork once; later calls share it. */
+export declare function loadBuiltInMarks(): Promise<Record<string, PlatformMark>>;
+/** A built-in logo when the artwork has loaded already, so a later logo draws in the same frame. */
+export declare function builtInMarkNow(key: string): PlatformMark | null;

package/dist/registries/platform.d.ts

@@ -0,0 +1,22 @@
+import { type PlatformMark } from './platform-marks';
+export type { PlatformMark };
+/** Color family, mapped to `--it-color-platform-<family>-*`. */
+export type PlatformFamily = 'blue' | 'amber' | 'indigo' | 'green' | 'teal' | 'neutral';
+export interface PlatformMeta {
+    key: string;
+    /** Full name: "Google Analytics 4". */
+    name: string;
+    /** Short name for dense UI: "GA4". */
+    short: string;
+    family: PlatformFamily;
+    /** Optional logo URL (SVG preferred), drawn at 14px before the name. */
+    logo?: string;
+    /** The app's own logo for the platform, as an SVG document (`{ svg, dark? }`). Built-in platforms have theirs already (platformHasMark). */
+    mark?: PlatformMark;
+}
+/** Register or override a platform. Aliases are matched case- and punctuation-insensitively. */
+export declare function registerPlatform(meta: PlatformMeta, aliases?: string[]): void;
+/** Resolve any platform identifier ("ga4", "Google Analytics 4", "GA") to its metadata. */
+export declare function platformMeta(platform: string | null | undefined): PlatformMeta;
+/** Whether ItPlatformLogo draws a logo for the platform (the app's own, or a built-in one), without loading the artwork. */
+export declare function platformHasMark(platform: string | null | undefined): boolean;

package/dist/registries/severity.d.ts

@@ -0,0 +1,23 @@
+import type { StatusTone } from './status';
+export type SeverityLevel = 'critical' | 'warning' | 'info' | 'passed' | 'unscored';
+export interface SeverityMeta {
+    level: SeverityLevel;
+    label: string;
+    /** Sort order, most severe first. */
+    rank: number;
+    /** Token family: --it-color-status-<tone>-{fg,bg,border,solid}. */
+    tone: StatusTone;
+}
+export declare const SEVERITY: Record<SeverityLevel, SeverityMeta>;
+export declare const SEVERITY_FLOORS: {
+    readonly critical: 4;
+    readonly warning: 2;
+    readonly info: 0;
+};
+/** Numeric score (or an existing level name) → severity level. */
+export declare function severityLevel(value: number | string | null | undefined): SeverityLevel;
+export declare function severityMeta(value: number | string | null | undefined): SeverityMeta;
+/** CSS color for charts and bars: `var(--it-color-status-danger-solid)` for a critical score. */
+export declare function severityColor(value: number | string | null | undefined): string;
+/** Comparator for sorting by severity, most severe first. */
+export declare function compareSeverity(a: number | string | null | undefined, b: number | string | null | undefined): number;

package/dist/registries/status.d.ts

@@ -0,0 +1,13 @@
+export type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+export interface StatusMeta {
+    label: string;
+    tone: StatusTone;
+    /** Show an animated pulse on the dot (in-progress states). */
+    live?: boolean;
+    /** Paused for a person (awaiting approval): a light runs around the border of a DAG step with this status. */
+    waiting?: boolean;
+}
+/** Add or override statuses for one domain, e.g. registerStatuses('ticket', { auto_grantable: … }). */
+export declare function registerStatuses(domain: string, statuses: Record<string, StatusMeta>): void;
+/** Resolve a raw status string. Unknown statuses render as neutral with a sentence-case label. */
+export declare function statusMeta(status: string | null | undefined, domain?: string): StatusMeta;

package/dist/styles.css

@@ -0,0 +1,26 @@
+/* @infotrust/ui/styles.css — the one stylesheet an app imports.
+ *
+ * Cascade layers fix the order, so import position and selector specificity
+ * never decide who wins. Lowest to highest:
+ *
+ *   it-tokens      --it-* variables, light and dark
+ *   it-base        element defaults, focus, type-role classes
+ *   primevue       PrimeVue's theme, injected at runtime (createInfotrustUI
+ *                  declares the same layer order)
+ *   it-components  @infotrust/ui component styles
+ *   it-overrides   sizing PrimeVue's preset cannot express
+ *
+ * App CSS is unlayered, so it always beats every layer: a local token override
+ * or a page style wins with plain selectors, no forced priority.
+ *
+ * The font import is unlayered and follows the layer statement: bundlers hoist
+ * its url() import to the top, which keeps the order above intact. (Put it in
+ * a layer and the hoisted import would declare that layer first.) */
+
+@layer it-tokens, it-base, primevue, it-components, it-overrides;
+
+@import '@infotrust/design-tokens/fonts.css';
+@import '@infotrust/design-tokens/tokens.css' layer(it-tokens);
+@import '@infotrust/design-tokens/base.css' layer(it-base);
+@import './components.css' layer(it-components);
+@import '@infotrust/design-tokens/primevue.css' layer(it-overrides);

package/dist/text-nGkJYA88.js

@@ -0,0 +1,470 @@
+import { defineComponent as W, withDirectives as I, openBlock as u, createBlock as T, unref as m, normalizeClass as x, withCtx as me, resolveDynamicComponent as fe, createElementBlock as g, toDisplayString as B, createCommentVNode as S, watch as $, onBeforeUnmount as ee, ref as P, nextTick as ge, onMounted as ye, computed as p, createTextVNode as V, createElementVNode as te, normalizeStyle as he, Fragment as ve } from "vue";
+import pe from "primevue/button";
+const ke = 500, be = 120, K = 4, L = 8, b = /* @__PURE__ */ new WeakMap();
+let s = null, c = null, A = null, ae, z;
+function oe(e) {
+  if (e.scrollWidth - e.clientWidth > 1) return !0;
+  if (e.scrollHeight - e.clientHeight <= 1) return !1;
+  const t = getComputedStyle(e).webkitLineClamp;
+  return !!t && t !== "none" && e.scrollHeight - e.clientHeight > 1;
+}
+function U(e) {
+  return typeof e.showPopover == "function";
+}
+function we() {
+  return s != null && s.isConnected || (s = document.createElement("div"), s.className = "it-truncate-hint it-hint-surface", s.id = "it-shared-hint", s.setAttribute("aria-hidden", "true"), U(s) && (s.popover = "manual"), s.addEventListener("pointerenter", () => clearTimeout(z)), s.addEventListener("pointerleave", () => le()), document.body.append(s)), s;
+}
+function ne(e, t) {
+  const a = e.getBoundingClientRect(), o = document.documentElement.clientWidth, n = window.innerHeight, i = getComputedStyle(t), l = (parseFloat(i.paddingLeft) || 0) + (parseFloat(i.borderLeftWidth) || 0), { width: r, height: d } = t.getBoundingClientRect(), E = Math.min(Math.max(L, a.left - l), Math.max(L, o - L - r)), y = a.top - K - d, v = a.bottom + K, D = y >= L || v + d > n - L ? "top" : "bottom";
+  t.style.left = `${Math.round(E)}px`, t.style.top = `${Math.round(D === "top" ? Math.max(L, y) : v)}px`, t.dataset.side = D;
+}
+function ie(e, t) {
+  var l, r;
+  const a = typeof t == "object" && t ? t.text : t, o = (l = typeof t == "object" && t ? t.detail : null) == null ? void 0 : l.trim(), n = (a ?? e.textContent ?? "").trim(), i = [];
+  return n && ((r = b.get(e)) != null && r.always || oe(e)) && i.push(["it-truncate-hint__text", n]), o && i.push(["it-truncate-hint__detail", o]), i;
+}
+function se(e, t, a) {
+  const o = ie(e, t);
+  return o.length ? (a.replaceChildren(
+    ...o.map(([n, i]) => {
+      const l = document.createElement("span");
+      return l.className = n, l.textContent = i, l;
+    })
+  ), !0) : !1;
+}
+function Ee(e) {
+  const t = b.get(e);
+  if (!t || !e.isConnected || e.matches(':disabled, [aria-disabled="true"]')) return;
+  const a = we();
+  se(e, t.value, a) && (c = e, t.always ? (a.removeAttribute("aria-hidden"), a.setAttribute("role", "tooltip"), e.setAttribute("aria-describedby", [e.getAttribute("aria-describedby"), a.id].filter(Boolean).join(" "))) : (a.setAttribute("aria-hidden", "true"), a.removeAttribute("role")), a.style.left = "0px", a.style.top = "0px", a.classList.add("it-truncate-hint--open"), U(a) && !a.matches(":popover-open") && a.showPopover(), ne(e, a), document.addEventListener("keydown", re, !0), document.addEventListener("pointerdown", ue, !0), window.addEventListener("scroll", f, !0), window.addEventListener("resize", f));
+}
+function w(e) {
+  e && A !== e || (clearTimeout(ae), A = null);
+}
+function f() {
+  if (w(), clearTimeout(z), c && s) {
+    const e = (c.getAttribute("aria-describedby") ?? "").split(" ").filter((t) => t && t !== s.id);
+    e.length ? c.setAttribute("aria-describedby", e.join(" ")) : c.removeAttribute("aria-describedby");
+  }
+  c = null, document.removeEventListener("keydown", re, !0), document.removeEventListener("pointerdown", ue, !0), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), s && (s.removeAttribute("role"), s.classList.remove("it-truncate-hint--open"), U(s) && s.matches(":popover-open") && s.hidePopover());
+}
+function R(e) {
+  const t = b.get(e);
+  !t || !ie(e, t.value).length || (clearTimeout(z), !(A && e.contains(A)) && (c && e.contains(c) || (w(), c && f(), A = e, ae = setTimeout(() => {
+    A = null, Ee(e);
+  }, ke))));
+}
+function le() {
+  w(), clearTimeout(z), z = setTimeout(f, be);
+}
+function Le(e) {
+  R(e);
+}
+function Ae(e) {
+  c === e ? f() : w(e);
+}
+function re(e) {
+  e.key !== "Escape" || !c || (e.stopPropagation(), e.preventDefault(), f());
+}
+function ue(e) {
+  e.target instanceof Node && (s != null && s.contains(e.target)) || f();
+}
+function Te(e) {
+  try {
+    return e.matches(":focus-visible") || !!e.querySelector(":focus-visible");
+  } catch {
+    return !1;
+  }
+}
+function ce(e, t) {
+  return {
+    mounted(a, o) {
+      e || a.classList.add("it-truncate");
+      const n = (d) => {
+        d.pointerType !== "touch" && R(a);
+      }, i = () => {
+        c === a ? le() : w(a);
+      }, l = () => {
+        Te(a) && R(a);
+      }, r = () => {
+        c === a ? f() : w(a);
+      };
+      a.addEventListener("pointerenter", n), a.addEventListener("pointerleave", i), a.addEventListener("focusin", l), a.addEventListener("focusout", r), b.set(a, {
+        value: t(o.value),
+        always: e,
+        cleanup: () => {
+          a.removeEventListener("pointerenter", n), a.removeEventListener("pointerleave", i), a.removeEventListener("focusin", l), a.removeEventListener("focusout", r);
+        }
+      });
+    },
+    updated(a, o) {
+      e || a.classList.add("it-truncate");
+      const n = b.get(a);
+      n && (n.value = t(o.value), c === a && s && (se(a, n.value, s) ? ne(a, s) : f()));
+    },
+    beforeUnmount(a) {
+      var o;
+      w(a), (o = b.get(a)) == null || o.cleanup(), b.delete(a), c === a && f();
+    }
+  };
+}
+const Y = ce(!1, (e) => e), de = ce(
+  !0,
+  (e) => typeof e == "string" ? e : e && !e.disabled ? e.value ?? "" : ""
+), Ue = /* @__PURE__ */ W({
+  __name: "ItIconButton",
+  props: {
+    icon: {},
+    label: {},
+    tooltip: { type: [String, Boolean], default: void 0 },
+    size: { default: "md" },
+    variant: { default: "ghost" },
+    tone: { default: "default" },
+    pressed: { type: Boolean, default: void 0 },
+    badge: { type: [Number, Boolean] },
+    disabled: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    const t = de;
+    return (a, o) => I((u(), T(m(pe), {
+      class: x(["it-icon-button", { "it-icon-button--pressed": e.pressed }]),
+      "aria-label": e.label,
+      "aria-pressed": e.pressed,
+      "aria-busy": e.loading || void 0,
+      severity: e.tone === "accent" ? void 0 : e.tone === "danger" ? "danger" : "secondary",
+      text: e.variant === "ghost",
+      outlined: e.variant === "secondary",
+      size: e.size === "sm" ? "small" : void 0,
+      disabled: e.disabled || e.loading,
+      loading: e.loading
+    }, {
+      icon: me(() => [
+        (u(), T(fe(e.icon), {
+          size: e.size === "sm" ? 14 : 16,
+          "aria-hidden": "true"
+        }, null, 8, ["size"])),
+        e.badge !== void 0 && e.badge !== !1 ? (u(), g("span", {
+          key: 0,
+          class: x(["it-icon-button__badge", { "it-icon-button__badge--dot": e.badge === !0 }]),
+          "aria-hidden": "true"
+        }, B(e.badge === !0 ? "" : e.badge), 3)) : S("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "aria-label", "aria-pressed", "aria-busy", "severity", "text", "outlined", "size", "disabled", "loading"])), [
+      [
+        m(t),
+        e.tooltip === !1 ? void 0 : e.tooltip ?? e.label,
+        void 0,
+        { top: !0 }
+      ]
+    ]);
+  }
+}), k = [];
+function J(e) {
+  var t, a;
+  e.code !== "Escape" || e.isComposing || (a = (t = k[k.length - 1]) == null ? void 0 : t.onEscape) == null || a.call(t, e);
+}
+function xe(e) {
+  return !k.length && typeof document < "u" && document.addEventListener("keydown", J), k.push(e), () => {
+    const t = k.indexOf(e);
+    t < 0 || (k.splice(t, 1), !k.length && typeof document < "u" && document.removeEventListener("keydown", J));
+  };
+}
+function qe(e, t) {
+  let a = null;
+  const o = (n) => {
+    n && !a ? a = xe({ onEscape: t }) : !n && a && (a(), a = null);
+  };
+  $(e, o, { immediate: !0 }), ee(() => o(!1));
+}
+const H = /* @__PURE__ */ new Set([
+  "ad-manager",
+  "adobe",
+  "amazon",
+  "amplitude",
+  "bigquery",
+  "cm360",
+  "dv360",
+  "excel",
+  "ga4",
+  "gmail",
+  "google",
+  "google-ads",
+  "google-cloud",
+  "google-drive",
+  "google-sheets",
+  "gtm",
+  "hubspot",
+  "instagram",
+  "jira",
+  "linkedin",
+  "looker-studio",
+  "meta",
+  "microsoft",
+  "microsoft-teams",
+  "pinterest",
+  "reddit",
+  "sa360",
+  "salesforce",
+  "segment",
+  "servicenow",
+  "shopify",
+  "slack",
+  "snapchat",
+  "snowflake",
+  "tag-inspector",
+  "tealium",
+  "tiktok",
+  "x",
+  "youtube"
+]);
+let Q = null, G = null;
+function Se() {
+  return Q ?? (Q = import("./platform-art-Bt1CnaKE.js").then((e) => G = e.PLATFORM_ART)), Q;
+}
+function ze(e) {
+  return (G == null ? void 0 : G[e]) ?? null;
+}
+const O = {}, F = {}, j = (e) => e.trim().toLowerCase().replace(/[^a-z0-9]/g, "");
+function Me(e, t = []) {
+  O[e.key] = e;
+  for (const a of [e.key, e.name, e.short, ...t]) F[j(a)] = e.key;
+}
+const Ce = [
+  // Google Marketing Platform and Google Cloud
+  [{ key: "google", name: "Google", short: "Google", family: "blue" }, ["googleaccount", "googleoauth"]],
+  [{ key: "gtm", name: "Google Tag Manager", short: "GTM", family: "blue" }, ["googletagmanager", "tagmanager"]],
+  [{ key: "ga4", name: "Google Analytics 4", short: "GA4", family: "amber" }, ["googleanalytics", "googleanalytics4", "ga"]],
+  [{ key: "google-ads", name: "Google Ads", short: "Google Ads", family: "blue" }, ["googleads", "adwords"]],
+  [{ key: "dv360", name: "Display & Video 360", short: "DV360", family: "indigo" }, ["displayvideo360", "displayandvideo360"]],
+  [{ key: "cm360", name: "Campaign Manager 360", short: "CM360", family: "indigo" }, ["campaignmanager360", "cm"]],
+  [{ key: "sa360", name: "Search Ads 360", short: "SA360", family: "indigo" }, ["searchads360"]],
+  [{ key: "ad-manager", name: "Google Ad Manager", short: "Ad Manager", family: "blue" }, ["googleadmanager", "gam", "dfp"]],
+  [{ key: "bigquery", name: "BigQuery", short: "BigQuery", family: "blue" }, ["googlebigquery", "bq"]],
+  [{ key: "looker-studio", name: "Looker Studio", short: "Looker Studio", family: "blue" }, ["datastudio", "googledatastudio"]],
+  [{ key: "google-cloud", name: "Google Cloud", short: "Google Cloud", family: "blue" }, ["gcp", "googlecloudplatform"]],
+  [{ key: "youtube", name: "YouTube", short: "YouTube", family: "neutral" }, ["youtubeads"]],
+  // Google Workspace
+  [{ key: "gmail", name: "Gmail", short: "Gmail", family: "neutral" }, ["googlemail"]],
+  [{ key: "google-sheets", name: "Google Sheets", short: "Sheets", family: "green" }, ["sheets", "gsheets"]],
+  [{ key: "google-drive", name: "Google Drive", short: "Drive", family: "neutral" }, ["drive", "gdrive"]],
+  // Ad and social platforms
+  [{ key: "meta", name: "Meta", short: "Meta", family: "indigo" }, ["facebook", "metaads"]],
+  [{ key: "instagram", name: "Instagram", short: "Instagram", family: "indigo" }, ["ig"]],
+  [{ key: "tiktok", name: "TikTok", short: "TikTok", family: "neutral" }, ["tiktokads"]],
+  [{ key: "snapchat", name: "Snapchat", short: "Snapchat", family: "amber" }, ["snap", "snapchatads"]],
+  [{ key: "linkedin", name: "LinkedIn", short: "LinkedIn", family: "blue" }, ["linkedinads"]],
+  [{ key: "pinterest", name: "Pinterest", short: "Pinterest", family: "neutral" }, ["pinterestads"]],
+  [{ key: "reddit", name: "Reddit", short: "Reddit", family: "amber" }, ["redditads"]],
+  [{ key: "x", name: "X", short: "X", family: "neutral" }, ["twitter", "xads"]],
+  [{ key: "amazon", name: "Amazon Ads", short: "Amazon", family: "amber" }, ["amazonads"]],
+  [{ key: "microsoft", name: "Microsoft Advertising", short: "Microsoft", family: "green" }, ["bing", "microsoftads"]],
+  // Analytics, tag management, and data
+  [{ key: "adobe", name: "Adobe Analytics", short: "Adobe", family: "neutral" }, ["adobeanalytics", "omniture"]],
+  [{ key: "tealium", name: "Tealium", short: "Tealium", family: "teal" }, ["tealiumiq"]],
+  [{ key: "segment", name: "Segment", short: "Segment", family: "green" }, ["twiliosegment"]],
+  [{ key: "amplitude", name: "Amplitude", short: "Amplitude", family: "indigo" }, []],
+  [{ key: "snowflake", name: "Snowflake", short: "Snowflake", family: "blue" }, []],
+  [{ key: "tag-inspector", name: "Tag Inspector", short: "Tag Inspector", family: "teal" }, ["taginspector", "ti"]],
+  // Work tools
+  [{ key: "servicenow", name: "ServiceNow", short: "ServiceNow", family: "green" }, ["snow", "sn"]],
+  [{ key: "jira", name: "Jira", short: "Jira", family: "blue" }, ["atlassianjira"]],
+  [{ key: "slack", name: "Slack", short: "Slack", family: "indigo" }, []],
+  [{ key: "microsoft-teams", name: "Microsoft Teams", short: "Teams", family: "indigo" }, ["teams", "msteams"]],
+  [{ key: "excel", name: "Microsoft Excel", short: "Excel", family: "green" }, ["msexcel", "xlsx"]],
+  [{ key: "salesforce", name: "Salesforce", short: "Salesforce", family: "blue" }, ["sfdc"]],
+  [{ key: "hubspot", name: "HubSpot", short: "HubSpot", family: "amber" }, []],
+  [{ key: "shopify", name: "Shopify", short: "Shopify", family: "green" }, []]
+];
+for (const [e, t] of Ce) Me(e, t);
+function q(e) {
+  const t = e ? j(e) : "", a = t && Object.hasOwn(F, t) ? F[t] : void 0;
+  if (a && Object.hasOwn(O, a)) return O[a];
+  const o = (e == null ? void 0 : e.trim()) || "Unknown";
+  return { key: j(o) || "unknown", name: o, short: o, family: "neutral" };
+}
+function Ie(e) {
+  const t = q(e);
+  return !!t.mark || H.has(t.key);
+}
+const C = /* @__PURE__ */ new WeakMap();
+let h;
+function Be(e) {
+  const t = P(null), a = P(!1);
+  let o = !0;
+  const n = () => {
+    o && (a.value = !!t.value && oe(t.value));
+  };
+  $(t, (r, d) => {
+    d && (h == null || h.unobserve(d), C.delete(d)), r && typeof ResizeObserver < "u" && (h ?? (h = new ResizeObserver((E) => {
+      var y;
+      for (const v of E) (y = C.get(v.target)) == null || y();
+    })), C.set(r, n), h.observe(r)), n();
+  }, { flush: "post" }), $(e, () => ge(n)), ye(() => {
+    var r;
+    (r = document.fonts) == null || r.ready.then(n);
+  }), ee(() => {
+    o = !1, t.value && (h == null || h.unobserve(t.value), C.delete(t.value));
+  });
+  function i(r) {
+    t.value && r.target.matches(":focus-visible") && Le(t.value);
+  }
+  function l() {
+    t.value && Ae(t.value);
+  }
+  return { textElement: t, truncated: a, onFocus: i, onBlur: l };
+}
+const Ge = ["src"], $e = { class: "it-sr-only" }, De = ["tabindex", "role", "aria-label"], Ne = ["src"], Pe = /* @__PURE__ */ W({
+  __name: "ItPlatformChip",
+  props: {
+    platform: {},
+    name: { default: "short" },
+    label: { default: void 0 },
+    shape: { default: "chip" },
+    logo: { type: Boolean, default: !1 },
+    size: { default: "sm" }
+  },
+  setup(e) {
+    const t = e, a = de, o = p(() => q(t.platform)), n = p(() => t.logo && Ie(t.platform)), i = p(() => t.label ?? (t.name === "full" ? o.value.name : o.value.short)), l = p(() => i.value === o.value.name ? i.value : `${i.value} (${o.value.name})`), { textElement: r, truncated: d, onFocus: E, onBlur: y } = Be(i), v = p(() => d.value || i.value === o.value.name ? void 0 : o.value.name);
+    return (D, M) => v.value ? I((u(), g("span", {
+      key: 0,
+      class: x(["it-platform", [`it-platform--${o.value.family}`, { "it-platform--md": e.size === "md", "it-platform--pill": e.shape === "pill" }]])
+    }, [
+      o.value.logo ? (u(), g("img", {
+        key: 0,
+        src: o.value.logo,
+        alt: "",
+        class: "it-platform__logo"
+      }, null, 8, Ge)) : n.value ? (u(), T(_, {
+        key: 1,
+        platform: e.platform,
+        size: e.size === "sm" ? 12 : 14,
+        decorative: ""
+      }, null, 8, ["platform", "size"])) : S("", !0),
+      I((u(), g("span", {
+        ref_key: "textElement",
+        ref: r,
+        class: "it-platform__name"
+      }, [
+        V(B(i.value), 1)
+      ])), [
+        [m(Y), l.value]
+      ]),
+      te("span", $e, "(" + B(o.value.name) + ")", 1)
+    ], 2)), [
+      [m(a), v.value]
+    ]) : (u(), g("span", {
+      key: 1,
+      class: x(["it-platform", [`it-platform--${o.value.family}`, { "it-platform--md": e.size === "md", "it-platform--pill": e.shape === "pill" }]]),
+      tabindex: m(d) ? 0 : void 0,
+      role: m(d) ? "img" : void 0,
+      "aria-label": m(d) ? l.value : void 0,
+      onFocus: M[0] || (M[0] = //@ts-ignore
+      (...N) => m(E) && m(E)(...N)),
+      onBlur: M[1] || (M[1] = //@ts-ignore
+      (...N) => m(y) && m(y)(...N))
+    }, [
+      o.value.logo ? (u(), g("img", {
+        key: 0,
+        src: o.value.logo,
+        alt: "",
+        class: "it-platform__logo"
+      }, null, 8, Ne)) : n.value ? (u(), T(_, {
+        key: 1,
+        platform: e.platform,
+        size: e.size === "sm" ? 12 : 14,
+        decorative: ""
+      }, null, 8, ["platform", "size"])) : S("", !0),
+      I((u(), g("span", {
+        ref_key: "textElement",
+        ref: r,
+        class: "it-platform__name"
+      }, [
+        V(B(i.value), 1)
+      ])), [
+        [m(Y), l.value]
+      ])
+    ], 42, De));
+  }
+}), Re = ["role", "aria-label", "aria-hidden"], He = ["src"], Oe = ["src"], Fe = ["src", "width", "height", "alt"], X = /* @__PURE__ */ new Map();
+function Z(e) {
+  let t = X.get(e);
+  return t || X.set(e, t = `data:image/svg+xml,${encodeURIComponent(e)}`), t;
+}
+const _ = /* @__PURE__ */ W({
+  __name: "ItPlatformLogo",
+  props: {
+    platform: {},
+    size: { default: 20 },
+    decorative: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = p(() => q(t.platform)), o = p(() => !a.value.mark && H.has(a.value.key)), n = P(null);
+    return $(
+      a,
+      async (i) => {
+        if (i.mark || !H.has(i.key)) {
+          n.value = i.mark ?? null;
+          return;
+        }
+        if (n.value = ze(i.key), n.value) return;
+        const l = await Se();
+        a.value === i && (n.value = l[i.key] ?? null);
+      },
+      { immediate: !0 }
+    ), (i, l) => a.value.mark || o.value ? (u(), g("span", {
+      key: 0,
+      class: "it-platform-logo",
+      style: he({ width: `${e.size}px`, height: `${e.size}px` }),
+      role: e.decorative ? void 0 : "img",
+      "aria-label": e.decorative ? void 0 : a.value.name,
+      "aria-hidden": e.decorative ? "true" : void 0
+    }, [
+      n.value ? (u(), g(ve, { key: 0 }, [
+        te("img", {
+          class: x(["it-platform-logo__art", { "it-platform-logo__art--light": n.value.dark }]),
+          src: Z(n.value.svg),
+          alt: "",
+          draggable: "false"
+        }, null, 10, He),
+        n.value.dark ? (u(), g("img", {
+          key: 0,
+          class: "it-platform-logo__art it-platform-logo__art--dark",
+          src: Z(n.value.dark),
+          alt: "",
+          draggable: "false"
+        }, null, 8, Oe)) : S("", !0)
+      ], 64)) : S("", !0)
+    ], 12, Re)) : a.value.logo ? (u(), g("img", {
+      key: 1,
+      class: "it-platform-logo",
+      src: a.value.logo,
+      width: e.size,
+      height: e.size,
+      alt: e.decorative ? "" : a.value.name
+    }, null, 8, Fe)) : (u(), T(Pe, {
+      key: 2,
+      platform: e.platform
+    }, null, 8, ["platform"]));
+  }
+});
+function Ve(e) {
+  const t = e.split(/\s/, 1)[0] ?? "";
+  return t.length > 1 && t === t.toUpperCase() && /[A-Z]/.test(t) ? e : e.charAt(0).toLowerCase() + e.slice(1);
+}
+export {
+  ke as I,
+  Ue as _,
+  _ as a,
+  de as b,
+  Pe as c,
+  Ie as d,
+  Be as e,
+  xe as f,
+  Ve as i,
+  q as p,
+  Me as r,
+  qe as u,
+  Y as v
+};