@milaboratories/uikit 2.16.0 → 2.16.2

package/dist/helpers/downloadContent.js

@@ -1,4 +1,4 @@
-//#region src/helpers/downloadContent.ts
+// src/helpers/downloadContent.ts
 var e = (e, t) => {
 	let n;
 	if (e instanceof Blob) n = e;
@@ -20,7 +20,6 @@ var e = (e, t) => {
 		URL.revokeObjectURL(r);
 	}
 };
-//#endregion
 export { e as downloadContent };
 
 //# sourceMappingURL=downloadContent.js.map

package/dist/helpers/downloadContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"downloadContent.js","names":[],"sources":["../../src/helpers/downloadContent.ts"],"sourcesContent":["type MimeType =\n  | \"text/plain\"\n  | \"text/html\"\n  | \"text/css\"\n  | \"text/javascript\"\n  | \"text/csv\"\n  | \"application/json\"\n  | \"application/xml\"\n  | \"application/pdf\"\n  | \"application/zip\"\n  | \"application/octet-stream\"\n  | \"image/png\"\n  | \"image/jpeg\"\n  | \"image/gif\"\n  | \"image/svg+xml\"\n  | \"audio/mpeg\"\n  | \"audio/wav\"\n  | \"video/mp4\"\n  | \"video/webm\"\n  | (string & {});\n\ntype DownloadableContent =\n  | [string, MimeType]\n  | [Blob, MimeType]\n  | [ArrayBuffer, MimeType]\n  | [Uint8Array, MimeType]\n  | [Int8Array, MimeType]\n  | [Uint16Array, MimeType]\n  | [Int16Array, MimeType]\n  | [Uint32Array, MimeType]\n  | [Int32Array, MimeType]\n  | [Float32Array, MimeType]\n  | [Float64Array, MimeType]\n  | [DataView, MimeType]\n  | Blob // Blob already has mimeType\n  | File; // File already has mimeType\n\nexport const downloadContent = (content: DownloadableContent, filename: string) => {\n  let blob: Blob;\n\n  if (content instanceof Blob) {\n    blob = content;\n  } else if (content instanceof File) {\n    blob = content;\n  } else if (Array.isArray(content) && content.length === 2) {\n    const [data, mimeType] = content;\n    if (typeof data === \"string\") {\n      blob = new Blob([data], { type: mimeType });\n    } else if (data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {\n      blob = new Blob([data as BlobPart], { type: mimeType });\n    } else if (data instanceof Blob) {\n      blob = new Blob([data], { type: mimeType });\n    } else {\n      throw new Error(`Unsupported data type for download. Received data of type ${typeof data}.`);\n    }\n  } else {\n    throw new Error(\n      \"Invalid content type. Content must be a Blob, File, or [data, mimeType] tuple.\",\n    );\n  }\n\n  const objectUrl = URL.createObjectURL(blob);\n\n  try {\n    const link = document.createElement(\"a\");\n    link.href = objectUrl;\n    link.download = filename;\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  } catch (error) {\n    throw new Error(`Failed to download ${filename}`, { cause: error });\n  } finally {\n    URL.revokeObjectURL(objectUrl);\n  }\n};\n"],"mappings":";AAqCA,IAAa,KAAmB,GAA8B,MAAqB;CACjF,IAAI;AAEJ,KAAI,aAAmB,KACrB,KAAO;UACE,aAAmB,KAC5B,KAAO;UACE,MAAM,QAAQ,EAAQ,IAAI,EAAQ,WAAW,GAAG;EACzD,IAAM,CAAC,GAAM,KAAY;AACzB,MAAI,OAAO,KAAS,SAClB,KAAO,IAAI,KAAK,CAAC,EAAK,EAAE,EAAE,MAAM,GAAU,CAAC;WAClC,aAAgB,eAAe,YAAY,OAAO,EAAK,CAChE,KAAO,IAAI,KAAK,CAAC,EAAiB,EAAE,EAAE,MAAM,GAAU,CAAC;WAC9C,aAAgB,KACzB,KAAO,IAAI,KAAK,CAAC,EAAK,EAAE,EAAE,MAAM,GAAU,CAAC;MAE3C,OAAU,MAAM,6DAA6D,OAAO,EAAK,GAAG;OAG9F,OAAU,MACR,iFACD;CAGH,IAAM,IAAY,IAAI,gBAAgB,EAAK;AAE3C,KAAI;EACF,IAAM,IAAO,SAAS,cAAc,IAAI;AAMxC,EALA,EAAK,OAAO,GACZ,EAAK,WAAW,GAEhB,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK;UACxB,GAAO;AACd,QAAU,MAAM,sBAAsB,KAAY,EAAE,OAAO,GAAO,CAAC;WAC3D;AACR,MAAI,gBAAgB,EAAU"}
+{"version":3,"file":"downloadContent.js","names":["downloadContent","blob","content","data","mimeType","objectUrl","link","filename","error"],"sources":["../../src/helpers/downloadContent.ts"],"sourcesContent":["type MimeType =\n  | \"text/plain\"\n  | \"text/html\"\n  | \"text/css\"\n  | \"text/javascript\"\n  | \"text/csv\"\n  | \"application/json\"\n  | \"application/xml\"\n  | \"application/pdf\"\n  | \"application/zip\"\n  | \"application/octet-stream\"\n  | \"image/png\"\n  | \"image/jpeg\"\n  | \"image/gif\"\n  | \"image/svg+xml\"\n  | \"audio/mpeg\"\n  | \"audio/wav\"\n  | \"video/mp4\"\n  | \"video/webm\"\n  | (string & {});\n\ntype DownloadableContent =\n  | [string, MimeType]\n  | [Blob, MimeType]\n  | [ArrayBuffer, MimeType]\n  | [Uint8Array, MimeType]\n  | [Int8Array, MimeType]\n  | [Uint16Array, MimeType]\n  | [Int16Array, MimeType]\n  | [Uint32Array, MimeType]\n  | [Int32Array, MimeType]\n  | [Float32Array, MimeType]\n  | [Float64Array, MimeType]\n  | [DataView, MimeType]\n  | Blob // Blob already has mimeType\n  | File; // File already has mimeType\n\nexport const downloadContent = (content: DownloadableContent, filename: string) => {\n  let blob: Blob;\n\n  if (content instanceof Blob) {\n    blob = content;\n  } else if (content instanceof File) {\n    blob = content;\n  } else if (Array.isArray(content) && content.length === 2) {\n    const [data, mimeType] = content;\n    if (typeof data === \"string\") {\n      blob = new Blob([data], { type: mimeType });\n    } else if (data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {\n      blob = new Blob([data as BlobPart], { type: mimeType });\n    } else if (data instanceof Blob) {\n      blob = new Blob([data], { type: mimeType });\n    } else {\n      throw new Error(`Unsupported data type for download. Received data of type ${typeof data}.`);\n    }\n  } else {\n    throw new Error(\n      \"Invalid content type. Content must be a Blob, File, or [data, mimeType] tuple.\",\n    );\n  }\n\n  const objectUrl = URL.createObjectURL(blob);\n\n  try {\n    const link = document.createElement(\"a\");\n    link.href = objectUrl;\n    link.download = filename;\n\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n  } catch (error) {\n    throw new Error(`Failed to download ${filename}`, { cause: error });\n  } finally {\n    URL.revokeObjectURL(objectUrl);\n  }\n};\n"],"mappings":";AAqCA,IAAaA,KAAmB,GAA8B,MAAqB;CACjF,IAAIC;CAEJ,IAAIC,aAAmB,MACrB,IAAOA;MACF,IAAIA,aAAmB,MAC5B,IAAOA;MACF,IAAI,MAAM,QAAQA,CAAO,KAAKA,EAAQ,WAAW,GAAG;EACzD,IAAM,CAACC,GAAMC,KAAYF;EACzB,IAAI,OAAOC,KAAS,UAClB,IAAO,IAAI,KAAK,CAACA,CAAI,GAAG,EAAE,MAAMC,EAAS,CAAC;OACrC,IAAID,aAAgB,eAAe,YAAY,OAAOA,CAAI,GAC/D,IAAO,IAAI,KAAK,CAACA,CAAgB,GAAG,EAAE,MAAMC,EAAS,CAAC;OACjD,IAAID,aAAgB,MACzB,IAAO,IAAI,KAAK,CAACA,CAAI,GAAG,EAAE,MAAMC,EAAS,CAAC;OAE1C,MAAU,MAAM,6DAA6D,OAAOD,EAAK,EAAE;CAE/F,OACE,MAAU,MACR,gFACF;CAGF,IAAME,IAAY,IAAI,gBAAgBJ,CAAI;CAE1C,IAAI;EACF,IAAMK,IAAO,SAAS,cAAc,GAAG;EAMvC,AALA,EAAK,OAAOD,GACZ,EAAK,WAAWE,GAEhB,SAAS,KAAK,YAAYD,CAAI,GAC9BA,EAAK,MAAM,GACX,SAAS,KAAK,YAAYA,CAAI;CAChC,SAASE,GAAO;EACd,MAAU,MAAM,sBAAsBD,KAAY,EAAE,OAAOC,EAAM,CAAC;CACpE,UAAU;EACR,IAAI,gBAAgBH,CAAS;CAC/B;AACF"}

package/dist/helpers/error.js

@@ -1,5 +1,5 @@
 import { isErrorLike as e, tryDo as t } from "@milaboratories/helpers";
