@kong-ui-public/sandbox-layout 2.3.15 → 2.3.16-pr.2694.d983d66d0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/sandbox-layout",
-  "version": "2.3.15",
+  "version": "2.3.16-pr.2694.d983d66d0.0",
   "type": "module",
   "main": "./dist/sandbox-layout.umd.js",
   "module": "./dist/sandbox-layout.es.js",

package/dist/sandbox-layout.es.js

@@ -1,163 +0,0 @@
-import { defineComponent as y, inject as N, resolveComponent as k, createElementBlock as s, openBlock as l, createCommentVNode as _, unref as u, Fragment as T, renderList as $, createVNode as e, withCtx as d, createTextVNode as x, toDisplayString as p, useCssVars as K, computed as L, provide as O, createElementVNode as o, renderSlot as b } from "vue";
-import { MenuIcon as E, CogIcon as V } from "@kong/icons";
-const S = "kong-ui-sandbox-layout-links", z = {
-  key: 0,
-  class: "kong-ui-sandbox-navigation"
-}, A = /* @__PURE__ */ y({
-  __name: "SandboxNavigation",
-  emits: ["router-link-click"],
-  setup(n, { emit: i }) {
-    const c = i, t = N(S, []);
-    return (h, g) => {
-      const v = k("router-link");
-      return l(), s("nav", null, [
-        u(t).length ? (l(), s("ul", z, [
-          (l(!0), s(T, null, $(u(t), (a) => (l(), s("li", {
-            key: a.name,
-            class: "sandbox-link"
-          }, [
-            e(v, {
-              to: a.to,
-              onClick: (m) => c("router-link-click", a)
-            }, {
-              default: d(() => [
-                x(p(a.name), 1)
-              ]),
-              _: 2
-            }, 1032, ["to", "onClick"])
-          ]))), 128))
-        ])) : _("", !0)
-      ]);
-    };
-  }
-}), I = (n, i) => {
-  const c = n.__vccOpts || n;
-  for (const [t, h] of i)
-    c[t] = h;
-  return c;
-}, f = /* @__PURE__ */ I(A, [["__scopeId", "data-v-2cb154ed"]]), C = "24px", B = { class: "kong-ui-sandbox-layout" }, M = { class: "header" }, U = { class: "header-left" }, W = { class: "mobile-nav-container" }, D = { class: "toggle-mobile-nav" }, R = {
-  key: 0,
-  class: "mobile-title"
-}, Y = { class: "header-right" }, j = {
-  key: 0,
-  class: "mobile-controls-container"
-}, q = { class: "toggle-mobile-controls" }, w = { class: "layout" }, F = { class: "desktop-nav-container" }, G = { class: "sandbox-container" }, J = { key: 0 }, X = {
-  key: 0,
-  class: "sandbox-controls"
-}, Z = /* @__PURE__ */ y({
-  __name: "SandboxLayout",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    links: {
-      type: Array,
-      required: !1,
-      default: () => []
-    },
-    controlsMinWidth: {
-      type: Number,
-      default: 240
-    }
-  },
-  setup(n) {
-    K((t) => ({
-      v4f585fbc: c.value
-    }));
-    const i = n;
-    O(S, i.links);
-    const c = L(() => `${i.controlsMinWidth}px`);
-    return (t, h) => {
-      const g = k("KSlideout"), v = k("KToggle"), a = k("router-link");
-      return l(), s("div", B, [
-        o("header", M, [
-          o("div", U, [
-            o("div", W, [
-              e(v, null, {
-                default: d(({ isToggled: m, toggle: r }) => [
-                  o("div", null, [
-                    o("div", D, [
-                      e(u(E), {
-                        role: "button",
-                        size: u(C),
-                        title: "Toggle menu",
-                        onClick: r
-                      }, null, 8, ["size", "onClick"])
-                    ]),
-                    e(g, {
-                      title: "Main Menu",
-                      visible: m.value,
-                      onClose: r
-                    }, {
-                      default: d(() => [
-                        e(f, { onRouterLinkClick: r }, null, 8, ["onRouterLinkClick"])
-                      ]),
-                      _: 2
-                    }, 1032, ["visible", "onClose"])
-                  ])
-                ]),
-                _: 1
-              }),
-              n.title ? (l(), s("h1", R, [
-                e(a, {
-                  class: "home-link",
-                  to: { name: "home" }
-                }, {
-                  default: d(() => [
-                    x(p(n.title), 1)
-                  ]),
-                  _: 1
-                })
-              ])) : _("", !0)
-            ])
-          ]),
-          o("div", Y, [
-            t.$slots.controls ? (l(), s("div", j, [
-              e(v, null, {
-                default: d(({ isToggled: m, toggle: r }) => [
-                  o("div", null, [
-                    o("div", q, [
-                      e(u(V), {
-                        role: "button",
-                        size: u(C),
-                        title: "Toggle controls",
-                        onClick: r
-                      }, null, 8, ["size", "onClick"])
-                    ]),
-                    e(g, {
-                      title: "Controls",
-                      visible: m.value,
-                      onClose: r
-                    }, {
-                      default: d(() => [
-                        b(t.$slots, "controls", {}, void 0, !0)
-                      ]),
-                      _: 3
-                    }, 8, ["visible", "onClose"])
-                  ])
-                ]),
-                _: 3
-              })
-            ])) : _("", !0)
-          ])
-        ]),
-        o("div", w, [
-          o("div", F, [
-            e(f)
-          ]),
-          o("div", G, [
-            n.title ? (l(), s("h1", J, p(n.title), 1)) : _("", !0),
-            b(t.$slots, "default", {}, void 0, !0)
-          ]),
-          t.$slots.controls ? (l(), s("div", X, [
-            b(t.$slots, "controls", {}, void 0, !0)
-          ])) : _("", !0)
-        ])
-      ]);
-    };
-  }
-}), Q = /* @__PURE__ */ I(Z, [["__scopeId", "data-v-62a393b2"]]);
-export {
-  Q as SandboxLayout
-};

