@kong/kongponents 9.64.4 → 9.64.5

package/dist/kongponents358.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./kongponents451.cjs");var r=(function(){try{var e=t.default(Object,"defineProperty");return e({},"",{}),e}catch{}})();exports.default=r;

package/dist/kongponents358.es.js

@@ -1,11 +0,0 @@
-import r from "./kongponents451.es.js";
-var o = (function() {
-  try {
-    var e = r(Object, "defineProperty");
-    return e({}, "", {}), e;
-  } catch {
-  }
-})();
-export {
-  o as default
-};

package/dist/kongponents449.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("./kongponents209.cjs"),V=require("./kongponents198.cjs"),T=require("./kongponents30.cjs");;/* empty css                */const f=require("./kongponents187.cjs"),I=["disabled"],S={class:"base-label","data-testid":"interactive-pill-base-label"},w={class:"content-label","data-testid":"interactive-pill-content-label"},x={key:0,class:"pill-icon open-icon","data-testid":"interactive-pill-open-icon"},R={class:"clear-focus-highlight","data-testid":"interactive-pill-clear-focus"},P=e.defineComponent({inheritAttrs:!1,__name:"InteractivePill",props:{label:{},clearFocus:{type:Boolean,default:!1},contentLabel:{default:()=>{}},delimiter:{default:": "},pillFocus:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tooltipText:{default:()=>{}}},emits:["trigger","clear"],setup(t,{emit:v}){const m=e.useAttrs(),a=e.computed(()=>!!t.contentLabel),n=e.ref(!1),o=e.ref(!1),r=e.useTemplateRef("trigger"),b=e.useTemplateRef("clear"),s=v,i=e.computed(()=>a.value?`${t.label}${t.delimiter}`:t.label),u=e.ref(!1),c=e.useTemplateRef("labelRef");e.watch(()=>[i.value,t.contentLabel],async()=>{await e.nextTick(),u.value=c.value?c.value.scrollWidth>c.value.clientWidth:!1},{immediate:!0}),e.watch(()=>t.pillFocus,l=>{l&&r.value?.focus()});const g=e.computed(()=>t.pillFocus||t.clearFocus?"":t.tooltipText!==void 0?t.tooltipText:a.value&&u.value?`${i.value}${t.contentLabel}`:""),p=e.computed(()=>{const l=a.value?"has-content":"no-content",d=t.pillFocus||o.value?"focused":"unfocused",N=t.clearFocus||n.value?"clear-focused":"clear-unfocused",$=t.readonly?"readonly":"writeable";return`${l} ${d} ${N} ${$}`}),y=()=>{o.value=!0},h=()=>{o.value=!1},C=()=>{n.value=!0},k=()=>{n.value=!1},F=()=>{s("trigger"),o.value&&r.value?.blur()},B=()=>{s("clear"),n.value&&b.value?.blur()};return(l,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(T.default,{class:"interactive-pill-tooltip","max-width":"350",text:g.value},{default:e.withCtx(()=>[e.createElementVNode("div",e.mergeProps({class:["interactive-pill",p.value],"data-testid":"interactive-pill"},e.unref(m)),[e.createElementVNode("button",{ref:"trigger",class:"interactive-pill-trigger","data-testid":"interactive-pill-trigger",disabled:t.readonly,type:"button",onBlur:h,onClick:F,onFocus:y},[e.createElementVNode("div",{ref_key:"labelRef",ref:c,class:"label"},[e.createElementVNode("span",S,e.toDisplayString(i.value),1),e.createElementVNode("span",w,e.toDisplayString(t.contentLabel),1)],512),!a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(l.$slots,"open-icon",{},()=>[e.createVNode(e.unref(E.default),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(f.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])):e.createCommentVNode("",!0)],40,I),a.value&&!t.readonly?(e.openBlock(),e.createElementBlock("button",{key:0,ref:"clear",class:"pill-icon clear-icon","data-testid":"interactive-pill-clear-icon",type:"button",onBlur:k,onClick:B,onFocus:C},[e.createElementVNode("div",R,[e.renderSlot(l.$slots,"clear-icon",{},()=>[e.createVNode(e.unref(V.default),{decorative:"",size:`var(--kui-icon-size-30, ${e.unref(f.KUI_ICON_SIZE_30)})`},null,8,["size"])],!0)])],544)):e.createCommentVNode("",!0)],16)]),_:3},8,["text"])]))}});exports.default=P;

package/dist/kongponents449.es.js