-//#region src/helpers/error.ts
+// src/helpers/error.ts
 function n(...e) {
 	for (let t = 0; t < e.length; t++) {
 		let n = e[t], i = r(n);
@@ -11,7 +11,6 @@ function r(n) {
 	if (e(n) && n.message.length > 0) return n.message;
 	if (n != null) return `Unknown error message:\n${t(() => JSON.stringify(n, null, 4), () => String(n))}`;
 }
-//#endregion
 export { n as getErrorMessage };
 
 //# sourceMappingURL=error.js.map

package/dist/helpers/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":[],"sources":["../../src/helpers/error.ts"],"sourcesContent":["import { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\n// order of errors is important, we will show first\nexport function getErrorMessage(...errors: unknown[]): undefined | string {\n  for (let i = 0; i < errors.length; i++) {\n    const error = errors[i];\n    const message = extractMessage(error);\n    if (message !== undefined) return message;\n  }\n}\n\nfunction extractMessage(error: unknown): undefined | string {\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (isErrorLike(error) && error.message.length > 0) {\n    return error.message;\n  }\n\n  if (error != null) {\n    const unknownString = tryDo(\n      () => JSON.stringify(error, null, 4),\n      () => String(error),\n    );\n    return `Unknown error message:\\n${unknownString}`;\n  }\n\n  return undefined;\n}\n"],"mappings":";;AAGA,SAAgB,EAAgB,GAAG,GAAuC;AACxE,MAAK,IAAI,IAAI,GAAG,IAAI,EAAO,QAAQ,KAAK;EACtC,IAAM,IAAQ,EAAO,IACf,IAAU,EAAe,EAAM;AACrC,MAAI,MAAY,KAAA,EAAW,QAAO;;;AAItC,SAAS,EAAe,GAAoC;AAC1D,KAAI,OAAO,KAAU,SACnB,QAAO;AAGT,KAAI,EAAY,EAAM,IAAI,EAAM,QAAQ,SAAS,EAC/C,QAAO,EAAM;AAGf,KAAI,KAAS,KAKX,QAAO,2BAJe,QACd,KAAK,UAAU,GAAO,MAAM,EAAE,QAC9B,OAAO,EAAM,CACpB"}
+{"version":3,"file":"error.js","names":["getErrorMessage","errors","i","error","message","extractMessage","isErrorLike","tryDo"],"sources":["../../src/helpers/error.ts"],"sourcesContent":["import { isErrorLike, tryDo } from \"@milaboratories/helpers\";\n\n// order of errors is important, we will show first\nexport function getErrorMessage(...errors: unknown[]): undefined | string {\n  for (let i = 0; i < errors.length; i++) {\n    const error = errors[i];\n    const message = extractMessage(error);\n    if (message !== undefined) return message;\n  }\n}\n\nfunction extractMessage(error: unknown): undefined | string {\n  if (typeof error === \"string\") {\n    return error;\n  }\n\n  if (isErrorLike(error) && error.message.length > 0) {\n    return error.message;\n  }\n\n  if (error != null) {\n    const unknownString = tryDo(\n      () => JSON.stringify(error, null, 4),\n      () => String(error),\n    );\n    return `Unknown error message:\\n${unknownString}`;\n  }\n\n  return undefined;\n}\n"],"mappings":";;AAGA,SAAgBA,EAAgB,GAAGC,GAAuC;CACxE,KAAK,IAAIC,IAAI,GAAGA,IAAID,EAAO,QAAQ,KAAK;EACtC,IAAME,IAAQF,EAAOC,IACfE,IAAUC,EAAeF,CAAK;EACpC,IAAIC,MAAY,KAAA,GAAW,OAAOA;CACpC;AACF;AAEA,SAASC,EAAe,GAAoC;CAC1D,IAAI,OAAOF,KAAU,UACnB,OAAOA;CAGT,IAAIG,EAAYH,CAAK,KAAKA,EAAM,QAAQ,SAAS,GAC/C,OAAOA,EAAM;CAGf,IAAIA,KAAS,MAKX,OAAO,2BAJeI,QACd,KAAK,UAAUJ,GAAO,MAAM,CAAC,SAC7B,OAAOA,CAAK,CAEc;AAItC"}

package/dist/helpers/functions.js

@@ -1,4 +1,4 @@
-//#region src/helpers/functions.ts
+// src/helpers/functions.ts
 function e(e, t) {
 	return t(e);
 }
@@ -13,7 +13,6 @@ function r(e, t, ...n) {
 		e[n] = t[n];
 	});
 }
-//#endregion
 export { r as copyProps, n as flatValue, e as tap, t as tapIf };
 
 //# sourceMappingURL=functions.js.map

package/dist/helpers/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":[],"sources":["../../src/helpers/functions.ts"],"sourcesContent":["export function tap<T, R>(v: T, cb: (v: T) => R) {\n  return cb(v);\n}\n\nexport function tapIf<T, R>(v: T | null | undefined, cb: (v: T) => R) {\n  if (v !== null && v !== undefined) {\n    return cb(v);\n  }\n}\n\nexport function flatValue<T>(v: T | T[]): T[] {\n  return Array.isArray(v) ? v : [v];\n}\n\nexport function generate<R>(count: number, cb: (i: number) => R): R[] {\n  const r: R[] = [];\n  for (let i = 0; i < count; i++) {\n    r.push(cb(i));\n  }\n  return r;\n}\n\nexport function copyProps<T extends Record<string, unknown>>(\n  target: T,\n  source: T,\n  ...keys: (keyof T)[]\n) {\n  keys.forEach((key) => {\n    target[key] = source[key];\n  });\n}\n"],"mappings":";AAAA,SAAgB,EAAU,GAAM,GAAiB;AAC/C,QAAO,EAAG,EAAE;;AAGd,SAAgB,EAAY,GAAyB,GAAiB;AACpE,KAAI,KAAM,KACR,QAAO,EAAG,EAAE;;AAIhB,SAAgB,EAAa,GAAiB;AAC5C,QAAO,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAE;;AAWnC,SAAgB,EACd,GACA,GACA,GAAG,GACH;AACA,GAAK,SAAS,MAAQ;AACpB,IAAO,KAAO,EAAO;GACrB"}
+{"version":3,"file":"functions.js","names":["tap","cb","v","tapIf","flatValue","copyProps","keys","key","source"],"sources":["../../src/helpers/functions.ts"],"sourcesContent":["export function tap<T, R>(v: T, cb: (v: T) => R) {\n  return cb(v);\n}\n\nexport function tapIf<T, R>(v: T | null | undefined, cb: (v: T) => R) {\n  if (v !== null && v !== undefined) {\n    return cb(v);\n  }\n}\n\nexport function flatValue<T>(v: T | T[]): T[] {\n  return Array.isArray(v) ? v : [v];\n}\n\nexport function generate<R>(count: number, cb: (i: number) => R): R[] {\n  const r: R[] = [];\n  for (let i = 0; i < count; i++) {\n    r.push(cb(i));\n  }\n  return r;\n}\n\nexport function copyProps<T extends Record<string, unknown>>(\n  target: T,\n  source: T,\n  ...keys: (keyof T)[]\n) {\n  keys.forEach((key) => {\n    target[key] = source[key];\n  });\n}\n"],"mappings":";AAAA,SAAgBA,EAAU,GAAM,GAAiB;CAC/C,OAAOC,EAAGC,CAAC;AACb;AAEA,SAAgBC,EAAY,GAAyB,GAAiB;CACpE,IAAID,KAAM,MACR,OAAOD,EAAGC,CAAC;AAEf;AAEA,SAAgBE,EAAa,GAAiB;CAC5C,OAAO,MAAM,QAAQF,CAAC,IAAIA,IAAI,CAACA,CAAC;AAClC;AAUA,SAAgBG,EACd,GACA,GACA,GAAGC,GACH;CACA,EAAK,SAAS,MAAQ;EACpB,EAAOC,KAAOC,EAAOD;CACvB,CAAC;AACH"}

package/dist/helpers/index.js

@@ -1,4 +1,4 @@
-//#region src/helpers/index.ts
+// src/helpers/index.ts
 function e(e) {
 	let t = !1;
 	return function(...n) {
@@ -7,7 +7,6 @@ function e(e) {
 		}), !0);
 	};
 }
-//#endregion
 export { e as requestTick };
 
 //# sourceMappingURL=index.js.map

