@kong-ui-public/sandbox-layout 2.1.16 → 2.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sandbox-layout.es.js +29 -27
- package/dist/sandbox-layout.umd.js +1 -1
- package/package.json +5 -5
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as b, inject as T, resolveComponent as y, openBlock as r, createElementBlock as l, unref as g, Fragment as B, renderList as K, createVNode as d, withCtx as c, createTextVNode as N, toDisplayString as v, createCommentVNode as u, computed as f, createBlock as L, resolveDynamicComponent as I, normalizeStyle as z, pushScopeId as w, popScopeId as $, createElementVNode as s, useCssVars as M, provide as O, renderSlot as C } from "vue";
|
|
2
2
|
const q = "kong-ui-sandbox-layout-links", Z = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "kong-ui-sandbox-navigation"
|
|
5
|
-
}, E = /* @__PURE__ */
|
|
5
|
+
}, E = /* @__PURE__ */ b({
|
|
6
6
|
__name: "SandboxNavigation",
|
|
7
7
|
emits: ["router-link-click"],
|
|
8
8
|
setup(e, { emit: t }) {
|
|
9
9
|
const o = t, i = T(q, []);
|
|
10
10
|
return (a, n) => {
|
|
11
|
-
const
|
|
11
|
+
const h = y("router-link");
|
|
12
12
|
return r(), l("nav", null, [
|
|
13
13
|
g(i).length ? (r(), l("ul", Z, [
|
|
14
14
|
(r(!0), l(B, null, K(g(i), (p) => (r(), l("li", {
|
|
15
15
|
key: p.name,
|
|
16
16
|
class: "sandbox-link"
|
|
17
17
|
}, [
|
|
18
|
-
d(
|
|
18
|
+
d(h, {
|
|
19
19
|
to: p.to,
|
|
20
|
-
onClick: (
|
|
20
|
+
onClick: (m) => o("router-link-click", p)
|
|
21
21
|
}, {
|
|
22
22
|
default: c(() => [
|
|
23
|
-
|
|
23
|
+
N(v(p.name), 1)
|
|
24
24
|
]),
|
|
25
25
|
_: 2
|
|
26
26
|
}, 1032, ["to", "onClick"])
|
|
@@ -34,18 +34,18 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
34
34
|
for (const [i, a] of t)
|
|
35
35
|
o[i] = a;
|
|
36
36
|
return o;
|
|
37
|
-
}, x = /* @__PURE__ */ V(E, [["__scopeId", "data-v-2cb154ed"]]),
|
|
37
|
+
}, x = /* @__PURE__ */ V(E, [["__scopeId", "data-v-2cb154ed"]]), k = "24px", H = (e, t) => {
|
|
38
38
|
const o = e.__vccOpts || e;
|
|
39
39
|
for (const [i, a] of t)
|
|
40
40
|
o[i] = a;
|
|
41
41
|
return o;
|
|
42
|
-
}, A = (e) => (w("data-v-
|
|
42
|
+
}, A = (e) => (w("data-v-e80f0e9c"), e = e(), $(), e), D = ["aria-hidden"], U = {
|
|
43
43
|
key: 0,
|
|
44
44
|
"data-testid": "kui-icon-svg-title"
|
|
45
45
|
}, W = /* @__PURE__ */ A(() => /* @__PURE__ */ s("path", {
|
|
46
46
|
d: "M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z",
|
|
47
47
|
fill: "currentColor"
|
|
48
|
-
}, null, -1)), R = /* @__PURE__ */
|
|
48
|
+
}, null, -1)), R = /* @__PURE__ */ b({
|
|
49
49
|
__name: "CogIcon",
|
|
50
50
|
props: {
|
|
51
51
|
/** The accessibility text provided to screen readers */
|
|
@@ -76,7 +76,7 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
76
76
|
size: {
|
|
77
77
|
type: [Number, String],
|
|
78
78
|
required: !1,
|
|
79
|
-
default:
|
|
79
|
+
default: k,
|
|
80
80
|
// if setting to the imported const fails, just pass a number of 24 as the default.
|
|
81
81
|
validator: (e) => {
|
|
82
82
|
if (typeof e == "number" && e > 0)
|
|
@@ -105,11 +105,12 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
105
105
|
if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
|
|
106
106
|
return `${n}px`;
|
|
107
107
|
}
|
|
108
|
-
return
|
|
108
|
+
return k;
|
|
109
109
|
}), i = f(() => ({
|
|
110
110
|
boxSizing: "border-box",
|
|
111
111
|
color: t.color,
|
|
112
112
|
display: t.display,
|
|
113
|
+
flexShrink: "0",
|
|
113
114
|
height: o.value,
|
|
114
115
|
lineHeight: "0",
|
|
115
116
|
width: o.value
|
|
@@ -138,13 +139,13 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
138
139
|
_: 1
|
|
139
140
|
}, 8, ["aria-hidden", "style"]));
|
|
140
141
|
}
|
|
141
|
-
}), Y = /* @__PURE__ */ H(R, [["__scopeId", "data-v-
|
|
142
|
+
}), Y = /* @__PURE__ */ H(R, [["__scopeId", "data-v-e80f0e9c"]]), j = (e) => (w("data-v-16359cdd"), e = e(), $(), e), F = ["aria-hidden"], G = {
|
|
142
143
|
key: 0,
|
|
143
144
|
"data-testid": "kui-icon-svg-title"
|
|
144
145
|
}, J = /* @__PURE__ */ j(() => /* @__PURE__ */ s("path", {
|
|
145
146
|
d: "M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z",
|
|
146
147
|
fill: "currentColor"
|
|
147
|
-
}, null, -1)), X = /* @__PURE__ */
|
|
148
|
+
}, null, -1)), X = /* @__PURE__ */ b({
|
|
148
149
|
__name: "MenuIcon",
|
|
149
150
|
props: {
|
|
150
151
|
/** The accessibility text provided to screen readers */
|
|
@@ -175,7 +176,7 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
175
176
|
size: {
|
|
176
177
|
type: [Number, String],
|
|
177
178
|
required: !1,
|
|
178
|
-
default:
|
|
179
|
+
default: k,
|
|
179
180
|
// if setting to the imported const fails, just pass a number of 24 as the default.
|
|
180
181
|
validator: (e) => {
|
|
181
182
|
if (typeof e == "number" && e > 0)
|
|
@@ -204,11 +205,12 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
204
205
|
if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
|
|
205
206
|
return `${n}px`;
|
|
206
207
|
}
|
|
207
|
-
return
|
|
208
|
+
return k;
|
|
208
209
|
}), i = f(() => ({
|
|
209
210
|
boxSizing: "border-box",
|
|
210
211
|
color: t.color,
|
|
211
212
|
display: t.display,
|
|
213
|
+
flexShrink: "0",
|
|
212
214
|
height: o.value,
|
|
213
215
|
lineHeight: "0",
|
|
214
216
|
width: o.value
|
|
@@ -237,7 +239,7 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
237
239
|
_: 1
|
|
238
240
|
}, 8, ["aria-hidden", "style"]));
|
|
239
241
|
}
|
|
240
|
-
}), P = /* @__PURE__ */ H(X, [["__scopeId", "data-v-
|
|
242
|
+
}), P = /* @__PURE__ */ H(X, [["__scopeId", "data-v-16359cdd"]]), S = "24px", Q = { class: "kong-ui-sandbox-layout" }, ee = { class: "header" }, te = { class: "header-left" }, oe = { class: "mobile-nav-container" }, ie = { class: "toggle-mobile-nav" }, ne = {
|
|
241
243
|
key: 0,
|
|
242
244
|
class: "mobile-title"
|
|
243
245
|
}, re = { class: "header-right" }, se = {
|
|
@@ -246,7 +248,7 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
246
248
|
}, le = { class: "toggle-mobile-controls" }, ae = { class: "layout" }, de = { class: "desktop-nav-container" }, ce = { class: "sandbox-container" }, ue = { key: 0 }, pe = {
|
|
247
249
|
key: 0,
|
|
248
250
|
class: "sandbox-controls"
|
|
249
|
-
}, _e = /* @__PURE__ */
|
|
251
|
+
}, _e = /* @__PURE__ */ b({
|
|
250
252
|
__name: "SandboxLayout",
|
|
251
253
|
props: {
|
|
252
254
|
title: {
|
|
@@ -271,25 +273,25 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
271
273
|
O(q, t.links);
|
|
272
274
|
const o = f(() => `${t.controlsMinWidth}px`);
|
|
273
275
|
return (i, a) => {
|
|
274
|
-
const n = y("KSlideout"),
|
|
276
|
+
const n = y("KSlideout"), h = y("KToggle"), p = y("router-link");
|
|
275
277
|
return r(), l("div", Q, [
|
|
276
278
|
s("header", ee, [
|
|
277
279
|
s("div", te, [
|
|
278
280
|
s("div", oe, [
|
|
279
|
-
d(
|
|
280
|
-
default: c(({ isToggled:
|
|
281
|
+
d(h, null, {
|
|
282
|
+
default: c(({ isToggled: m, toggle: _ }) => [
|
|
281
283
|
s("div", null, [
|
|
282
284
|
s("div", ie, [
|
|
283
285
|
d(g(P), {
|
|
284
286
|
role: "button",
|
|
285
|
-
size: g(
|
|
287
|
+
size: g(S),
|
|
286
288
|
title: "Toggle menu",
|
|
287
289
|
onClick: _
|
|
288
290
|
}, null, 8, ["size", "onClick"])
|
|
289
291
|
]),
|
|
290
292
|
d(n, {
|
|
291
293
|
title: "Main Menu",
|
|
292
|
-
visible:
|
|
294
|
+
visible: m.value,
|
|
293
295
|
onClose: _
|
|
294
296
|
}, {
|
|
295
297
|
default: c(() => [
|
|
@@ -307,7 +309,7 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
307
309
|
to: { name: "home" }
|
|
308
310
|
}, {
|
|
309
311
|
default: c(() => [
|
|
310
|
-
|
|
312
|
+
N(v(e.title), 1)
|
|
311
313
|
]),
|
|
312
314
|
_: 1
|
|
313
315
|
})
|
|
@@ -316,20 +318,20 @@ const q = "kong-ui-sandbox-layout-links", Z = {
|
|
|
316
318
|
]),
|
|
317
319
|
s("div", re, [
|
|
318
320
|
i.$slots.controls ? (r(), l("div", se, [
|
|
319
|
-
d(
|
|
320
|
-
default: c(({ isToggled:
|
|
321
|
+
d(h, null, {
|
|
322
|
+
default: c(({ isToggled: m, toggle: _ }) => [
|
|
321
323
|
s("div", null, [
|
|
322
324
|
s("div", le, [
|
|
323
325
|
d(g(Y), {
|
|
324
326
|
role: "button",
|
|
325
|
-
size: g(
|
|
327
|
+
size: g(S),
|
|
326
328
|
title: "Toggle controls",
|
|
327
329
|
onClick: _
|
|
328
330
|
}, null, 8, ["size", "onClick"])
|
|
329
331
|
]),
|
|
330
332
|
d(n, {
|
|
331
333
|
title: "Controls",
|
|
332
|
-
visible:
|
|
334
|
+
visible: m.value,
|
|
333
335
|
onClose: _
|
|
334
336
|
}, {
|
|
335
337
|
default: c(() => [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["kong-ui-public-sandbox-layout"]={},c.Vue))})(this,function(c,e){"use strict";const
|
|
1
|
+
(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c["kong-ui-public-sandbox-layout"]={},c.Vue))})(this,function(c,e){"use strict";const f="kong-ui-sandbox-layout-links",u={key:0,class:"kong-ui-sandbox-navigation"},C=e.defineComponent({__name:"SandboxNavigation",emits:["router-link-click"],setup(t,{emit:o}){const n=o,i=e.inject(f,[]);return(l,r)=>{const p=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",null,[e.unref(i).length?(e.openBlock(),e.createElementBlock("ul",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),s=>(e.openBlock(),e.createElementBlock("li",{key:s.name,class:"sandbox-link"},[e.createVNode(p,{to:s.to,onClick:m=>n("router-link-click",s)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["to","onClick"])]))),128))])):e.createCommentVNode("",!0)])}}}),g=(t,o)=>{const n=t.__vccOpts||t;for(const[i,l]of o)n[i]=l;return n},k=g(C,[["__scopeId","data-v-2cb154ed"]]),d="24px",_=(t,o)=>{const n=t.__vccOpts||t;for(const[i,l]of o)n[i]=l;return n},y=t=>(e.pushScopeId("data-v-e80f0e9c"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},x=y(()=>e.createElementVNode("path",{d:"M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z",fill:"currentColor"},null,-1)),S=_(e.defineComponent({__name:"CogIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const o=String(t).replace(/px/gi,""),n=Number(o);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const o=t,n=e.computed(()=>{if(typeof o.size=="number"&&o.size>0)return`${o.size}px`;if(typeof o.size=="string"){const l=String(o.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return d}),i=e.computed(()=>({boxSizing:"border-box",color:o.color,display:o.display,flexShrink:"0",height:n.value,lineHeight:"0",width:n.value}));return(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon cog-icon","data-testid":"kui-icon-wrapper-cog-icon",style:e.normalizeStyle(i.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-cog-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),x],8,N))]),_:1},8,["aria-hidden","style"]))}}),[["__scopeId","data-v-e80f0e9c"]]),V=t=>(e.pushScopeId("data-v-16359cdd"),t=t(),e.popScopeId(),t),B=["aria-hidden"],E={key:0,"data-testid":"kui-icon-svg-title"},L=V(()=>e.createElementVNode("path",{d:"M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z",fill:"currentColor"},null,-1)),w=_(e.defineComponent({__name:"MenuIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const o=String(t).replace(/px/gi,""),n=Number(o);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"}},setup(t){const o=t,n=e.computed(()=>{if(typeof o.size=="number"&&o.size>0)return`${o.size}px`;if(typeof o.size=="string"){const l=String(o.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return d}),i=e.computed(()=>({boxSizing:"border-box",color:o.color,display:o.display,flexShrink:"0",height:n.value,lineHeight:"0",width:n.value}));return(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon menu-icon","data-testid":"kui-icon-wrapper-menu-icon",style:e.normalizeStyle(i.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-menu-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",E,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),L],8,B))]),_:1},8,["aria-hidden","style"]))}}),[["__scopeId","data-v-16359cdd"]]),h="24px",I={class:"kong-ui-sandbox-layout"},z={class:"header"},$={class:"header-left"},q={class:"mobile-nav-container"},T={class:"toggle-mobile-nav"},H={key:0,class:"mobile-title"},M={class:"header-right"},D={key:0,class:"mobile-controls-container"},K={class:"toggle-mobile-controls"},O={class:"layout"},Z={class:"desktop-nav-container"},j={class:"sandbox-container"},A={key:0},U={key:0,class:"sandbox-controls"},W=g(e.defineComponent({__name:"SandboxLayout",props:{title:{type:String,default:""},links:{type:Array,required:!1,default:()=>[]},controlsMinWidth:{type:Number,default:240}},setup(t){e.useCssVars(i=>({bfdbd112:n.value}));const o=t;e.provide(f,o.links);const n=e.computed(()=>`${o.controlsMinWidth}px`);return(i,l)=>{const r=e.resolveComponent("KSlideout"),p=e.resolveComponent("KToggle"),s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("header",z,[e.createElementVNode("div",$,[e.createElementVNode("div",q,[e.createVNode(p,null,{default:e.withCtx(({isToggled:m,toggle:a})=>[e.createElementVNode("div",null,[e.createElementVNode("div",T,[e.createVNode(e.unref(w),{role:"button",size:e.unref(h),title:"Toggle menu",onClick:a},null,8,["size","onClick"])]),e.createVNode(r,{title:"Main Menu",visible:m.value,onClose:a},{default:e.withCtx(()=>[e.createVNode(k,{onRouterLinkClick:a},null,8,["onRouterLinkClick"])]),_:2},1032,["visible","onClose"])])]),_:1}),t.title?(e.openBlock(),e.createElementBlock("h1",H,[e.createVNode(s,{class:"home-link",to:{name:"home"}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:1})])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",M,[i.$slots.controls?(e.openBlock(),e.createElementBlock("div",D,[e.createVNode(p,null,{default:e.withCtx(({isToggled:m,toggle:a})=>[e.createElementVNode("div",null,[e.createElementVNode("div",K,[e.createVNode(e.unref(S),{role:"button",size:e.unref(h),title:"Toggle controls",onClick:a},null,8,["size","onClick"])]),e.createVNode(r,{title:"Controls",visible:m.value,onClose:a},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"controls",{},void 0,!0)]),_:2},1032,["visible","onClose"])])]),_:3})])):e.createCommentVNode("",!0)])]),e.createElementVNode("div",O,[e.createElementVNode("div",Z,[e.createVNode(k)]),e.createElementVNode("div",j,[t.title?(e.openBlock(),e.createElementBlock("h1",A,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default",{},void 0,!0)]),i.$slots.controls?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(i.$slots,"controls",{},void 0,!0)])):e.createCommentVNode("",!0)])])}}}),[["__scopeId","data-v-030efc6d"]]);c.SandboxLayout=W,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kong-ui-public/sandbox-layout",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/sandbox-layout.umd.js",
|
|
6
6
|
"module": "./dist/sandbox-layout.es.js",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"access": "public"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@kong/design-tokens": "1.15.
|
|
25
|
-
"@kong/kongponents": "9.0.
|
|
24
|
+
"@kong/design-tokens": "1.15.3",
|
|
25
|
+
"@kong/kongponents": "9.0.21",
|
|
26
26
|
"vue": "^3.4.31",
|
|
27
27
|
"vue-router": "^4.4.0"
|
|
28
28
|
},
|
|
@@ -44,11 +44,11 @@
|
|
|
44
44
|
"errorLimit": "200KB"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@kong/kongponents": "^9.0.
|
|
47
|
+
"@kong/kongponents": "^9.0.21",
|
|
48
48
|
"vue": ">= 3.3.13 < 4"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@kong/icons": "^1.15.
|
|
51
|
+
"@kong/icons": "^1.15.1"
|
|
52
52
|
},
|
|
53
53
|
"scripts": {
|
|
54
54
|
"dev": "cross-env USE_SANDBOX=true vite",
|