@kong-ui-public/misc-widgets 2.6.0 → 2.6.1-pr.3771.ec0697170.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/misc-widgets",
-  "version": "2.6.0",
+  "version": "2.6.1-pr.3771.ec0697170.0",
   "type": "module",
   "main": "./dist/misc-widgets.umd.js",
   "module": "./dist/misc-widgets.es.js",

package/dist/misc-widgets.es.js

@@ -1,153 +0,0 @@
-import { defineComponent as I, computed as u, ref as K, onMounted as z, resolveComponent as f, openBlock as c, createElementBlock as O, createVNode as $, withCtx as d, createElementVNode as k, unref as n, toDisplayString as D, createCommentVNode as _, useModel as y, useSlots as G, createBlock as m, mergeProps as N, createSlots as j, renderList as H, renderSlot as C, normalizeProps as P, guardReactiveProps as q, resolveDynamicComponent as A, mergeModels as U } from "vue";
-import { createI18n as R, i18nTComponent as Z } from "@kong-ui-public/i18n";
-import { VisibilityIcon as F, VisibilityOffIcon as J } from "@kong/icons";
-const Q = { title: "Star", ariaLabel: "Star buttons/github-buttons on GitHub", tooltipLabel: "Star this repository on Github" }, W = { show: "Show secret", hide: "Hide secret" }, X = {
-  githubStar: Q,
-  secretInput: W
-};
-function Y() {
-  const e = R("en-us", X);
-  return {
-    i18n: e,
-    i18nT: Z(e)
-    // Translation component <i18n-t>
-  };
-}
-const w = {
-  useI18n: Y
-}, ee = {
-  key: 0,
-  class: "kong-ui-public-misc-widgets-github-star",
-  "data-testid": "github-star"
-}, te = ["aria-label", "href"], oe = /* @__PURE__ */ I({
-  __name: "GithubStar",
-  props: {
-    url: {
-      type: String,
-      required: !0
-    },
-    tooltipText: {
-      type: String,
-      required: !1,
-      default: ""
-    }
-  },
-  setup(e) {
-    const { i18n: a } = w.useI18n(), r = e, t = u(() => r.tooltipText || a.t("githubStar.tooltipLabel")), s = K(!1);
-    return z(async () => {
-      const l = document.createElement("script");
-      l.addEventListener("load", () => {
-        s.value = !0;
-      }), l.setAttribute("src", "https://buttons.github.io/buttons.js"), document.head.appendChild(l);
-    }), (l, b) => {
-      const i = f("KTooltip");
-      return e.url && s.value ? (c(), O("div", ee, [
-        $(i, { text: t.value }, {
-          default: d(() => [
-            k("span", null, [
-              k("a", {
-                "aria-label": n(a).t("githubStar.ariaLabel"),
-                class: "github-button",
-                "data-color-scheme": "no-preference: light; light: light; dark: light;",
-                "data-show-count": "true",
-                href: e.url,
-                target: "_blank"
-              }, D(n(a).t("githubStar.title")), 9, te)
-            ])
-          ]),
-          _: 1
-        }, 8, ["text"])
-      ])) : _("", !0);
-    };
-  }
-}), L = (e, a) => {
-  const r = e.__vccOpts || e;
-  for (const [t, s] of a)
-    r[t] = s;
-  return r;
-}, ie = /* @__PURE__ */ L(oe, [["__scopeId", "data-v-235436ca"]]), ae = "20px", se = /* @__PURE__ */ I({
-  inheritAttrs: !1,
-  __name: "SecretInput",
-  props: /* @__PURE__ */ U({
-    autocomplete: { default: "off" },
-    showLabel: {},
-    hideLabel: {},
-    showMaskToggle: { type: Boolean, default: !0 }
-  }, {
-    modelValue: {
-      default: ""
-    },
-    modelModifiers: {},
-    masked: { type: Boolean, default: !0 },
-    maskedModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:masked"],
-  setup(e) {
-    const [a, r] = y(e, "modelValue", {
-      set: (o) => r.trim ? o.trim() : o
-    }), t = y(e, "masked"), { i18n: { t: s } } = w.useI18n(), l = u(() => e.showLabel ?? s("secretInput.show")), b = u(() => e.hideLabel ?? s("secretInput.hide")), i = G(), M = () => Object.fromEntries(
-      Object.entries(i).filter(([o]) => o !== "after")
-    ), x = typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("-webkit-text-security", "disc"), T = u(() => t.value && !x ? "password" : "text"), h = () => {
-      t.value = !t.value;
-    }, p = (o) => {
-      t.value && o.preventDefault();
-    };
-    return (o, g) => {
-      const V = f("KButton"), B = f("KInput");
-      return c(), m(B, N(o.$attrs, {
-        autocapitalize: "off",
-        autocomplete: e.autocomplete,
-        autocorrect: "off",
-        class: { "secret-input-masked": t.value },
-        "model-value": n(a),
-        spellcheck: "false",
-        type: T.value,
-        onCopyCapture: p,
-        onCutCapture: p,
-        onDragstartCapture: p,
-        "onUpdate:modelValue": g[0] || (g[0] = (v) => a.value = v)
-      }), j({ _: 2 }, [
-        H(M(), (v, S) => ({
-          name: S,
-          fn: d((E) => [
-            C(o.$slots, S, P(q(E)), void 0, !0)
-          ])
-        })),
-        e.showMaskToggle || n(i).after ? {
-          name: "after",
-          fn: d(() => [
-            C(o.$slots, "after", {
-              masked: t.value,
-              toggle: h
-            }, void 0, !0),
-            e.showMaskToggle ? (c(), m(V, {
-              key: 0,
-              appearance: "none",
-              "aria-label": t.value ? l.value : b.value,
-              "aria-pressed": !t.value,
-              class: "secret-input-toggle mask-value-toggle-button",
-              "data-testid": "secret-input-toggle",
-              icon: "",
-              type: "button",
-              onClick: h
-            }, {
-              default: d(() => [
-                (c(), m(A(t.value ? n(F) : n(J)), {
-                  color: "currentColor",
-                  decorative: "",
-                  size: `var(--kui-icon-size-40, ${n(ae)})`
-                }, null, 8, ["size"]))
-              ]),
-              _: 1
-            }, 8, ["aria-label", "aria-pressed"])) : _("", !0)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["autocomplete", "class", "model-value", "type"]);
-    };
-  }
-}), ue = /* @__PURE__ */ L(se, [["__scopeId", "data-v-f3196a23"]]);
-export {
-  ie as GithubStar,
-  ue as SecretInput
-};

package/dist/misc-widgets.umd.js

@@ -1 +0,0 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@kong-ui-public/i18n"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n","@kong/icons"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["kong-ui-public-misc-widgets"]={},n.Vue,n["kong-ui-public-i18n"],n.KongIcons))})(this,(function(n,t,d,p){"use strict";const y={githubStar:{title:"Star",ariaLabel:"Star buttons/github-buttons on GitHub",tooltipLabel:"Star this repository on Github"},secretInput:{show:"Show secret",hide:"Hide secret"}};function C(){const e=d.createI18n("en-us",y);return{i18n:e,i18nT:d.i18nTComponent(e)}}const f={useI18n:C},I={key:0,class:"kong-ui-public-misc-widgets-github-star","data-testid":"github-star"},w=["aria-label","href"],_=t.defineComponent({__name:"GithubStar",props:{url:{type:String,required:!0},tooltipText:{type:String,required:!1,default:""}},setup(e){const{i18n:a}=f.useI18n(),i=e,o=t.computed(()=>i.tooltipText||a.t("githubStar.tooltipLabel")),r=t.ref(!1);return t.onMounted(async()=>{const l=document.createElement("script");l.addEventListener("load",()=>{r.value=!0}),l.setAttribute("src","https://buttons.github.io/buttons.js"),document.head.appendChild(l)}),(l,b)=>{const c=t.resolveComponent("KTooltip");return e.url&&r.value?(t.openBlock(),t.createElementBlock("div",I,[t.createVNode(c,{text:o.value},{default:t.withCtx(()=>[t.createElementVNode("span",null,[t.createElementVNode("a",{"aria-label":t.unref(a).t("githubStar.ariaLabel"),class:"github-button","data-color-scheme":"no-preference: light; light: light; dark: light;","data-show-count":"true",href:e.url,target:"_blank"},t.toDisplayString(t.unref(a).t("githubStar.title")),9,w)])]),_:1},8,["text"])])):t.createCommentVNode("",!0)}}}),m=(e,a)=>{const i=e.__vccOpts||e;for(const[o,r]of a)i[o]=r;return i},x=m(_,[["__scopeId","data-v-235436ca"]]),L="20px",M=m(t.defineComponent({inheritAttrs:!1,__name:"SecretInput",props:t.mergeModels({autocomplete:{default:"off"},showLabel:{},hideLabel:{},showMaskToggle:{type:Boolean,default:!0}},{modelValue:{default:""},modelModifiers:{},masked:{type:Boolean,default:!0},maskedModifiers:{}}),emits:["update:modelValue","update:masked"],setup(e){const[a,i]=t.useModel(e,"modelValue",{set:s=>i.trim?s.trim():s}),o=t.useModel(e,"masked"),{i18n:{t:r}}=f.useI18n(),l=t.computed(()=>e.showLabel??r("secretInput.show")),b=t.computed(()=>e.hideLabel??r("secretInput.hide")),c=t.useSlots(),T=()=>Object.fromEntries(Object.entries(c).filter(([s])=>s!=="after")),B=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("-webkit-text-security","disc"),V=t.computed(()=>o.value&&!B?"password":"text"),h=()=>{o.value=!o.value},u=s=>{o.value&&s.preventDefault()};return(s,g)=>{const E=t.resolveComponent("KButton"),K=t.resolveComponent("KInput");return t.openBlock(),t.createBlock(K,t.mergeProps(s.$attrs,{autocapitalize:"off",autocomplete:e.autocomplete,autocorrect:"off",class:{"secret-input-masked":o.value},"model-value":t.unref(a),spellcheck:"false",type:V.value,onCopyCapture:u,onCutCapture:u,onDragstartCapture:u,"onUpdate:modelValue":g[0]||(g[0]=k=>a.value=k)}),t.createSlots({_:2},[t.renderList(T(),(k,S)=>({name:S,fn:t.withCtx(N=>[t.renderSlot(s.$slots,S,t.normalizeProps(t.guardReactiveProps(N)),void 0,!0)])})),e.showMaskToggle||t.unref(c).after?{name:"after",fn:t.withCtx(()=>[t.renderSlot(s.$slots,"after",{masked:o.value,toggle:h},void 0,!0),e.showMaskToggle?(t.openBlock(),t.createBlock(E,{key:0,appearance:"none","aria-label":o.value?l.value:b.value,"aria-pressed":!o.value,class:"secret-input-toggle mask-value-toggle-button","data-testid":"secret-input-toggle",icon:"",type:"button",onClick:h},{default:t.withCtx(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.value?t.unref(p.VisibilityIcon):t.unref(p.VisibilityOffIcon)),{color:"currentColor",decorative:"",size:`var(--kui-icon-size-40, ${t.unref(L)})`},null,8,["size"]))]),_:1},8,["aria-label","aria-pressed"])):t.createCommentVNode("",!0)]),key:"0"}:void 0]),1040,["autocomplete","class","model-value","type"])}}}),[["__scopeId","data-v-f3196a23"]]);n.GithubStar=x,n.SecretInput=M,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/dist/style.css

@@ -1 +0,0 @@
-.kong-ui-public-misc-widgets-github-star[data-v-235436ca]{max-height:20px}.kong-ui-public-misc-widgets-github-star .github-button[data-v-235436ca]{font-style:normal}.secret-input-masked[data-v-f3196a23] input{-webkit-text-security:disc}.secret-input-masked[data-v-f3196a23] input[type=password]::-ms-reveal{display:none}.secret-input-toggle[data-v-f3196a23]{color:#6c7489;color:var(--kui-color-text-neutral, #6c7489);cursor:pointer}

package/dist/types/components/github-star/GithubStar.vue.d.ts

@@ -1,26 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    url: {
-        type: StringConstructor;
-        required: true;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    url: {
-        type: StringConstructor;
-        required: true;
-    };
-    tooltipText: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    tooltipText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=GithubStar.vue.d.ts.map

package/dist/types/components/github-star/GithubStar.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GithubStar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/github-star/GithubStar.vue"],"names":[],"mappings":"AA+JA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;4EAYhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/index.d.ts

@@ -1,3 +0,0 @@
-export { default as GithubStar } from './github-star/GithubStar.vue';
-export { default as SecretInput } from './secret-input/SecretInput.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAA"}

package/dist/types/components/secret-input/SecretInput.vue.d.ts

@@ -1,36 +0,0 @@
-type __VLS_Props = {
-    autocomplete?: string;
-    showLabel?: string;
-    hideLabel?: string;
-    showMaskToggle?: boolean;
-};
-type __VLS_ModelProps = {
-    modelValue?: string;
-    'masked'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: string, __VLS_16: any, __VLS_19: {
-    masked: boolean;
-    toggle: () => void;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_15>]?: (props: typeof __VLS_16) => any;
-} & {
-    after?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:masked": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:masked"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=SecretInput.vue.d.ts.map

package/dist/types/components/secret-input/SecretInput.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SecretInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/secret-input/SecretInput.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC;AAqCF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAwKxD,QAAA,IAAI,QAAQ,QAAW,EAAE,QAAQ,KAAW,EAAE,QAAQ;;;CAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;KAAG,CAAC,IAAI,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG;CAAE,GACzE;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/composables/index.d.ts

@@ -1,6 +0,0 @@
-import useI18n from './useI18n';
-declare const _default: {
-    useI18n: typeof useI18n;
-};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/composables/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;;;;AAG/B,wBAEC"}

package/dist/types/composables/useI18n.d.ts

@@ -1,9 +0,0 @@
-import { createI18n, i18nTComponent } from '@kong-ui-public/i18n';
-import english from '../locales/en.json';
-interface UseI18nReturn {
-    i18n: ReturnType<typeof createI18n<typeof english>>;
-    i18nT: ReturnType<typeof i18nTComponent<typeof english>>;
-}
-export default function useI18n(): UseI18nReturn;
-export {};
-//# sourceMappingURL=useI18n.d.ts.map

package/dist/types/composables/useI18n.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../../src/composables/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,aAAa,CAO/C"}

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA"}

package/dist/types/types/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/types/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,CAAA"}