package/dist/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/helpers/index.ts"],"sourcesContent":["export function requestTick<P>(cb: (...args: P[]) => void) {\n  let tick = false;\n\n  return function handle(...args: P[]) {\n    if (!tick) {\n      requestAnimationFrame(() => {\n        cb(...args);\n        tick = false;\n      });\n      tick = true;\n    } else {\n      // console.log('handle pressure');\n    }\n  };\n}\n"],"mappings":";AAAA,SAAgB,EAAe,GAA4B;CACzD,IAAI,IAAO;AAEX,QAAO,SAAgB,GAAG,GAAW;AACnC,EAKE,OAJA,4BAA4B;AAE1B,GADA,EAAG,GAAG,EAAK,EACX,IAAO;IACP,EACK"}
+{"version":3,"file":"index.js","names":["requestTick","tick","args","cb"],"sources":["../../src/helpers/index.ts"],"sourcesContent":["export function requestTick<P>(cb: (...args: P[]) => void) {\n  let tick = false;\n\n  return function handle(...args: P[]) {\n    if (!tick) {\n      requestAnimationFrame(() => {\n        cb(...args);\n        tick = false;\n      });\n      tick = true;\n    } else {\n      // console.log('handle pressure');\n    }\n  };\n}\n"],"mappings":";AAAA,SAAgBA,EAAe,GAA4B;CACzD,IAAIC,IAAO;CAEX,OAAO,SAAgB,GAAGC,GAAW;EACnC,AAKED,OAJA,4BAA4B;GAE1B,AADAE,EAAG,GAAGD,CAAI,GACV,IAAO;EACT,CAAC,GACM;CAIX;AACF"}

package/dist/helpers/iterators.js

@@ -1,4 +1,4 @@
-//#region src/helpers/iterators.ts
+// src/helpers/iterators.ts
 function* e(e, t) {
 	for (let n of e) yield t(n);
 }
@@ -7,7 +7,6 @@ function t(e) {
 	for (let n of e) t.push(n);
 	return t;
 }
-//#endregion
 export { e as mapIterable, t as toList };
 
 //# sourceMappingURL=iterators.js.map

package/dist/helpers/iterators.js.map

@@ -1 +1 @@
-{"version":3,"file":"iterators.js","names":[],"sources":["../../src/helpers/iterators.ts"],"sourcesContent":["export function* mapIterable<T, R>(it: Iterable<T>, cb: (v: T) => R) {\n  for (const v of it) {\n    yield cb(v);\n  }\n}\n\nexport function* filterIterable<T>(it: Iterable<T>, cb: (v: T) => boolean) {\n  for (const v of it) {\n    if (cb(v)) {\n      yield v;\n    }\n  }\n}\n\nexport function toList<T>(it: Iterable<T>) {\n  const res: T[] = [];\n  for (const v of it) {\n    res.push(v);\n  }\n  return res;\n}\n"],"mappings":";AAAA,UAAiB,EAAkB,GAAiB,GAAiB;AACnE,MAAK,IAAM,KAAK,EACd,OAAM,EAAG,EAAE;;AAYf,SAAgB,EAAU,GAAiB;CACzC,IAAM,IAAW,EAAE;AACnB,MAAK,IAAM,KAAK,EACd,GAAI,KAAK,EAAE;AAEb,QAAO"}
+{"version":3,"file":"iterators.js","names":["mapIterable","v","it","cb","toList","res"],"sources":["../../src/helpers/iterators.ts"],"sourcesContent":["export function* mapIterable<T, R>(it: Iterable<T>, cb: (v: T) => R) {\n  for (const v of it) {\n    yield cb(v);\n  }\n}\n\nexport function* filterIterable<T>(it: Iterable<T>, cb: (v: T) => boolean) {\n  for (const v of it) {\n    if (cb(v)) {\n      yield v;\n    }\n  }\n}\n\nexport function toList<T>(it: Iterable<T>) {\n  const res: T[] = [];\n  for (const v of it) {\n    res.push(v);\n  }\n  return res;\n}\n"],"mappings":";AAAA,UAAiBA,EAAkB,GAAiB,GAAiB;CACnE,KAAK,IAAMC,KAAKC,GACd,MAAMC,EAAGF,CAAC;AAEd;AAUA,SAAgBG,EAAU,GAAiB;CACzC,IAAMC,IAAW,CAAC;CAClB,KAAK,IAAMJ,KAAKC,GACd,EAAI,KAAKD,CAAC;CAEZ,OAAOI;AACT"}

package/dist/helpers/math.js

@@ -1,8 +1,7 @@
-//#region src/helpers/math.ts
+// src/helpers/math.ts
 function e(e, t, n) {
 	return t > e ? t : e > n ? n : e;
 }
-//#endregion
 export { e as clamp };
 
 //# sourceMappingURL=math.js.map

package/dist/helpers/math.js.map

@@ -1 +1 @@
-{"version":3,"file":"math.js","names":[],"sources":["../../src/helpers/math.ts"],"sourcesContent":["export function clamp(n: number, lo: number, up: number) {\n  return lo > n ? lo : n > up ? up : n;\n}\n"],"mappings":";AAAA,SAAgB,EAAM,GAAW,GAAY,GAAY;AACvD,QAAO,IAAK,IAAI,IAAK,IAAI,IAAK,IAAK"}
+{"version":3,"file":"math.js","names":["clamp","lo","n","up"],"sources":["../../src/helpers/math.ts"],"sourcesContent":["export function clamp(n: number, lo: number, up: number) {\n  return lo > n ? lo : n > up ? up : n;\n}\n"],"mappings":";AAAA,SAAgBA,EAAM,GAAW,GAAY,GAAY;CACvD,OAAOC,IAAKC,IAAID,IAAKC,IAAIC,IAAKA,IAAKD;AACrC"}

package/dist/helpers/objects.js

@@ -1,14 +1,13 @@
-//#region src/helpers/objects.ts
+// src/helpers/objects.ts
 function e(e) {
 	return typeof e == "object" && !!e;
 }
 function t(n, r) {
-	return e(n) && e(r) ? Object.keys(n).length === Object.keys(r).length ? Object.keys(n).every((e) => t(n[e], r[e])) : !1 : n === r;
+	return e(n) && e(r) ? Object.keys(n).length === Object.keys(r).length && Object.keys(n).every((e) => t(n[e], r[e])) : n === r;
 }
 function n(e, n) {
 	return e.some((e) => t(e, n));
 }
-//#endregion
-export { t as deepEqual, n as deepIncludes };
+export { t as deepEqual, n as deepIncludes, e as isRecord };
 
 //# sourceMappingURL=objects.js.map

package/dist/helpers/objects.js.map

@@ -1 +1 @@
-{"version":3,"file":"objects.js","names":[],"sources":["../../src/helpers/objects.ts"],"sourcesContent":["export function isRecord<V, T extends Record<string, V>>(obj: T | unknown): obj is T {\n  return obj !== null && typeof obj === \"object\";\n}\n\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  if (!(isRecord(a) && isRecord(b))) {\n    return a === b;\n  }\n\n  if (Object.keys(a).length !== Object.keys(b).length) {\n    return false;\n  }\n\n  return Object.keys(a).every((k) => deepEqual(a[k], b[k]));\n}\n\nexport function deepIncludes<T>(arr: T[], search: T) {\n  return arr.some((it) => deepEqual(it, search));\n}\n"],"mappings":";AAAA,SAAgB,EAAyC,GAA4B;AACnF,QAAuB,OAAO,KAAQ,cAA/B;;AAGT,SAAgB,EAAU,GAAY,GAAqB;AASzD,QARM,EAAS,EAAE,IAAI,EAAS,EAAE,GAI5B,OAAO,KAAK,EAAE,CAAC,WAAW,OAAO,KAAK,EAAE,CAAC,SAItC,OAAO,KAAK,EAAE,CAAC,OAAO,MAAM,EAAU,EAAE,IAAI,EAAE,GAAG,CAAC,GAHhD,KAJA,MAAM;;AAUjB,SAAgB,EAAgB,GAAU,GAAW;AACnD,QAAO,EAAI,MAAM,MAAO,EAAU,GAAI,EAAO,CAAC"}
+{"version":3,"file":"objects.js","names":["isRecord","obj","deepEqual","a","b","k","deepIncludes","arr","it","search"],"sources":["../../src/helpers/objects.ts"],"sourcesContent":["export function isRecord<V, T extends Record<string, V>>(obj: T | unknown): obj is T {\n  return obj !== null && typeof obj === \"object\";\n}\n\nexport function deepEqual(a: unknown, b: unknown): boolean {\n  if (!(isRecord(a) && isRecord(b))) {\n    return a === b;\n  }\n\n  if (Object.keys(a).length !== Object.keys(b).length) {\n    return false;\n  }\n\n  return Object.keys(a).every((k) => deepEqual(a[k], b[k]));\n}\n\nexport function deepIncludes<T>(arr: T[], search: T) {\n  return arr.some((it) => deepEqual(it, search));\n}\n"],"mappings":";AAAA,SAAgBA,EAAyC,GAA4B;CACnF,OAAuB,OAAOC,KAAQ,cAA/BA;AACT;AAEA,SAAgBC,EAAU,GAAY,GAAqB;CASzD,OARMF,EAASG,CAAC,KAAKH,EAASI,CAAC,IAI3B,OAAO,KAAKD,CAAC,CAAC,CAAC,WAAW,OAAO,KAAKC,CAAC,CAAC,CAAC,UAItC,OAAO,KAAKD,CAAC,CAAC,CAAC,OAAO,MAAMD,EAAUC,EAAEE,IAAID,EAAEC,EAAE,CAAC,IAP/CF,MAAMC;AAQjB;AAEA,SAAgBE,EAAgB,GAAU,GAAW;CACnD,OAAOC,EAAI,MAAM,MAAOL,EAAUM,GAAIC,CAAM,CAAC;AAC/C"}

package/dist/helpers/utils.js

@@ -1,4 +1,4 @@
-//#region src/helpers/utils.ts
+// src/helpers/utils.ts
 function e(e) {
 	return e();
 }
@@ -41,7 +41,9 @@ function c(e) {
 	let { duration: t, draw: n, timing: r } = e, i = performance.now(), a = !1;
 	return requestAnimationFrame(function e(o) {
 		let s = (o - i) / t;
-		(s > 1 || a) && (s = 1), n(r(s)), s < 1 && requestAnimationFrame(e);
+		(s > 1 || a) && (s = 1);
+		let c = r(s);
+		n(c), s < 1 && requestAnimationFrame(e);
 	}), function() {
 		a = !0;
 	};
@@ -50,7 +52,10 @@ function l(e) {
 	let { getFraction: t, draw: n, timing: r } = e, i = performance.now(), a = !1;
 	return requestAnimationFrame(function e(o) {
 		let s = t(o - i);
-		a || (s > 1 && (s = 1), n(r(s)), s < 1 && requestAnimationFrame(e));
+		if (a) return;
+		s > 1 && (s = 1);
+		let c = r(s);
+		n(c), s < 1 && requestAnimationFrame(e);
 	}), function() {
 		a = !0;
 	};
@@ -81,7 +86,6 @@ function f(e) {
 		linkHint: e.linkHint
 	}));
 }
-//#endregion
 export { c as animate, l as animateInfinite, e as call, n as delay, d as listToOptions, s as makeEaseInOut, o as makeEaseOut, f as normalizeListOptions, i as randomInt, a as randomString, t as requestTick, u as throttle, r as timeout };
 
 //# sourceMappingURL=utils.js.map

package/dist/helpers/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/helpers/utils.ts"],"sourcesContent":["import type { ListOptionBase } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"../types\";\n\nexport function call<R>(f: () => R): R {\n  return f();\n}\n\nexport function requestTick<P>(cb: (...args: P[]) => void) {\n  let tick = false;\n\n  return function handle(...args: P[]) {\n    if (!tick) {\n      requestAnimationFrame(() => {\n        cb(...args);\n        tick = false;\n      });\n      tick = true;\n    }\n  };\n}\n\nexport function delay(ms: number) {\n  return new Promise((r) => setTimeout(r, ms));\n}\n\nexport function timeout(cb: () => void, ms: number) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const r: any = setTimeout(cb, ms);\n  return () => {\n    clearTimeout(r);\n  };\n}\n\nexport function randomInt(min: number, max: number) {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min)) + min;\n}\n\nexport function randomString(length: number) {\n  let s = \"\";\n  for (let i = 0; i < length; i++) {\n    s += String.fromCharCode(randomInt(65, 91));\n  }\n  return s;\n}\n\nexport function makeEaseOut(timing: (t: number) => number) {\n  return function (timeFraction: number) {\n    return 1 - timing(1 - timeFraction);\n  };\n}\n\nexport function makeEaseInOut(timing: (t: number) => number) {\n  return function (timeFraction: number) {\n    if (timeFraction < 0.5) return timing(2 * timeFraction) / 2;\n    else return (2 - timing(2 * (1 - timeFraction))) / 2;\n  };\n}\n\nexport function animate(options: {\n  duration: number;\n  draw: (p: number) => void;\n  timing: (t: number) => number;\n}) {\n  const { duration, draw, timing } = options;\n  const start = performance.now();\n  let stop = false;\n  requestAnimationFrame(function animate(time) {\n    let timeFraction = (time - start) / duration;\n    if (timeFraction > 1 || stop) timeFraction = 1;\n    const progress = timing(timeFraction);\n    draw(progress);\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n\n  return function () {\n    stop = true;\n  };\n}\n\nexport function animateInfinite(options: {\n  getFraction: (dt: number) => number;\n  draw: (p: number) => void;\n  timing: (t: number) => number;\n}) {\n  const { getFraction, draw, timing } = options;\n  const start = performance.now();\n  let stop = false;\n  requestAnimationFrame(function animate(time) {\n    let timeFraction = getFraction(time - start);\n    if (stop) {\n      return;\n    }\n    if (timeFraction > 1) timeFraction = 1;\n    const progress = timing(timeFraction);\n    draw(progress);\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n  return function () {\n    stop = true;\n  };\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype AnyFunction = (...args: any[]) => any;\n\nexport function throttle<F extends AnyFunction>(\n  callback: F,\n  ms: number,\n  trailing = true,\n): (...args: Parameters<F>) => void {\n  let t = 0,\n    call: AnyFunction | null;\n  return function (this: unknown, ...args: Parameters<F>) {\n    call = () => {\n      callback.apply(this, args);\n      t = new Date().getTime() + ms;\n      call = null;\n      if (trailing) {\n        setTimeout(() => {\n          call?.();\n        }, ms);\n      }\n    };\n    if (new Date().getTime() > t) call();\n  };\n}\n\nexport function listToOptions<T>(list: T[] | readonly T[]): ListOption<T>[] {\n  return list.map((value) => ({ text: String(value), value }));\n}\n\nexport function normalizeListOptions<V = unknown>(\n  options: Readonly<ListOption<V>[]>,\n): Readonly<ListOptionBase<V>[]> {\n  if (!Array.isArray(options)) {\n    throw Error(\"Invalid component options: \" + String(options));\n  }\n\n  return options.map((it) => ({\n    label: \"label\" in it ? it.label : it.text,\n    value: it.value,\n    description: it.description,\n    group: it.group,\n    linkHint: it.linkHint,\n  }));\n}\n"],"mappings":";AAGA,SAAgB,EAAQ,GAAe;AACrC,QAAO,GAAG;;AAGZ,SAAgB,EAAe,GAA4B;CACzD,IAAI,IAAO;AAEX,QAAO,SAAgB,GAAG,GAAW;AACnC,EAKE,OAJA,4BAA4B;AAE1B,GADA,EAAG,GAAG,EAAK,EACX,IAAO;IACP,EACK;;;AAKb,SAAgB,EAAM,GAAY;AAChC,QAAO,IAAI,SAAS,MAAM,WAAW,GAAG,EAAG,CAAC;;AAG9C,SAAgB,EAAQ,GAAgB,GAAY;CAElD,IAAM,IAAS,WAAW,GAAI,EAAG;AACjC,cAAa;AACX,eAAa,EAAE;;;AAInB,SAAgB,EAAU,GAAa,GAAa;AAGlD,QAFA,IAAM,KAAK,KAAK,EAAI,EACpB,IAAM,KAAK,MAAM,EAAI,EACd,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAM,GAAK,GAAG;;AAGnD,SAAgB,EAAa,GAAgB;CAC3C,IAAI,IAAI;AACR,MAAK,IAAI,IAAI,GAAG,IAAI,GAAQ,IAC1B,MAAK,OAAO,aAAa,EAAU,IAAI,GAAG,CAAC;AAE7C,QAAO;;AAGT,SAAgB,EAAY,GAA+B;AACzD,QAAO,SAAU,GAAsB;AACrC,SAAO,IAAI,EAAO,IAAI,EAAa;;;AAIvC,SAAgB,EAAc,GAA+B;AAC3D,QAAO,SAAU,GAAsB;AAEhC,SADD,IAAe,KAAY,EAAO,IAAI,EAAa,GAAG,KAC7C,IAAI,EAAO,KAAK,IAAI,GAAc,IAAI;;;AAIvD,SAAgB,EAAQ,GAIrB;CACD,IAAM,EAAE,aAAU,SAAM,cAAW,GAC7B,IAAQ,YAAY,KAAK,EAC3B,IAAO;AAWX,QAVA,sBAAsB,SAAS,EAAQ,GAAM;EAC3C,IAAI,KAAgB,IAAO,KAAS;AAIpC,GAHI,IAAe,KAAK,OAAM,IAAe,IAE7C,EADiB,EAAO,EAAa,CACvB,EACV,IAAe,KACjB,sBAAsB,EAAQ;GAEhC,EAEK,WAAY;AACjB,MAAO;;;AAIX,SAAgB,EAAgB,GAI7B;CACD,IAAM,EAAE,gBAAa,SAAM,cAAW,GAChC,IAAQ,YAAY,KAAK,EAC3B,IAAO;AAaX,QAZA,sBAAsB,SAAS,EAAQ,GAAM;EAC3C,IAAI,IAAe,EAAY,IAAO,EAAM;AACxC,QAGA,IAAe,MAAG,IAAe,IAErC,EADiB,EAAO,EAAa,CACvB,EACV,IAAe,KACjB,sBAAsB,EAAQ;GAEhC,EACK,WAAY;AACjB,MAAO;;;AAOX,SAAgB,EACd,GACA,GACA,IAAW,IACuB;CAClC,IAAI,IAAI,GACN;AACF,QAAO,SAAyB,GAAG,GAAqB;AAWtD,EAVA,UAAa;AAIX,GAHA,EAAS,MAAM,MAAM,EAAK,EAC1B,qBAAI,IAAI,MAAM,EAAC,SAAS,GAAG,GAC3B,IAAO,MACH,KACF,iBAAiB;AACf,SAAQ;MACP,EAAG;sBAGN,IAAI,MAAM,EAAC,SAAS,GAAG,KAAG,GAAM;;;AAIxC,SAAgB,EAAiB,GAA2C;AAC1E,QAAO,EAAK,KAAK,OAAW;EAAE,MAAM,OAAO,EAAM;EAAE;EAAO,EAAE;;AAG9D,SAAgB,EACd,GAC+B;AAC/B,KAAI,CAAC,MAAM,QAAQ,EAAQ,CACzB,OAAM,MAAM,gCAAgC,OAAO,EAAQ,CAAC;AAG9D,QAAO,EAAQ,KAAK,OAAQ;EAC1B,OAAO,WAAW,IAAK,EAAG,QAAQ,EAAG;EACrC,OAAO,EAAG;EACV,aAAa,EAAG;EAChB,OAAO,EAAG;EACV,UAAU,EAAG;EACd,EAAE"}
+{"version":3,"file":"utils.js","names":["call","f","requestTick","tick","args","cb","delay","r","ms","timeout","randomInt","min","max","randomString","s","i","length","makeEaseOut","timing","timeFraction","makeEaseInOut","animate","options","start","stop","time","duration","progress","draw","animateInfinite","getFraction","throttle","t","callback","trailing","listToOptions","list","value","normalizeListOptions","it"],"sources":["../../src/helpers/utils.ts"],"sourcesContent":["import type { ListOptionBase } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"../types\";\n\nexport function call<R>(f: () => R): R {\n  return f();\n}\n\nexport function requestTick<P>(cb: (...args: P[]) => void) {\n  let tick = false;\n\n  return function handle(...args: P[]) {\n    if (!tick) {\n      requestAnimationFrame(() => {\n        cb(...args);\n        tick = false;\n      });\n      tick = true;\n    }\n  };\n}\n\nexport function delay(ms: number) {\n  return new Promise((r) => setTimeout(r, ms));\n}\n\nexport function timeout(cb: () => void, ms: number) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const r: any = setTimeout(cb, ms);\n  return () => {\n    clearTimeout(r);\n  };\n}\n\nexport function randomInt(min: number, max: number) {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min)) + min;\n}\n\nexport function randomString(length: number) {\n  let s = \"\";\n  for (let i = 0; i < length; i++) {\n    s += String.fromCharCode(randomInt(65, 91));\n  }\n  return s;\n}\n\nexport function makeEaseOut(timing: (t: number) => number) {\n  return function (timeFraction: number) {\n    return 1 - timing(1 - timeFraction);\n  };\n}\n\nexport function makeEaseInOut(timing: (t: number) => number) {\n  return function (timeFraction: number) {\n    if (timeFraction < 0.5) return timing(2 * timeFraction) / 2;\n    else return (2 - timing(2 * (1 - timeFraction))) / 2;\n  };\n}\n\nexport function animate(options: {\n  duration: number;\n  draw: (p: number) => void;\n  timing: (t: number) => number;\n}) {\n  const { duration, draw, timing } = options;\n  const start = performance.now();\n  let stop = false;\n  requestAnimationFrame(function animate(time) {\n    let timeFraction = (time - start) / duration;\n    if (timeFraction > 1 || stop) timeFraction = 1;\n    const progress = timing(timeFraction);\n    draw(progress);\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n\n  return function () {\n    stop = true;\n  };\n}\n\nexport function animateInfinite(options: {\n  getFraction: (dt: number) => number;\n  draw: (p: number) => void;\n  timing: (t: number) => number;\n}) {\n  const { getFraction, draw, timing } = options;\n  const start = performance.now();\n  let stop = false;\n  requestAnimationFrame(function animate(time) {\n    let timeFraction = getFraction(time - start);\n    if (stop) {\n      return;\n    }\n    if (timeFraction > 1) timeFraction = 1;\n    const progress = timing(timeFraction);\n    draw(progress);\n    if (timeFraction < 1) {\n      requestAnimationFrame(animate);\n    }\n  });\n  return function () {\n    stop = true;\n  };\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype AnyFunction = (...args: any[]) => any;\n\nexport function throttle<F extends AnyFunction>(\n  callback: F,\n  ms: number,\n  trailing = true,\n): (...args: Parameters<F>) => void {\n  let t = 0,\n    call: AnyFunction | null;\n  return function (this: unknown, ...args: Parameters<F>) {\n    call = () => {\n      callback.apply(this, args);\n      t = new Date().getTime() + ms;\n      call = null;\n      if (trailing) {\n        setTimeout(() => {\n          call?.();\n        }, ms);\n      }\n    };\n    if (new Date().getTime() > t) call();\n  };\n}\n\nexport function listToOptions<T>(list: T[] | readonly T[]): ListOption<T>[] {\n  return list.map((value) => ({ text: String(value), value }));\n}\n\nexport function normalizeListOptions<V = unknown>(\n  options: Readonly<ListOption<V>[]>,\n): Readonly<ListOptionBase<V>[]> {\n  if (!Array.isArray(options)) {\n    throw Error(\"Invalid component options: \" + String(options));\n  }\n\n  return options.map((it) => ({\n    label: \"label\" in it ? it.label : it.text,\n    value: it.value,\n    description: it.description,\n    group: it.group,\n    linkHint: it.linkHint,\n  }));\n}\n"],"mappings":";AAGA,SAAgBA,EAAQ,GAAe;CACrC,OAAOC,EAAE;AACX;AAEA,SAAgBC,EAAe,GAA4B;CACzD,IAAIC,IAAO;CAEX,OAAO,SAAgB,GAAGC,GAAW;EACnC,AAKED,OAJA,4BAA4B;GAE1B,AADAE,EAAG,GAAGD,CAAI,GACV,IAAO;EACT,CAAC,GACM;CAEX;AACF;AAEA,SAAgBE,EAAM,GAAY;CAChC,OAAO,IAAI,SAAS,MAAM,WAAWC,GAAGC,CAAE,CAAC;AAC7C;AAEA,SAAgBC,EAAQ,GAAgB,GAAY;CAElD,IAAMF,IAAS,WAAWF,GAAIG,CAAE;CAChC,aAAa;EACX,aAAaD,CAAC;CAChB;AACF;AAEA,SAAgBG,EAAU,GAAa,GAAa;CAGlD,OAFA,IAAM,KAAK,KAAKC,CAAG,GACnB,IAAM,KAAK,MAAMC,CAAG,GACb,KAAK,MAAM,KAAK,OAAO,KAAKA,IAAMD,EAAI,IAAIA;AACnD;AAEA,SAAgBE,EAAa,GAAgB;CAC3C,IAAIC,IAAI;CACR,KAAK,IAAIC,IAAI,GAAGA,IAAIC,GAAQ,KAC1B,KAAK,OAAO,aAAaN,EAAU,IAAI,EAAE,CAAC;CAE5C,OAAOI;AACT;AAEA,SAAgBG,EAAY,GAA+B;CACzD,OAAO,SAAU,GAAsB;EACrC,OAAO,IAAIC,EAAO,IAAIC,CAAY;CACpC;AACF;AAEA,SAAgBC,EAAc,GAA+B;CAC3D,OAAO,SAAU,GAAsB;EAEhC,OADDD,IAAe,KAAYD,EAAO,IAAIC,CAAY,IAAI,KAC7C,IAAID,EAAO,KAAK,IAAIC,EAAa,KAAK;CACrD;AACF;AAEA,SAAgBE,EAAQ,GAIrB;CACD,IAAM,EAAE,aAAU,SAAM,cAAWC,GAC7BC,IAAQ,YAAY,IAAI,GAC1BC,IAAO;CAWX,OAVA,sBAAsB,SAASH,EAAQ,GAAM;EAC3C,IAAIF,KAAgBM,IAAOF,KAASG;EACpC,CAAIP,IAAe,KAAKK,OAAM,IAAe;EAC7C,IAAMG,IAAWT,EAAOC,CAAY;EAEpC,AADAS,EAAKD,CAAQ,GACTR,IAAe,KACjB,sBAAsBE,CAAO;CAEjC,CAAC,GAEM,WAAY;EACjB,IAAO;CACT;AACF;AAEA,SAAgBQ,EAAgB,GAI7B;CACD,IAAM,EAAE,gBAAa,SAAM,cAAWP,GAChCC,IAAQ,YAAY,IAAI,GAC1BC,IAAO;CAaX,OAZA,sBAAsB,SAASH,EAAQ,GAAM;EAC3C,IAAIF,IAAeW,EAAYL,IAAOF,CAAK;EAC3C,IAAIC,GACF;EAEF,AAAIL,IAAe,MAAG,IAAe;EACrC,IAAMQ,IAAWT,EAAOC,CAAY;EAEpC,AADAS,EAAKD,CAAQ,GACTR,IAAe,KACjB,sBAAsBE,CAAO;CAEjC,CAAC,GACM,WAAY;EACjB,IAAO;CACT;AACF;AAKA,SAAgBU,EACd,GACA,GACA,IAAW,IACuB;CAClC,IAAIC,IAAI,GACNhC;CACF,OAAO,SAAyB,GAAGI,GAAqB;EAWtD,AAVA,UAAa;GAIX,AAHA6B,EAAS,MAAM,MAAM7B,CAAI,GACzB,qBAAI,IAAI,KAAK,EAAA,CAAE,QAAQ,IAAII,GAC3B,IAAO,MACH0B,KACF,iBAAiB;IACf,IAAO;GACT,GAAG1B,CAAE;EAET,oBACI,IAAI,KAAK,EAAA,CAAE,QAAQ,IAAIwB,KAAGhC,EAAK;CACrC;AACF;AAEA,SAAgBmC,EAAiB,GAA2C;CAC1E,OAAOC,EAAK,KAAK,OAAW;EAAE,MAAM,OAAOC,CAAK;EAAG;CAAM,EAAE;AAC7D;AAEA,SAAgBC,EACd,GAC+B;CAC/B,IAAI,CAAC,MAAM,QAAQhB,CAAO,GACxB,MAAM,MAAM,gCAAgC,OAAOA,CAAO,CAAC;CAG7D,OAAOA,EAAQ,KAAK,OAAQ;EAC1B,OAAO,WAAWiB,IAAKA,EAAG,QAAQA,EAAG;EACrC,OAAOA,EAAG;EACV,aAAaA,EAAG;EAChB,OAAOA,EAAG;EACV,UAAUA,EAAG;CACf,EAAE;AACJ"}

