@kong-ui-public/misc-widgets 2.2.6 → 2.2.7-pr.2575.724dc2194.0

package/dist/misc-widgets.es.js

@@ -1,27 +1,30 @@
-import { defineComponent as c, computed as l, ref as p, onMounted as b, resolveComponent as d, createElementBlock as h, createCommentVNode as g, openBlock as m, createVNode as f, withCtx as _, createElementVNode as i, unref as s, toDisplayString as S } from "vue";
-import { createI18n as v, i18nTComponent as x } from "@kong-ui-public/i18n";
+import { defineComponent as l, computed as h, ref as m, onMounted as _, resolveComponent as f, createElementBlock as c, createCommentVNode as v, openBlock as u, createVNode as S, withCtx as w, createElementVNode as s, unref as i, toDisplayString as d, normalizeClass as x } from "vue";
+import { createI18n as y, i18nTComponent as B } from "@kong-ui-public/i18n";
 const k = {
   title: "Star",
   ariaLabel: "Star buttons/github-buttons on GitHub",
   tooltipLabel: "Star this repository on Github"
-}, y = {
-  githubStar: k
+}, C = {
+  label: "New"
+}, L = {
+  githubStar: k,
+  newBadge: C
 };
-function L() {
-  const t = v("en-us", y);
+function I() {
+  const t = y("en-us", L);
   return {
     i18n: t,
-    i18nT: x(t)
+    i18nT: B(t)
     // Translation component <i18n-t>
   };
 }
-const C = {
-  useI18n: L
-}, T = {
+const p = {
+  useI18n: I
+}, N = {
   key: 0,
   class: "kong-ui-public-misc-widgets-github-star",
   "data-testid": "github-star"
-}, E = ["aria-label", "href"], G = /* @__PURE__ */ c({
+}, T = ["aria-label", "href"], E = /* @__PURE__ */ l({
   __name: "GithubStar",
   props: {
     url: {
@@ -35,39 +38,60 @@ const C = {
     }
   },
   setup(t) {
-    const { i18n: e } = C.useI18n(), o = t, a = l(() => o.tooltipText || e.t("githubStar.tooltipLabel")), n = p(!1);
-    return b(async () => {
+    const { i18n: e } = p.useI18n(), a = t, o = h(() => a.tooltipText || e.t("githubStar.tooltipLabel")), n = m(!1);
+    return _(async () => {
       const r = document.createElement("script");
       r.addEventListener("load", () => {
         n.value = !0;
       }), r.setAttribute("src", "https://buttons.github.io/buttons.js"), document.head.appendChild(r);
-    }), (r, w) => {
-      const u = d("KTooltip");
-      return t.url && n.value ? (m(), h("div", T, [
-        f(u, { text: a.value }, {
-          default: _(() => [
-            i("span", null, [
-              i("a", {
-                "aria-label": s(e).t("githubStar.ariaLabel"),
+    }), (r, q) => {
+      const g = f("KTooltip");
+      return t.url && n.value ? (u(), c("div", N, [
+        S(g, { text: o.value }, {
+          default: w(() => [
+            s("span", null, [
+              s("a", {
+                "aria-label": i(e).t("githubStar.ariaLabel"),
                 class: "github-button",
                 "data-color-scheme": "no-preference: light; light: light; dark: light;",
                 "data-show-count": "true",
                 href: t.url,
                 target: "_blank"
-              }, S(s(e).t("githubStar.title")), 9, E)
+              }, d(i(e).t("githubStar.title")), 9, T)
             ])
           ]),
           _: 1
         }, 8, ["text"])
-      ])) : g("", !0);
+      ])) : v("", !0);
     };
   }
-}), I = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [a, n] of e)
-    o[a] = n;
-  return o;
-}, q = /* @__PURE__ */ I(G, [["__scopeId", "data-v-235436ca"]]);
+}), b = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [o, n] of e)
+    a[o] = n;
+  return a;
+}, j = /* @__PURE__ */ b(E, [["__scopeId", "data-v-235436ca"]]), G = { class: "new-badge-wrapper" }, V = /* @__PURE__ */ l({
+  __name: "NewBadge",
+  props: {
+    large: {
+      type: Boolean,
+      default: !1
+    },
+    inverse: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const { i18n: { t: e } } = p.useI18n();
+    return (a, o) => (u(), c("div", G, [
+      s("div", {
+        class: x(["new-badge", { large: t.large, inverse: t.inverse }])
+      }, d(i(e)("newBadge.label")), 3)
+    ]));
+  }
+}), z = /* @__PURE__ */ b(V, [["__scopeId", "data-v-55723a91"]]);
 export {
-  q as GithubStar
+  j as GithubStar,
+  z as NewBadge
 };

package/dist/misc-widgets.umd.js

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["kong-ui-public-misc-widgets"]={},n.Vue,n["kong-ui-public-i18n"]))})(this,function(n,t,c){"use strict";const u={githubStar:{title:"Star",ariaLabel:"Star buttons/github-buttons on GitHub",tooltipLabel:"Star this repository on Github"}};function l(){const e=c.createI18n("en-us",u);return{i18n:e,i18nT:c.i18nTComponent(e)}}const d={useI18n:l},p={key:0,class:"kong-ui-public-misc-widgets-github-star","data-testid":"github-star"},b=["aria-label","href"],h=((e,o)=>{const i=e.__vccOpts||e;for(const[s,r]of o)i[s]=r;return i})(t.defineComponent({__name:"GithubStar",props:{url:{type:String,required:!0},tooltipText:{type:String,required:!1,default:""}},setup(e){const{i18n:o}=d.useI18n(),i=e,s=t.computed(()=>i.tooltipText||o.t("githubStar.tooltipLabel")),r=t.ref(!1);return t.onMounted(async()=>{const a=document.createElement("script");a.addEventListener("load",()=>{r.value=!0}),a.setAttribute("src","https://buttons.github.io/buttons.js"),document.head.appendChild(a)}),(a,S)=>{const f=t.resolveComponent("KTooltip");return e.url&&r.value?(t.openBlock(),t.createElementBlock("div",p,[t.createVNode(f,{text:s.value},{default:t.withCtx(()=>[t.createElementVNode("span",null,[t.createElementVNode("a",{"aria-label":t.unref(o).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(o).t("githubStar.title")),9,b)])]),_:1},8,["text"])])):t.createCommentVNode("",!0)}}}),[["__scopeId","data-v-235436ca"]]);n.GithubStar=h,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong-ui-public/i18n"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["kong-ui-public-misc-widgets"]={},n.Vue,n["kong-ui-public-i18n"]))})(this,function(n,t,c){"use strict";const d={githubStar:{title:"Star",ariaLabel:"Star buttons/github-buttons on GitHub",tooltipLabel:"Star this repository on Github"},newBadge:{label:"New"}};function p(){const e=c.createI18n("en-us",d);return{i18n:e,i18nT:c.i18nTComponent(e)}}const l={useI18n:p},b={key:0,class:"kong-ui-public-misc-widgets-github-star","data-testid":"github-star"},g=["aria-label","href"],h=t.defineComponent({__name:"GithubStar",props:{url:{type:String,required:!0},tooltipText:{type:String,required:!1,default:""}},setup(e){const{i18n:o}=l.useI18n(),i=e,a=t.computed(()=>i.tooltipText||o.t("githubStar.tooltipLabel")),r=t.ref(!1);return t.onMounted(async()=>{const s=document.createElement("script");s.addEventListener("load",()=>{r.value=!0}),s.setAttribute("src","https://buttons.github.io/buttons.js"),document.head.appendChild(s)}),(s,B)=>{const S=t.resolveComponent("KTooltip");return e.url&&r.value?(t.openBlock(),t.createElementBlock("div",b,[t.createVNode(S,{text:a.value},{default:t.withCtx(()=>[t.createElementVNode("span",null,[t.createElementVNode("a",{"aria-label":t.unref(o).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(o).t("githubStar.title")),9,g)])]),_:1},8,["text"])])):t.createCommentVNode("",!0)}}}),u=(e,o)=>{const i=e.__vccOpts||e;for(const[a,r]of o)i[a]=r;return i},f=u(h,[["__scopeId","data-v-235436ca"]]),m={class:"new-badge-wrapper"},_=u(t.defineComponent({__name:"NewBadge",props:{large:{type:Boolean,default:!1},inverse:{type:Boolean,default:!1}},setup(e){const{i18n:{t:o}}=l.useI18n();return(i,a)=>(t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",{class:t.normalizeClass(["new-badge",{large:e.large,inverse:e.inverse}])},t.toDisplayString(t.unref(o)("newBadge.label")),3)]))}}),[["__scopeId","data-v-55723a91"]]);n.GithubStar=f,n.NewBadge=_,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.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}
+.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}.new-badge-wrapper[data-v-55723a91]{background:linear-gradient(90deg,#000933 2.68%,#000933e6) padding-box,linear-gradient(219.69deg,#00d6a4,#0044f4 74.54%) border-box;border:1px solid transparent;border-radius:4px}.new-badge-wrapper .new-badge[data-v-55723a91]{border-radius:4px;color:#fff;font-size:12px;font-weight:600;line-height:16px;padding:2px 4px;position:relative}.new-badge-wrapper .new-badge[data-v-55723a91]:not(.inverse){background:linear-gradient(219.69deg,#00d6a433 7.34%,#0044f433 83.28%)}.new-badge-wrapper .new-badge.large[data-v-55723a91]{padding:4px 8px}

package/dist/types/components/NewBadge.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    large: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    large: boolean;
+    inverse: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=NewBadge.vue.d.ts.map

package/dist/types/components/NewBadge.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewBadge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NewBadge.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8HA,wBAaG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA"}
+{"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,QAAQ,EAAE,MAAM,gBAAgB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/misc-widgets",
-  "version": "2.2.6",
+  "version": "2.2.7-pr.2575.724dc2194.0",
   "type": "module",
   "main": "./dist/misc-widgets.umd.js",
   "module": "./dist/misc-widgets.es.js",