@@ -1,124 +0,0 @@
-import { defineComponent as A, useAttrs as W, computed as s, ref as u, useTemplateRef as d, watch as C, nextTick as D, openBlock as f, createElementBlock as v, createVNode as b, withCtx as K, createElementVNode as l, mergeProps as O, unref as o, toDisplayString as p, renderSlot as F, createCommentVNode as $ } from "vue";
-import U from "./kongponents209.es.js";
-import Z from "./kongponents198.es.js";
-import j from "./kongponents30.es.js";
-/* empty css                 */
-import { KUI_ICON_SIZE_30 as B } from "./kongponents187.es.js";
-const q = ["disabled"], G = {
-  class: "base-label",
-  "data-testid": "interactive-pill-base-label"
-}, H = {
-  class: "content-label",
-  "data-testid": "interactive-pill-content-label"
-}, J = {
-  key: 0,
-  class: "pill-icon open-icon",
-  "data-testid": "interactive-pill-open-icon"
-}, M = {
-  class: "clear-focus-highlight",
-  "data-testid": "interactive-pill-clear-focus"
-}, le = /* @__PURE__ */ A({
-  inheritAttrs: !1,
-  __name: "InteractivePill",
-  props: {
-    label: {},
-    clearFocus: { type: Boolean, default: !1 },
-    contentLabel: { default: () => {
-    } },
-    delimiter: { default: ": " },
-    pillFocus: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    tooltipText: { default: () => {
-    } }
-  },
-  emits: ["trigger", "clear"],
-  setup(e, { emit: k }) {
-    const x = W(), a = s(() => !!e.contentLabel), i = u(!1), n = u(!1), m = d("trigger"), w = d("clear"), g = k, r = s(() => a.value ? `${e.label}${e.delimiter}` : e.label), h = u(!1), c = d("labelRef");
-    C(() => [r.value, e.contentLabel], async () => {
-      await D(), h.value = c.value ? c.value.scrollWidth > c.value.clientWidth : !1;
-    }, { immediate: !0 }), C(() => e.pillFocus, (t) => {
-      t && m.value?.focus();
-    });
-    const z = s(() => e.pillFocus || e.clearFocus ? "" : e.tooltipText !== void 0 ? e.tooltipText : a.value && h.value ? `${r.value}${e.contentLabel}` : ""), L = s(() => {
-      const t = a.value ? "has-content" : "no-content", y = e.pillFocus || n.value ? "focused" : "unfocused", E = e.clearFocus || i.value ? "clear-focused" : "clear-unfocused", V = e.readonly ? "readonly" : "writeable";
-      return `${t} ${y} ${E} ${V}`;
-    }), P = () => {
-      n.value = !0;
-    }, R = () => {
-      n.value = !1;
-    }, T = () => {
-      i.value = !0;
-    }, I = () => {
-      i.value = !1;
-    }, N = () => {
-      g("trigger"), n.value && m.value?.blur();
-    }, S = () => {
-      g("clear"), i.value && w.value?.blur();
-    };
-    return (t, y) => (f(), v("div", null, [
-      b(j, {
-        class: "interactive-pill-tooltip",
-        "max-width": "350",
-        text: z.value
-      }, {
-        default: K(() => [
-          l("div", O({
-            class: ["interactive-pill", L.value],
-            "data-testid": "interactive-pill"
-          }, o(x)), [
-            l("button", {
-              ref: "trigger",
-              class: "interactive-pill-trigger",
-              "data-testid": "interactive-pill-trigger",
-              disabled: e.readonly,
-              type: "button",
-              onBlur: R,
-              onClick: N,
-              onFocus: P
-            }, [
-              l("div", {
-                ref_key: "labelRef",
-                ref: c,
-                class: "label"
-              }, [
-                l("span", G, p(r.value), 1),
-                l("span", H, p(e.contentLabel), 1)
-              ], 512),
-              !a.value && !e.readonly ? (f(), v("div", J, [
-                F(t.$slots, "open-icon", {}, () => [
-                  b(o(U), {
-                    decorative: "",
-                    size: `var(--kui-icon-size-30, ${o(B)})`
-                  }, null, 8, ["size"])
-                ], !0)
-              ])) : $("", !0)
-            ], 40, q),
-            a.value && !e.readonly ? (f(), v("button", {
-              key: 0,
-              ref: "clear",
-              class: "pill-icon clear-icon",
-              "data-testid": "interactive-pill-clear-icon",
-              type: "button",
-              onBlur: I,
-              onClick: S,
-              onFocus: T
-            }, [
-              l("div", M, [
-                F(t.$slots, "clear-icon", {}, () => [
-                  b(o(Z), {
-                    decorative: "",
-                    size: `var(--kui-icon-size-30, ${o(B)})`
-                  }, null, 8, ["size"])
-                ], !0)
-              ])
-            ], 544)) : $("", !0)
-          ], 16)
-        ]),
-        _: 3
-      }, 8, ["text"])
-    ]));
-  }
-});
-export {
-  le as default
-};