package/dist/index.js

@@ -169,9 +169,8 @@ import { filterUiMetadata as yt, getFilterUiMetadata as bt, getFilterUiTypeOptio
 import { watchCached as St } from "./composition/watchCached.js";
 import { icons16 as Ct } from "./generated/icons-16.js";
 import { icons24 as wt } from "./generated/icons-24.js";
-//#region src/index.ts
+// src/index.ts
 var Tt = { allCssVariables: z() };
-//#endregion
 export { it as Color, E as ContextProvider, r as DataTable, Tt as DemoData, T as DropdownListItem, le as DropdownOverlay, at as Gradient, O as LongText, U as PL_PLACEHOLDER_TEXTS, ne as PlAccordion, ie as PlAccordionSection, oe as PlAlert, de as PlAutocomplete, pe as PlAutocompleteMulti, W as PlBlockPage, me as PlBtnAccent, he as PlBtnDanger, ge as PlBtnGhost, _e as PlBtnGroup, $ as PlBtnLink, ye as PlBtnPrimary, ve as PlBtnSecondary, be as PlBtnSplit, Ye as PlChartHistogram, Xe as PlChartStackedBar, Ze as PlChartStackedBarCompact, xe as PlCheckbox, Se as PlCheckboxGroup, fe as PlChip, ae as PlCloseModalBtn, w as PlColumnLabel, J as PlContainer, Ce as PlDialogModal, we as PlDropdown, Te as PlDropdownLegacy, Ee as PlDropdownLine, De as PlDropdownMulti, Oe as PlDropdownMultiRef, ke as PlDropdownRef, Ae as PlEditableTitle, je as PlElementList, Q as PlErrorBoundary, We as PlFileDialog, Ge as PlFileInput, Y as PlGrid, c as PlIcon16, B as PlIcon24, K as PlLoaderCircular, V as PlLoaderLogo, Me as PlLogView, c as PlMaskIcon16, B as PlMaskIcon24, Ke as PlNotificationAlert, Ne as PlNumberField, H as PlPlaceholder, Pe as PlProgressBar, Fe as PlProgressCell, Le as PlPureSlideModal, Qe as PlRadio, $e as PlRadioGroup, X as PlRow, Ie as PlSearchField, re as PlSectionSeparator, qe as PlSidebarGroup, Je as PlSidebarItem, Re as PlSlideModal, Z as PlSpacer, q as PlSplash, ze as PlStatusTag, s as PlSvg, Be as PlTabs, Ve as PlTextArea, He as PlTextField, Ue as PlToggleSwitch, C as PlTooltip, I as Scrollable, D as Slider, L as SliderRange, R as SliderRangeTriple, o as ThemeSwitcher, l as animate, u as animateInfinite, d as call, et as categoricalColors, vt as computedCached, f as delay, A as detectOutside, k as downloadContent, j as eventListener, yt as filterUiMetadata, M as getElementScrollPosition, bt as getFilterUiMetadata, xt as getFilterUiTypeOptions, Ct as icons16, wt as icons24, ot as interpolateColor, N as isElementVisible, p as listToOptions, tt as magma, m as makeEaseInOut, h as makeEaseOut, st as normalizeGradient, g as normalizeListOptions, nt as palettes, _ as randomInt, v as randomString, y as requestTick, P as scrollIntoView, ee as showContextMenu, b as throttle, x as timeout, S as useClickOutside, ct as useComponentProp, lt as useConfirm, ut as useDraggable, te as useEventListener, dt as useFormState, t as useHover, ft as useInterval, se as useLabelNotch, i as useLocalStorage, e as useMouse, n as useMouseCapture, G as usePlBlockPageTitleTeleportTarget, pt as usePollingQuery, ce as usePosition, mt as useQuery, F as useResizeObserver, ht as useScroll, gt as useSortable, _t as useSortable2, a as useTheme, ue as useWatchFetch, rt as viridis, St as watchCached };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import \"./assets/ui.scss\";\n\n// @TODO review\nimport * as DataTable from \"./components/DataTable\";\nimport ThemeSwitcher from \"./components/ThemeSwitcher.vue\";\n// @TODO review (may be private)\nimport DropdownListItem from \"./components/DropdownListItem.vue\";\n\n// @TODO review\nimport ContextProvider from \"./components/ContextProvider.vue\";\nimport Slider from \"./components/Slider.vue\";\nimport { showContextMenu } from \"./components/contextMenu\";\n// for new version\nimport LongText from \"./components/LongText.vue\";\nimport Scrollable from \"./components/Scrollable.vue\";\nimport SliderRange from \"./components/SliderRange.vue\";\nimport SliderRangeTriple from \"./components/SliderRangeTriple.vue\";\n\nimport { allCssVariables } from \"./demo-site-data/all-css-variables.ts\";\n\n/**\n * Layout components\n */\n\nexport * from \"./layout/PlBlockPage\";\nexport * from \"./layout/PlContainer\";\nexport * from \"./layout/PlGrid\";\nexport * from \"./layout/PlPlaceholder\";\nexport * from \"./layout/PlRow\";\nexport * from \"./layout/PlSpacer\";\n\n/**\n * Components\n */\nexport * from \"./components/PlErrorBoundary\";\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from \"./components/PlAccordion\";\nexport * from \"./components/PlAlert\";\nexport * from \"./components/PlAutocomplete\";\nexport * from \"./components/PlAutocompleteMulti\";\nexport * from \"./components/PlBtnAccent\";\nexport * from \"./components/PlBtnDanger\";\nexport * from \"./components/PlBtnGhost\";\nexport * from \"./components/PlBtnGroup\";\nexport * from \"./components/PlBtnLink\";\nexport * from \"./components/PlBtnPrimary\";\nexport * from \"./components/PlBtnSecondary\";\nexport * from \"./components/PlBtnSplit\";\nexport * from \"./components/PlCheckbox\";\nexport * from \"./components/PlCheckboxGroup\";\nexport * from \"./components/PlChip\";\nexport * from \"./components/PlDialogModal\";\nexport * from \"./components/PlDropdown\";\nexport * from \"./components/PlDropdownLegacy\";\nexport * from \"./components/PlDropdownLine\";\nexport * from \"./components/PlDropdownMulti\";\nexport * from \"./components/PlDropdownMultiRef\";\nexport * from \"./components/PlDropdownRef\";\nexport * from \"./components/PlEditableTitle\";\nexport * from \"./components/PlElementList\";\nexport * from \"./components/PlLoaderCircular\";\nexport * from \"./components/PlLogView\";\nexport * from \"./components/PlNumberField\";\nexport * from \"./components/PlProgressBar\";\nexport * from \"./components/PlProgressCell\";\nexport * from \"./components/PlSearchField\";\nexport * from \"./components/PlSectionSeparator\";\nexport * from \"./components/PlSlideModal\";\nexport * from \"./components/PlSplash\";\nexport * from \"./components/PlStatusTag\";\nexport * from \"./components/PlTabs\";\nexport * from \"./components/PlTextArea\";\nexport * from \"./components/PlTextField\";\nexport * from \"./components/PlToggleSwitch\";\nexport * from \"./components/PlTooltip\";\nexport * from \"./components/PlColumnLabel\";\n\nexport * from \"./components/PlFileDialog\";\nexport * from \"./components/PlFileInput\";\nexport * from \"./components/PlNotificationAlert\";\n\nexport * from \"./components/PlSidebar\";\n\nexport * from \"./components/PlIcon16\";\nexport * from \"./components/PlIcon24\";\nexport * from \"./components/PlMaskIcon16\";\nexport * from \"./components/PlMaskIcon24\";\nexport * from \"./components/PlSvg\";\n\nexport * from \"./components/PlChartHistogram\";\nexport * from \"./components/PlChartStackedBar\";\n\nexport * from \"./components/PlRadio\";\n\nexport { default as PlLoaderLogo } from \"./components/PlLoaderLogo.vue\";\n\nexport * from \"./colors\";\n\n/**\n * Usables\n */\nexport { useClickOutside } from \"./composition/useClickOutside\";\nexport { useComponentProp } from \"./composition/useComponentProp\";\nexport { useConfirm } from \"./composition/useConfirm\";\nexport { useDraggable } from \"./composition/useDraggable\";\nexport { useEventListener } from \"./composition/useEventListener\";\nexport { useFormState } from \"./composition/useFormState\";\nexport { useHover } from \"./composition/useHover\";\nexport { useInterval } from \"./composition/useInterval\";\nexport { usePollingQuery } from \"./composition/usePollingQuery\";\nexport { useLocalStorage } from \"./composition/useLocalStorage\";\nexport { useMouse } from \"./composition/useMouse\";\nexport { useMouseCapture } from \"./composition/useMouseCapture\";\nexport { useElementPosition as usePosition } from \"./composition/usePosition\";\nexport { useQuery } from \"./composition/useQuery.ts\";\nexport { useResizeObserver } from \"./composition/useResizeObserver\";\nexport { useScroll } from \"./composition/useScroll\";\nexport { useSortable } from \"./composition/useSortable\";\nexport { useSortable2 } from \"./composition/useSortable2\";\nexport { useTheme } from \"./composition/useTheme\";\n\nexport * from \"./composition/computedCached\";\nexport * from \"./composition/filters\";\nexport * from \"./composition/useWatchFetch\";\nexport * from \"./composition/watchCached\";\n\n/**\n * Utils/Partials\n */\n\nexport * from \"./utils/DropdownOverlay\";\nexport { default as PlCloseModalBtn } from \"./utils/PlCloseModalBtn.vue\";\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from \"./utils/useLabelNotch.ts\";\n\nexport type * from \"./types\";\n\nexport { icons16, icons24 } from \"./types\";\n\nexport * from \"./helpers/dom\";\n\nexport * from \"./helpers/utils\";\n\n/**\n * @TODO review\n */\nexport { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JA,IAAM,KAAW,EAAE,iBAAiB,GAAiB,EAAE"}
