@kong/kongponents 9.65.2 → 9.65.3

package/dist/kongponents81.es.js

@@ -1,81 +0,0 @@
-import { defineComponent as g, computed as C, openBlock as s, createElementBlock as o, normalizeClass as $, renderSlot as d, createBlock as u, resolveDynamicComponent as w, unref as l, createCommentVNode as r, createElementVNode as f, toDisplayString as p, withKeys as c, withModifiers as z } from "vue";
-import { AlertAppearances as n } from "./kongponents6.es.js";
-import "./kongponents7.es.js";
-import "./kongponents12.es.js";
-import { InfoIcon as v, RocketIcon as B, DangerIcon as K, WarningIcon as A, CheckCircleIcon as b, CloseIcon as h } from "@kong/icons";
-import { KUI_ICON_SIZE_40 as k } from "./kongponents182.es.js";
-const D = {
-  key: 0,
-  class: "alert-icon-container"
-}, E = { class: "alert-content" }, N = {
-  key: 0,
-  class: "alert-title"
-}, S = {
-  key: 1,
-  class: "alert-message"
-}, Z = /* @__PURE__ */ g({
-  __name: "KAlert",
-  props: {
-    title: { default: "" },
-    message: { default: "" },
-    appearance: { default: () => n.info },
-    showIcon: { type: Boolean },
-    dismissible: { type: Boolean }
-  },
-  emits: ["dismiss"],
-  setup(e, { emit: I }) {
-    const a = I, y = C(() => {
-      switch (e.appearance) {
-        case n.info:
-          return v;
-        case n.success:
-          return b;
-        case n.warning:
-          return A;
-        case n.danger:
-          return K;
-        case n.decorative:
-          return B;
-        default:
-          return v;
-      }
-    });
-    return (i, t) => (s(), o("div", {
-      class: $(["k-alert", [e.appearance]])
-    }, [
-      e.showIcon || i.$slots.icon ? (s(), o("div", D, [
-        d(i.$slots, "icon", {}, () => [
-          (s(), u(w(y.value), {
-            class: "alert-icon",
-            decorative: "",
-            size: `var(--kui-icon-size-40, ${l(k)})`
-          }, null, 8, ["size"]))
-        ])
-      ])) : r("", !0),
-      f("div", E, [
-        e.title ? (s(), o("span", N, p(e.title), 1)) : r("", !0),
-        e.message || i.$slots.default ? (s(), o("div", S, [
-          d(i.$slots, "default", {}, () => [
-            f("p", null, p(e.message), 1)
-          ])
-        ])) : r("", !0)
-      ]),
-      e.dismissible ? (s(), u(l(h), {
-        key: 1,
-        class: "alert-dismiss-icon",
-        size: `var(--kui-icon-size-40, ${l(k)})`,
-        tabindex: "0",
-        onClick: t[0] || (t[0] = (m) => a("dismiss")),
-        onKeydown: t[1] || (t[1] = c(z(() => {
-        }, ["prevent"]), ["space"])),
-        onKeyup: [
-          t[2] || (t[2] = c((m) => a("dismiss"), ["enter"])),
-          t[3] || (t[3] = c((m) => a("dismiss"), ["space"]))
-        ]
-      }, null, 8, ["size"])) : r("", !0)
-    ], 2));
-  }
-});
-export {
-  Z as default
-};

package/dist/kongponents84.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./kongponents30.cjs");;/* empty css                */const s=require("./kongponents7.cjs");require("./kongponents12.cjs");const c=require("./kongponents183.cjs"),f=["tabindex"],m=e.defineComponent({__name:"KBadge",props:{appearance:{default:"info"},size:{default:"medium"},tooltip:{default:""},truncationTooltip:{type:Boolean,default:!1},maxWidth:{default:"200px"},iconBefore:{type:Boolean,default:!0},tooltipAttributes:{default:()=>({})}},setup(t){e.useCssVars(o=>({v6b696ed4:l.value}));const r=e.computed(()=>Object.keys(s.BadgeMethodAppearances).includes(t.appearance)),a=e.ref(),n=e.ref(!1),l=e.computed(()=>c.normalizeSize(t.maxWidth)),u=async()=>{a.value&&(await e.nextTick(),n.value=a.value?.offsetWidth<a.value?.scrollWidth)},i=e.computed(()=>t.tooltip?t.truncationTooltip?n.value:!0:!1);return e.onMounted(()=>{u()}),(o,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-badge",[t.appearance,t.size,{method:r.value}]])},[e.createVNode(d.default,e.mergeProps({text:i.value?t.tooltip:void 0},t.tooltipAttributes),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["badge-content",{"icon-after":!t.iconBefore}]),tabindex:i.value?0:void 0},[o.$slots.icon?e.renderSlot(o.$slots,"icon",{},void 0,!0,0):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"badgeTextElement",ref:a,class:"badge-content-wrapper"},[e.renderSlot(o.$slots,"default",{},void 0,!0)],512)],10,f)]),_:3},16,["text"])],2))}});exports.default=m;

package/dist/kongponents84.es.js

@@ -1,55 +0,0 @@
-import { defineComponent as m, useCssVars as p, computed as a, ref as l, onMounted as v, openBlock as h, createElementBlock as x, normalizeClass as r, createVNode as b, mergeProps as g, withCtx as B, createElementVNode as d, renderSlot as s, createCommentVNode as T, nextTick as k } from "vue";
-import y from "./kongponents30.es.js";
-/* empty css                 */
-import { BadgeMethodAppearances as z } from "./kongponents7.es.js";
-import "./kongponents12.es.js";
-import { normalizeSize as C } from "./kongponents183.es.js";
-const W = ["tabindex"], S = /* @__PURE__ */ m({
-  __name: "KBadge",
-  props: {
-    appearance: { default: "info" },
-    size: { default: "medium" },
-    tooltip: { default: "" },
-    truncationTooltip: { type: Boolean, default: !1 },
-    maxWidth: { default: "200px" },
-    iconBefore: { type: Boolean, default: !0 },
-    tooltipAttributes: { default: () => ({}) }
-  },
-  setup(e) {
-    p((o) => ({
-      v6b696ed4: c.value
-    }));
-    const u = a(() => Object.keys(z).includes(e.appearance)), t = l(), n = l(!1), c = a(() => C(e.maxWidth)), f = async () => {
-      t.value && (await k(), n.value = t.value?.offsetWidth < t.value?.scrollWidth);
-    }, i = a(() => e.tooltip ? e.truncationTooltip ? n.value : !0 : !1);
-    return v(() => {
-      f();
-    }), (o, w) => (h(), x("div", {
-      class: r(["k-badge", [e.appearance, e.size, { method: u.value }]])
-    }, [
-      b(y, g({
-        text: i.value ? e.tooltip : void 0
-      }, e.tooltipAttributes), {
-        default: B(() => [
-          d("div", {
-            class: r(["badge-content", { "icon-after": !e.iconBefore }]),
-            tabindex: i.value ? 0 : void 0
-          }, [
-            o.$slots.icon ? s(o.$slots, "icon", {}, void 0, !0, 0) : T("", !0),
-            d("div", {
-              ref_key: "badgeTextElement",
-              ref: t,
-              class: "badge-content-wrapper"
-            }, [
-              s(o.$slots, "default", {}, void 0, !0)
-            ], 512)
-          ], 10, W)
-        ]),
-        _: 3
-      }, 16, ["text"])
-    ], 2));
-  }
-});
-export {
-  S as default
-};