package/dist/sandbox-layout.umd.js

@@ -1 +0,0 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["kong-ui-public-sandbox-layout"]={},n.Vue,n.KongIcons))})(this,function(n,e,m){"use strict";const k="kong-ui-sandbox-layout-links",N={key:0,class:"kong-ui-sandbox-navigation"},g=e.defineComponent({__name:"SandboxNavigation",emits:["router-link-click"],setup(o,{emit:l}){const s=l,t=e.inject(k,[]);return(d,_)=>{const r=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",null,[e.unref(t).length?(e.openBlock(),e.createElementBlock("ul",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(t),c=>(e.openBlock(),e.createElementBlock("li",{key:c.name,class:"sandbox-link"},[e.createVNode(r,{to:c.to,onClick:a=>s("router-link-click",c)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.name),1)]),_:2},1032,["to","onClick"])]))),128))])):e.createCommentVNode("",!0)])}}}),p=(o,l)=>{const s=o.__vccOpts||o;for(const[t,d]of l)s[t]=d;return s},f=p(g,[["__scopeId","data-v-2cb154ed"]]),h="24px",C={class:"kong-ui-sandbox-layout"},V={class:"header"},b={class:"header-left"},y={class:"mobile-nav-container"},x={class:"toggle-mobile-nav"},E={key:0,class:"mobile-title"},B={class:"header-right"},S={key:0,class:"mobile-controls-container"},u={class:"toggle-mobile-controls"},T={class:"layout"},I={class:"desktop-nav-container"},K={class:"sandbox-container"},L={key:0},$={key:0,class:"sandbox-controls"},O=p(e.defineComponent({__name:"SandboxLayout",props:{title:{type:String,default:""},links:{type:Array,required:!1,default:()=>[]},controlsMinWidth:{type:Number,default:240}},setup(o){e.useCssVars(t=>({v4f585fbc:s.value}));const l=o;e.provide(k,l.links);const s=e.computed(()=>`${l.controlsMinWidth}px`);return(t,d)=>{const _=e.resolveComponent("KSlideout"),r=e.resolveComponent("KToggle"),c=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("header",V,[e.createElementVNode("div",b,[e.createElementVNode("div",y,[e.createVNode(r,null,{default:e.withCtx(({isToggled:a,toggle:i})=>[e.createElementVNode("div",null,[e.createElementVNode("div",x,[e.createVNode(e.unref(m.MenuIcon),{role:"button",size:e.unref(h),title:"Toggle menu",onClick:i},null,8,["size","onClick"])]),e.createVNode(_,{title:"Main Menu",visible:a.value,onClose:i},{default:e.withCtx(()=>[e.createVNode(f,{onRouterLinkClick:i},null,8,["onRouterLinkClick"])]),_:2},1032,["visible","onClose"])])]),_:1}),o.title?(e.openBlock(),e.createElementBlock("h1",E,[e.createVNode(c,{class:"home-link",to:{name:"home"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1})])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",B,[t.$slots.controls?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(r,null,{default:e.withCtx(({isToggled:a,toggle:i})=>[e.createElementVNode("div",null,[e.createElementVNode("div",u,[e.createVNode(e.unref(m.CogIcon),{role:"button",size:e.unref(h),title:"Toggle controls",onClick:i},null,8,["size","onClick"])]),e.createVNode(_,{title:"Controls",visible:a.value,onClose:i},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"controls",{},void 0,!0)]),_:3},8,["visible","onClose"])])]),_:3})])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",T,[e.createElementVNode("div",I,[e.createVNode(f)]),e.createElementVNode("div",K,[o.title?(e.openBlock(),e.createElementBlock("h1",L,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0)]),t.$slots.controls?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(t.$slots,"controls",{},void 0,!0)])):e.createCommentVNode("",!0)])])}}}),[["__scopeId","data-v-62a393b2"]]);n.SandboxLayout=O,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +0,0 @@
-.kong-ui-sandbox-navigation[data-v-2cb154ed]{list-style:none;margin:0;padding:0}.kong-ui-sandbox-navigation .sandbox-link[data-v-2cb154ed]{margin-bottom:8px}.kong-ui-sandbox-navigation .sandbox-link[data-v-2cb154ed]:last-of-type{margin-bottom:0}.kong-ui-sandbox-navigation .sandbox-link a[data-v-2cb154ed]{background:#eee;border-radius:4px;color:#0044f4;display:block;font-weight:600;overflow:hidden;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease-in-out;white-space:nowrap}.kong-ui-sandbox-navigation .sandbox-link a[data-v-2cb154ed]:hover{background:#ccc;color:#002099}.kong-ui-sandbox-navigation .sandbox-link a.router-link-exact-active[data-v-2cb154ed],.kong-ui-sandbox-navigation .sandbox-link a.active[data-v-2cb154ed],.kong-ui-sandbox-navigation .sandbox-link a.router-link-exact-active[data-v-2cb154ed]:hover,.kong-ui-sandbox-navigation .sandbox-link a.active[data-v-2cb154ed]:hover{background:#0044f4;color:#fff}html,body{margin:0;padding:0}.kong-ui-sandbox-layout .header[data-v-62a393b2]{align-items:center;border-bottom:1px solid #e0e4ea;display:flex;justify-content:space-between;width:100%}@media (min-width: 1280px){.kong-ui-sandbox-layout .header[data-v-62a393b2]{display:none}}.kong-ui-sandbox-layout .header .header-left[data-v-62a393b2],.kong-ui-sandbox-layout .header .header-right[data-v-62a393b2]{align-items:center;display:flex;gap:20px;padding:20px;width:100%}.kong-ui-sandbox-layout .header .header-right[data-v-62a393b2]{justify-content:flex-end}.kong-ui-sandbox-layout .header h1[data-v-62a393b2]{font-size:18px;margin:0;white-space:nowrap}@media (min-width: 768px){.kong-ui-sandbox-layout .header h1[data-v-62a393b2]{font-size:24px}}.kong-ui-sandbox-layout .layout[data-v-62a393b2]{display:flex;gap:20px;padding:20px}.kong-ui-sandbox-layout .mobile-nav-container[data-v-62a393b2]{align-items:center;display:flex;gap:20px}@media (min-width: 1280px){.kong-ui-sandbox-layout .mobile-nav-container[data-v-62a393b2],.kong-ui-sandbox-layout .mobile-controls-container[data-v-62a393b2],.kong-ui-sandbox-layout .mobile-title[data-v-62a393b2]{display:none}}.kong-ui-sandbox-layout .sandbox-controls[data-v-62a393b2],.kong-ui-sandbox-layout .desktop-nav-container[data-v-62a393b2]{display:none}@media (min-width: 1280px){.kong-ui-sandbox-layout .sandbox-controls[data-v-62a393b2],.kong-ui-sandbox-layout .desktop-nav-container[data-v-62a393b2]{display:block}}.kong-ui-sandbox-layout .desktop-nav-container[data-v-62a393b2]{min-width:240px}.kong-ui-sandbox-layout .sandbox-container[data-v-62a393b2]{min-height:50vh;width:100%}@media (min-width: 1280px){.kong-ui-sandbox-layout .sandbox-container[data-v-62a393b2]{border:1px solid #e0e4ea;border-radius:6px;padding:20px}}.kong-ui-sandbox-layout .sandbox-container h1[data-v-62a393b2]{margin:0 0 20px}.kong-ui-sandbox-layout .sandbox-controls[data-v-62a393b2]{min-width:var(--v4f585fbc)}@media (min-width: 1280px){.kong-ui-sandbox-layout .sandbox-controls[data-v-62a393b2]{border:1px solid #e0e4ea;border-radius:6px;padding:20px}}.kong-ui-sandbox-layout .home-link[data-v-62a393b2],.kong-ui-sandbox-layout .home-link[data-v-62a393b2]:visited{color:#0044f4;text-decoration:none}.kong-ui-sandbox-layout .toggle-mobile-nav[data-v-62a393b2],.kong-ui-sandbox-layout .toggle-mobile-controls[data-v-62a393b2]{color:#0044f4;cursor:pointer;transition:color .2s ease-in-out}.kong-ui-sandbox-layout .toggle-mobile-nav[data-v-62a393b2]:hover,.kong-ui-sandbox-layout .toggle-mobile-controls[data-v-62a393b2]:hover{color:#0030cc}.kong-ui-sandbox-layout[data-v-62a393b2] .k-slideout,.kong-ui-sandbox-layout[data-v-62a393b2] .k-card-body{font-size:16px}

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

@@ -1,52 +0,0 @@
-import type { PropType } from 'vue';
-import type { SandboxNavigationItem } from '../types';
-declare var __VLS_56: {}, __VLS_63: {}, __VLS_65: {};
-type __VLS_Slots = {} & {
-    controls?: (props: typeof __VLS_56) => any;
-} & {
-    default?: (props: typeof __VLS_63) => any;
-} & {
-    controls?: (props: typeof __VLS_65) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    links: {
-        type: PropType<SandboxNavigationItem[]>;
-        required: false;
-        default: () => never[];
-    };
-    controlsMinWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    links: {
-        type: PropType<SandboxNavigationItem[]>;
-        required: false;
-        default: () => never[];
-    };
-    controlsMinWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    title: string;
-    links: SandboxNavigationItem[];
-    controlsMinWidth: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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=SandboxLayout.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SandboxLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SandboxLayout.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AA2SrD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKjD,QAAA,MAAM,UAAU;;;;;;cAOG,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;;;;;;;;;;;;cAAjC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;;;;;;;;;;;;4EASlD,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/components/SandboxNavigation.vue.d.ts

@@ -1,8 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "router-link-click": (link: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric) => any;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    "onRouter-link-click"?: ((link: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=SandboxNavigation.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SandboxNavigation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SandboxNavigation.vue"],"names":[],"mappings":"AA6KA,QAAA,MAAM,YAAY;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const KONG_UI_SANDBOX_LAYOUT_LINKS_INJECTION_KEY = "kong-ui-sandbox-layout-links";
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0CAA0C,iCAAiC,CAAA"}

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-import SandboxLayout from './components/SandboxLayout.vue';
-export { SandboxLayout };
-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,OAAO,aAAa,MAAM,gCAAgC,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,CAAA;AAExB,cAAc,SAAS,CAAA"}

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

@@ -1,2 +0,0 @@
-export * from './navigation';
-//# 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":"AAIA,cAAc,cAAc,CAAA"}

package/dist/types/types/navigation.d.ts

@@ -1,8 +0,0 @@
-import type { RouteLocationRaw } from 'vue-router';
-export interface SandboxNavigationItem {
-    /** The name of the item to display in the navigation, e.g. `My page` */
-    name: string;
-    /** The router link object, e.g. `{ name: 'my-page' }` */
-    to: RouteLocationRaw;
-}
-//# sourceMappingURL=navigation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/types/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,MAAM,WAAW,qBAAqB;IACpC,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,EAAE,EAAE,gBAAgB,CAAA;CACrB"}