+{"version":3,"file":"index.js","names":["ThemeSwitcher_default","PlSvg_default","PlIcon16_default","PlTooltip_default","PlColumnLabel_default","DropdownListItem_default","ContextProvider_default","Slider_default","LongText_default","Scrollable_default","SliderRange_default","SliderRangeTriple_default","PlIcon24_default","PlLoaderLogo_default","PlPlaceholder_default","PlBlockPage_default","PlLoaderCircular_default","PlSplash_default","PlContainer_default","PlGrid_default","PlRow_default","PlSpacer_default","PlErrorBoundary_default","PlAccordion_default","PlSectionSeparator_default","PlAccordionSection_default","PlCloseModalBtn_default","PlAlert_default","DropdownOverlay_default","PlAutocomplete_default","PlChip_default","PlAutocompleteMulti_default","PlBtnAccent_default","PlBtnDanger_default","PlBtnGhost_default","PlBtnGroup_default","PlBtnSecondary_default","PlBtnLink_default","PlBtnPrimary_default","PlBtnSplit_default","PlCheckbox_default","PlCheckboxGroup_default","PlDialogModal_default","PlDropdown_default","PlDropdownLegacy_default","PlDropdownLine_default","PlDropdownMulti_default","PlDropdownMultiRef_default","PlDropdownRef_default","PlEditableTitle_default","PlElementList_default","PlLogView_default","PlNumberField_default","PlProgressBar_default","PlProgressCell_default","PlSearchField_default","PlPureSlideModal_default","PlSlideModal_default","PlStatusTag_default","PlTabs_default","PlTextArea_default","PlTextField_default","PlToggleSwitch_default","PlFileDialog_default","PlFileInput_default","PlNotificationAlert_default","PlSidebarGroup_default","PlSidebarItem_default","PlChartHistogram_default","PlChartStackedBar_default","PlChartStackedBarCompact_default","PlRadio_default","PlRadioGroup_default","DemoData","allCssVariables","Color","DataTable_exports","Gradient","PL_PLACEHOLDER_TEXTS","animate","animateInfinite","call","categoricalColors","computedCached","delay","detectOutside","downloadContent","eventListener","filterUiMetadata","getElementScrollPosition","getFilterUiMetadata","getFilterUiTypeOptions","icons16","icons24","interpolateColor","isElementVisible","listToOptions","magma","makeEaseInOut","makeEaseOut","normalizeGradient","normalizeListOptions","palettes","randomInt","randomString","requestTick","scrollIntoView","showContextMenu","throttle","timeout","useClickOutside","useComponentProp","useConfirm","useDraggable","useEventListener","useFormState","useHover","useInterval","useLabelNotch","useLocalStorage","useMouse","useMouseCapture","usePlBlockPageTitleTeleportTarget","usePollingQuery","useElementPosition","useQuery","useResizeObserver","useScroll","useSortable","useSortable2","useTheme","useWatchFetch","viridis","watchCached"],"sources":["../src/index.ts"],"sourcesContent":["import \"./assets/ui.scss\";\n\n// @TODO review\nimport * as DataTable from \"./components/DataTable\";\nimport ThemeSwitcher from \"./components/ThemeSwitcher.vue\";\n// @TODO review (may be private)\nimport DropdownListItem from \"./components/DropdownListItem.vue\";\n\n// @TODO review\nimport ContextProvider from \"./components/ContextProvider.vue\";\nimport Slider from \"./components/Slider.vue\";\nimport { showContextMenu } from \"./components/contextMenu\";\n// for new version\nimport LongText from \"./components/LongText.vue\";\nimport Scrollable from \"./components/Scrollable.vue\";\nimport SliderRange from \"./components/SliderRange.vue\";\nimport SliderRangeTriple from \"./components/SliderRangeTriple.vue\";\n\nimport { allCssVariables } from \"./demo-site-data/all-css-variables.ts\";\n\n/**\n * Layout components\n */\n\nexport * from \"./layout/PlBlockPage\";\nexport * from \"./layout/PlContainer\";\nexport * from \"./layout/PlGrid\";\nexport * from \"./layout/PlPlaceholder\";\nexport * from \"./layout/PlRow\";\nexport * from \"./layout/PlSpacer\";\n\n/**\n * Components\n */\nexport * from \"./components/PlErrorBoundary\";\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from \"./components/PlAccordion\";\nexport * from \"./components/PlAlert\";\nexport * from \"./components/PlAutocomplete\";\nexport * from \"./components/PlAutocompleteMulti\";\nexport * from \"./components/PlBtnAccent\";\nexport * from \"./components/PlBtnDanger\";\nexport * from \"./components/PlBtnGhost\";\nexport * from \"./components/PlBtnGroup\";\nexport * from \"./components/PlBtnLink\";\nexport * from \"./components/PlBtnPrimary\";\nexport * from \"./components/PlBtnSecondary\";\nexport * from \"./components/PlBtnSplit\";\nexport * from \"./components/PlCheckbox\";\nexport * from \"./components/PlCheckboxGroup\";\nexport * from \"./components/PlChip\";\nexport * from \"./components/PlDialogModal\";\nexport * from \"./components/PlDropdown\";\nexport * from \"./components/PlDropdownLegacy\";\nexport * from \"./components/PlDropdownLine\";\nexport * from \"./components/PlDropdownMulti\";\nexport * from \"./components/PlDropdownMultiRef\";\nexport * from \"./components/PlDropdownRef\";\nexport * from \"./components/PlEditableTitle\";\nexport * from \"./components/PlElementList\";\nexport * from \"./components/PlLoaderCircular\";\nexport * from \"./components/PlLogView\";\nexport * from \"./components/PlNumberField\";\nexport * from \"./components/PlProgressBar\";\nexport * from \"./components/PlProgressCell\";\nexport * from \"./components/PlSearchField\";\nexport * from \"./components/PlSectionSeparator\";\nexport * from \"./components/PlSlideModal\";\nexport * from \"./components/PlSplash\";\nexport * from \"./components/PlStatusTag\";\nexport * from \"./components/PlTabs\";\nexport * from \"./components/PlTextArea\";\nexport * from \"./components/PlTextField\";\nexport * from \"./components/PlToggleSwitch\";\nexport * from \"./components/PlTooltip\";\nexport * from \"./components/PlColumnLabel\";\n\nexport * from \"./components/PlFileDialog\";\nexport * from \"./components/PlFileInput\";\nexport * from \"./components/PlNotificationAlert\";\n\nexport * from \"./components/PlSidebar\";\n\nexport * from \"./components/PlIcon16\";\nexport * from \"./components/PlIcon24\";\nexport * from \"./components/PlMaskIcon16\";\nexport * from \"./components/PlMaskIcon24\";\nexport * from \"./components/PlSvg\";\n\nexport * from \"./components/PlChartHistogram\";\nexport * from \"./components/PlChartStackedBar\";\n\nexport * from \"./components/PlRadio\";\n\nexport { default as PlLoaderLogo } from \"./components/PlLoaderLogo.vue\";\n\nexport * from \"./colors\";\n\n/**\n * Usables\n */\nexport { useClickOutside } from \"./composition/useClickOutside\";\nexport { useComponentProp } from \"./composition/useComponentProp\";\nexport { useConfirm } from \"./composition/useConfirm\";\nexport { useDraggable } from \"./composition/useDraggable\";\nexport { useEventListener } from \"./composition/useEventListener\";\nexport { useFormState } from \"./composition/useFormState\";\nexport { useHover } from \"./composition/useHover\";\nexport { useInterval } from \"./composition/useInterval\";\nexport { usePollingQuery } from \"./composition/usePollingQuery\";\nexport { useLocalStorage } from \"./composition/useLocalStorage\";\nexport { useMouse } from \"./composition/useMouse\";\nexport { useMouseCapture } from \"./composition/useMouseCapture\";\nexport { useElementPosition as usePosition } from \"./composition/usePosition\";\nexport { useQuery } from \"./composition/useQuery.ts\";\nexport { useResizeObserver } from \"./composition/useResizeObserver\";\nexport { useScroll } from \"./composition/useScroll\";\nexport { useSortable } from \"./composition/useSortable\";\nexport { useSortable2 } from \"./composition/useSortable2\";\nexport { useTheme } from \"./composition/useTheme\";\n\nexport * from \"./composition/computedCached\";\nexport * from \"./composition/filters\";\nexport * from \"./composition/useWatchFetch\";\nexport * from \"./composition/watchCached\";\n\n/**\n * Utils/Partials\n */\n\nexport * from \"./utils/DropdownOverlay\";\nexport { default as PlCloseModalBtn } from \"./utils/PlCloseModalBtn.vue\";\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from \"./utils/useLabelNotch.ts\";\n\nexport type * from \"./types\";\n\nexport { icons16, icons24 } from \"./types\";\n\nexport * from \"./helpers/dom\";\n\nexport * from \"./helpers/utils\";\n\n/**\n * @TODO review\n */\nexport { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JA,IAAMyE,KAAW,EAAE,iBAAiBC,EAAgB,EAAE"}

package/dist/layout/PlBlockPage/PlBlockPage.js

@@ -1,8 +1,7 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
 import t from "./PlBlockPage.vue2.js";
 import n from "./PlBlockPage.style.js";
-var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
-//#endregion
+var r = /*#__PURE__*/ e(t, [["__cssModules", { $style: n }]]);
 export { r as default };
 
 //# sourceMappingURL=PlBlockPage.js.map

package/dist/layout/PlBlockPage/PlBlockPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.js","names":[],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlBlockPage.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlBlockPage_vue_vue_type_script_setup_true_lang_default","PlBlockPage_vue_vue_type_style_index_0_lang_module_default","PlBlockPage_default","\"$style\""],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlBlockPage/PlBlockPage.style.js

@@ -1,9 +1,9 @@
-import './PlBlockPage.vue.css';var e = {
-	header: "_header_19wcy_2",
-	subtitle: "_subtitle_19wcy_11",
-	editIcon: "_editIcon_19wcy_37"
+import './PlBlockPage.style.css';// src/layout/PlBlockPage/PlBlockPage.vue?vue&type=style&index=0&lang.module.css
+var e = "_header_19wcy_2", t = "_subtitle_19wcy_11", n = "_editIcon_19wcy_37", r = {
+	header: e,
+	subtitle: t,
+	editIcon: n
 };
-//#endregion
-export { e as default };
+export { r as default, n as editIcon, e as header, t as subtitle };
 
 //# sourceMappingURL=PlBlockPage.style.js.map

package/dist/layout/PlBlockPage/PlBlockPage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlBlockPage.vue_vue_type_style_index_0_lang.module.js","names":["header","subtitle","editIcon","PlBlockPage_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlBlockPage/PlBlockPage.vue2.js

@@ -5,7 +5,7 @@ import "../../components/PlIcon24/index.js";
 import n from "../PlPlaceholder/PlPlaceholder.js";
 import { PL_PLACEHOLDER_TEXTS as r } from "../PlPlaceholder/index.js";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useCssModule as v, useModel as y, useSlots as b, useTemplateRef as x, vModelText as S, vShow as C, watchEffect as w, withDirectives as T } from "vue";
-//#region src/layout/PlBlockPage/PlBlockPage.vue?vue&type=script&setup=true&lang.ts
+// src/layout/PlBlockPage/PlBlockPage.vue?vue&type=script&setup=true&lang.ts
 var E = { class: "pl-block-page__title" }, D = { class: "pl-block-page__title__default" }, O = {
 	key: 0,
 	"data-testid": "pl-block-page-title"
@@ -18,9 +18,9 @@ var E = { class: "pl-block-page__title" }, D = { class: "pl-block-page__title__d
 }, j = ["placeholder"], M = { key: 1 }, N = {
 	class: "pl-block-page__body",
 	"data-testid": "pl-block-page-body"
-}, P = /* @__PURE__ */ l({
+}, P = /*@__PURE__*/ l({
 	name: "PlBlockPage",
-	props: /* @__PURE__ */ u({
+	props: /*@__PURE__*/ u({
 		title: {},
 		subtitlePlaceholder: {},
 		noBodyGutters: { type: Boolean },
@@ -73,7 +73,6 @@ var E = { class: "pl-block-page__title" }, D = { class: "pl-block-page__title__d
 		}, null, 8, ["class"])], 2))], 2)) : (m(), o("div", M)), s("div", N, [T(c(_(n), d({ "data-testid": "pl-block-page-loading-placeholder" }, L.value), null, 16), [[C, L.value]]), s("div", { style: p({ display: L.value ? "none" : "contents" }) }, [h(e.$slots, "default")], 4)])], 2));
 	}
 });
-//#endregion
 export { P as default };
 
 //# sourceMappingURL=PlBlockPage.vue2.js.map

package/dist/layout/PlBlockPage/PlBlockPage.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;CAGE,MAAM;;;;;;;;;;;;EAWR,IAAM,IAAQ,GAAU,EAElB,IAAQ,GAoBR,IAAW,EAAmB,GAAC,WAAW,EAE1C,IAAS,GAAc,EAEvB,IAAqB,QACrB,OAAO,EAAM,eAAgB,WACxB;GAAE,SAAS,EAAM;GAAa,GAAG,EAAqB;GAAS,GAEjE,EAAM,YACb,EAEI,IAAiB,EAAe,iBAAiB;SAEvD,QAAkB;AAChB,KAA+B,QAAQ,EAAe;IACtD,kBAIA,EAsDM,OAAA;GArDJ,OAAK,EAAA,CAAC,qCAAmC,EAAA,eAEhB,EAAM,eAAa,CAAA,CAAA;GAD5C,eAAY;MAIJ,EAAA,EAAK,CAAC,SAAS,EAAM,SAAA,GAAA,EAD7B,EAqCM,OAAA;;GAnCJ,eAAY;GACX,OAAK,EAAE,EAAA,EAAM,CAAC,OAAM;MAErB,EAcM,OAdN,GAcM,CAbJ,EAIM,OAJN,GAIM,CAHQ,EAAA,EAAK,CAAC,SAAA,GAAA,EAAlB,EAAuF,QAAvF,GAAuF,CAA5B,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,GAAA,EAChF,EAAuE,QAAvE,GAAuE,EAArB,EAAM,MAAK,EAAA,EAAA,GAC7D,EAA2B,EAAA,QAAA,cAAA,CAAA,CAAA,EAE7B,EAOM,OAPN,GAOM,CANJ,EAIE,OAAA;YAHI;GAAJ,KAAI;GACJ,OAAM;GACN,eAAY;iBAEd,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA,EAIlB,EAAA,UAAa,KAAA,iBAAA,GAAA,EADrB,EAgBM,OAAA;;GAdJ,eAAY;GACX,OAAK,EAAE,EAAA,EAAM,CAAC,SAAQ;QAEvB,EAIE,SAAA;4CAH2B,QAAA;GAC3B,eAAY;GACX,aAAa,EAAM;;;GAFD,EAAA;;;IAAX,MAAR;IAAa,MAAb;;OAIF,EAKE,EAAA,EAAA,EAAA;GAJA,eAAY;GACX,OAAK,EAAE,EAAA,EAAM,CAAC,SAAQ;GACvB,MAAK;GACL,OAAM;6CAIZ,EAAc,OAAA,EAAA,GACd,EASM,OATN,GASM,CAAA,EARJ,EAIE,EAAA,EAAA,EAJF,EAIE,EAFA,eAAY,qCAAmC,EACvC,EAAA,MAAkB,EAAA,MAAA,GAAA,EAAA,CAAA,CAAA,GAFlB,EAAA,MAAkB,CAAA,CAAA,EAI5B,EAEM,OAAA,EAFA,OAAK,EAAA,EAAA,SAAa,EAAA,QAAkB,SAAA,YAAA,CAAA,EAAA,EAAA,CACxC,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlBlockPage.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_toDisplayString","_withDirectives","_vModelText","_createVNode","PlIcon24","_createCommentVNode","PlPlaceholder","_mergeProps","_vShow","_normalizeStyle","PlIcon24_default","PlPlaceholder_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PlBlockPage_vue_vue_type_script_setup_true_lang_default","\"subtitle\"","\"subtitleModifiers\"","slots","useSlots","props","__props","subtitle","useModel","styles","useCssModule","loadingPlaceholder","computed","PL_PLACEHOLDER_TEXTS","teleportTarget","useTemplateRef","watchEffect","openBlock","createElementBlock","normalizeClass","unref","createElementVNode","renderSlot","_ctx","toDisplayString","createCommentVNode","withDirectives","_cache","$event","vModelText","createVNode","mergeProps","vShow","normalizeStyle"],"sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div\n    class=\"pl-layout-component pl-block-page\"\n    data-testid=\"pl-block-page\"\n    :class=\"{ noBodyGutters: props.noBodyGutters }\"\n  >\n    <div\n      v-if=\"slots.title || props.title\"\n      data-testid=\"pl-block-page-header\"\n      :class=\"styles.header\"\n    >\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\" data-testid=\"pl-block-page-title\"><slot name=\"title\" /></span>\n          <span v-else data-testid=\"pl-block-page-title\">{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\" data-testid=\"pl-block-page-append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n            data-testid=\"pl-block-page-append-teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div\n        v-if=\"subtitle !== undefined\"\n        data-testid=\"pl-block-page-subtitle\"\n        :class=\"styles.subtitle\"\n      >\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          data-testid=\"pl-block-page-subtitle-input\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24\n          data-testid=\"pl-block-page-subtitle-edit-icon\"\n          :class=\"styles.editIcon\"\n          name=\"edit\"\n          color=\"var(--ic-02)\"\n        />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\" data-testid=\"pl-block-page-body\">\n      <PlPlaceholder\n        v-show=\"loadingPlaceholder\"\n        data-testid=\"pl-block-page-loading-placeholder\"\n        v-bind=\"loadingPlaceholder\"\n      />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;CAGE,MAAM;;;;;;;;;;;;EAWR,IAAM8B,IAAQC,EAAS,GAEjBC,IAAQC,GAoBRC,IAAWlC,EAAmBiC,GAAC,UAAU,GAEzCG,IAASC,EAAa,GAEtBC,IAAqBC,QACrB,OAAOP,EAAM,eAAgB,WACxB;GAAE,SAASA,EAAM;GAAa,GAAGQ,EAAqB;EAAQ,IAEhER,EAAM,WACd,GAEKS,IAAiBC,EAAe,gBAAgB;E,OAEtDC,QAAkB;GAChB,EAA+B,QAAQF,EAAe;EACxD,CAAC,I,UAICxC,EAAA,GAAAC,EAsDM,OAAA;GArDJ,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAEhB6B,EAAM,cAAa,CAAA,CAAA;GAD5C,eAAY;E,IAIJ5B,EAAA0B,CAAA,CAAK,CAAC,SAASE,EAAM,SAD7B/B,EAAA,GAAAC,EAqCM,OAAA;;GAnCJ,eAAY;GACX,OAAKC,EAAEC,EAAAgC,CAAA,CAAM,CAAC,MAAM;E,IAErB/B,EAcM,OAdNc,GAcM,CAbJd,EAIM,OAJNe,GAIM,CAHQhB,EAAA0B,CAAA,CAAK,CAAC,SAAlB7B,EAAA,GAAAC,EAAuF,QAAvFmB,GAAuF,CAA5Bf,EAAqB4C,EAAA,QAAA,OAAA,C,OAChFjD,EAAA,GAAAC,EAAuE,QAAvEoB,GAAuEf,EAArByB,EAAM,KAAK,GAAA,CAAA,IAC7D1B,EAA2B4C,EAAA,QAAA,aAAA,C,IAE7B7C,EAOM,OAPNkB,GAOM,CANJlB,EAIE,OAAA;GAHI,SAAA;GAAJ,KAAIoC;GACJ,OAAM;GACN,eAAY;E,eAEdnC,EAAsB4C,EAAA,QAAA,QAAA,C,MAIlBhB,EAAA,UAAa,KAAA,I,aADrBjC,EAAA,GAAAC,EAgBM,OAAA;;GAdJ,eAAY;GACX,OAAKC,EAAEC,EAAAgC,CAAA,CAAM,CAAC,QAAQ;E,IAEvB5B,EAAAH,EAIE,SAAA;GAHmB,uBAAA,AAAAiD,EAAA,QAAA,MAAA,EAAQ,QAAAC;GAC3B,eAAY;GACX,aAAavB,EAAM;;;GAFDE,EAAA;;;IAAX,MAAR;IAAa,MAAb;;E,KAIFxB,EAKEN,EAAAO,CAAA,GAAA;GAJA,eAAY;GACX,OAAKR,EAAEC,EAAAgC,CAAA,CAAM,CAAC,QAAQ;GACvB,MAAK;GACL,OAAM;E,sCAIZnC,EAAA,GAAAC,EAAc,OAAAuB,CAAA,IACdpB,EASM,OATNqB,GASM,CARJlB,EAAAE,EAIEN,EAAAS,CAAA,GAJFC,EAIE,EAFA,eAAY,oCAAmC,GACvCwB,EAAA,KAAkB,GAAA,MAAA,EAAA,GAAA,CAFlB,CAAAvB,GAAAuB,EAAA,KAAkB,C,IAI5BjC,EAEM,OAAA,EAFA,OAAKW,EAAA,EAAA,SAAasB,EAAA,QAAkB,SAAA,WAAA,CAAA,E,IACxChC,EAAQ4C,EAAA,QAAA,SAAA,C"}

package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.js

@@ -1,7 +1,6 @@
 import { ref as e } from "vue";
-//#region src/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.ts
+// src/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.ts
 var t = e();
-//#endregion
 export { t as PlBlockPageTitleTeleportTarget };
 
 //# sourceMappingURL=PlBlockPageTitleTeleportTarget.js.map

package/dist/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPageTitleTeleportTarget.js","names":[],"sources":["../../../src/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.ts"],"sourcesContent":["import { ref } from \"vue\";\n\nexport const PlBlockPageTitleTeleportTarget = ref<HTMLElement | null>();\n"],"mappings":";;AAEA,IAAa,IAAiC,GAAyB"}
+{"version":3,"file":"PlBlockPageTitleTeleportTarget.js","names":["PlBlockPageTitleTeleportTarget","ref"],"sources":["../../../src/layout/PlBlockPage/PlBlockPageTitleTeleportTarget.ts"],"sourcesContent":["import { ref } from \"vue\";\n\nexport const PlBlockPageTitleTeleportTarget = ref<HTMLElement | null>();\n"],"mappings":";;AAEA,IAAaA,IAAiCC,EAAwB"}

package/dist/layout/PlBlockPage/index.js

@@ -1,2 +1,3 @@
-import "./PlBlockPage.js";
-import "./usePlBlockPageTitleTeleportTarget.js";
+import e from "./PlBlockPage.js";
+import { usePlBlockPageTitleTeleportTarget as t } from "./usePlBlockPageTitleTeleportTarget.js";
+export { e as PlBlockPage, t as usePlBlockPageTitleTeleportTarget };

package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js

@@ -1,6 +1,6 @@
 import { PlBlockPageTitleTeleportTarget as e } from "./PlBlockPageTitleTeleportTarget.js";
 import { nextTick as t, onMounted as n, onUpdated as r } from "vue";
-//#region src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts
+// src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts
 function i(i) {
 	let a = () => {
 		t(() => {
@@ -10,7 +10,6 @@ function i(i) {
 	};
 	return n(a), r(a), e;
 }
-//#endregion
 export { i as usePlBlockPageTitleTeleportTarget };
 
 //# sourceMappingURL=usePlBlockPageTitleTeleportTarget.js.map

package/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePlBlockPageTitleTeleportTarget.js","names":[],"sources":["../../../src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts"],"sourcesContent":["import { nextTick, onMounted, onUpdated } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\n\nexport function usePlBlockPageTitleTeleportTarget(componentName: string) {\n  const check = () => {\n    nextTick(() => {\n      if (!PlBlockPageTitleTeleportTarget.value) {\n        console.error(\n          `[${componentName}] Error: Either 'PlBlockPage' component is missing or it has no title. \n          Ensure that you placed the components inside <PlBlockPage /> with a title.`,\n        );\n      }\n    });\n  };\n\n  onMounted(check);\n  onUpdated(check);\n\n  return PlBlockPageTitleTeleportTarget;\n}\n"],"mappings":";;;AAGA,SAAgB,EAAkC,GAAuB;CACvE,IAAM,UAAc;AAClB,UAAe;AACb,GAAK,EAA+B,SAClC,QAAQ,MACN,IAAI,EAAc;sFAEnB;IAEH;;AAMJ,QAHA,EAAU,EAAM,EAChB,EAAU,EAAM,EAET"}
+{"version":3,"file":"usePlBlockPageTitleTeleportTarget.js","names":["usePlBlockPageTitleTeleportTarget","check","PlBlockPageTitleTeleportTarget","componentName","onMounted","onUpdated"],"sources":["../../../src/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.ts"],"sourcesContent":["import { nextTick, onMounted, onUpdated } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\n\nexport function usePlBlockPageTitleTeleportTarget(componentName: string) {\n  const check = () => {\n    nextTick(() => {\n      if (!PlBlockPageTitleTeleportTarget.value) {\n        console.error(\n          `[${componentName}] Error: Either 'PlBlockPage' component is missing or it has no title. \n          Ensure that you placed the components inside <PlBlockPage /> with a title.`,\n        );\n      }\n    });\n  };\n\n  onMounted(check);\n  onUpdated(check);\n\n  return PlBlockPageTitleTeleportTarget;\n}\n"],"mappings":";;;AAGA,SAAgBA,EAAkC,GAAuB;CACvE,IAAMC,UAAc;EAClB,QAAe;GACb,AAAKC,EAA+B,SAClC,QAAQ,MACN,IAAIC,EAAc;qFAEpB;EAEJ,CAAC;CACH;CAKA,OAHAC,EAAUH,CAAK,GACfI,EAAUJ,CAAK,GAERC;AACT"}

package/dist/layout/PlContainer/PlContainer.js

@@ -1,7 +1,6 @@
 import e from "./PlContainer.vue2.js";
-//#region src/layout/PlContainer/PlContainer.vue
+// src/layout/PlContainer/PlContainer.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=PlContainer.js.map

package/dist/layout/PlContainer/PlContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlContainer.js","names":[],"sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: \"PlContainer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-container.scss\";\nimport PlSplash from \"../../components/PlSplash/PlSplash.vue\";\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash\n    :loading=\"loading\"\n    :loading-text=\"loadingText\"\n    class=\"pl-container pl-layout-component\"\n    data-testid=\"pl-container\"\n    :style=\"style\"\n  >\n    <slot />\n  </PlSplash>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlContainer.js","names":["_sfc_main","PlContainer_vue_vue_type_script_setup_true_lang_default","PlContainer_default"],"sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: \"PlContainer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-container.scss\";\nimport PlSplash from \"../../components/PlSplash/PlSplash.vue\";\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash\n    :loading=\"loading\"\n    :loading-text=\"loadingText\"\n    class=\"pl-container pl-layout-component\"\n    data-testid=\"pl-container\"\n    :style=\"style\"\n  >\n    <slot />\n  </PlSplash>\n</template>\n"],"mappings":""}

package/dist/layout/PlContainer/PlContainer.vue2.js

@@ -1,7 +1,7 @@
 import './pl-container.css';/* empty css             */
 import e from "../../components/PlSplash/PlSplash.js";
 import { computed as t, createBlock as n, defineComponent as r, normalizeStyle as i, openBlock as a, renderSlot as o, withCtx as s } from "vue";
-var c = /* @__PURE__ */ r({
+var c = /*@__PURE__*/ r({
 	name: "PlContainer",
 	props: {
 		width: {},
@@ -26,7 +26,6 @@ var c = /* @__PURE__ */ r({
 		]));
 	}
 });
-//#endregion
 export { c as default };
 
 //# sourceMappingURL=PlContainer.vue2.js.map

package/dist/layout/PlContainer/PlContainer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlContainer.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: \"PlContainer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-container.scss\";\nimport PlSplash from \"../../components/PlSplash/PlSplash.vue\";\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash\n    :loading=\"loading\"\n    :loading-text=\"loadingText\"\n    class=\"pl-container pl-layout-component\"\n    data-testid=\"pl-container\"\n    :style=\"style\"\n  >\n    <slot />\n  </PlSplash>\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;EASR,IAAM,IAAQ,GAeR,IAAQ,SAAgB,EAC5B,OAAO,EAAM,OACd,EAAE;yBAID,EAQW,GAAA;GAPR,SAAS,EAAA;GACT,gBAAc,EAAA;GACf,OAAM;GACN,eAAY;GACX,OAAK,EAAE,EAAA,MAAK;;oBAEL,CAAR,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"PlContainer.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","PlSplash","_normalizeStyle","_withCtx","_renderSlot","PlSplash_default","PlContainer_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","openBlock","createBlock","normalizeStyle","withCtx","renderSlot","_ctx"],"sources":["../../../src/layout/PlContainer/PlContainer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Container with vertical spacing */\nexport default {\n  name: \"PlContainer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-container.scss\";\nimport PlSplash from \"../../components/PlSplash/PlSplash.vue\";\n\nconst props = defineProps<{\n  /**\n   * CSS width value (px, %)\n   */\n  width?: string;\n  /**\n   * Shows loading overlay\n   */\n  loading?: boolean;\n  /**\n   * Optional loading text\n   */\n  loadingText?: string;\n}>();\n\nconst style = computed(() => ({\n  width: props.width,\n}));\n</script>\n\n<template>\n  <PlSplash\n    :loading=\"loading\"\n    :loading-text=\"loadingText\"\n    class=\"pl-container pl-layout-component\"\n    data-testid=\"pl-container\"\n    :style=\"style\"\n  >\n    <slot />\n  </PlSplash>\n</template>\n"],"mappings":";;;;CAGE,MAAM;;;;;;;EASR,IAAMQ,IAAQC,GAeRC,IAAQC,SAAgB,EAC5B,OAAOH,EAAM,MACf,EAAE;E,kBAIAR,EAAA,GAAAC,EAQWC,GAAA;GAPR,SAASO,EAAA;GACT,gBAAcA,EAAA;GACf,OAAM;GACN,eAAY;GACX,OAAKN,EAAEO,EAAA,KAAK;;GAEb,SAAAN,QAAQ,CAARC,EAAQY,EAAA,QAAA,SAAA,C"}