(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-block-page{--pl-block-page-body-padding: var(--main-spacing, 24px);padding:var(--container-spacing);background-color:var(--bg-elevated-01);height:100%;max-width:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.pl-block-page.noBodyGutters{--pl-block-page-body-padding: 0}.pl-block-page__title{height:80px;display:flex;align-items:center;gap:12px;padding:20px 24px;min-width:0;max-width:100%}.pl-block-page__title__default{flex:1;min-width:0;max-width:100%;margin:0;color:var(--txt-01);display:flex;flex-direction:row;align-items:center;gap:12px}.pl-block-page__title__default>span{font-size:28px;font-weight:500;line-height:36px;letter-spacing:-.56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%;display:inline-block}.pl-block-page__title__append{margin-left:auto;display:flex;align-items:center;gap:2px}.pl-block-page__title__append__teleport{display:flex;align-items:center;gap:2px}.pl-block-page__body{max-width:100%;display:flex;flex-direction:column;gap:var(--gap-v);padding:var(--pl-block-page-body-padding);--thumb-color: var(--ic-02);overflow-y:auto;overflow-x:auto}.pl-block-page__body::-webkit-scrollbar{width:var(--scrollbar-width, 6px);height:5px;background-color:transparent;display:block}.pl-block-page__body::-webkit-scrollbar-thumb{background:var(--thumb-color);border-radius:5px}.pl-block-page__body::-webkit-scrollbar-thumb:hover{--thumb-color: var(--border-color-focus)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
import { defineComponent as p, useSlots as r, createElementBlock as e, openBlock as o, normalizeClass as _, createVNode as u, unref as d, createElementVNode as s, withDirectives as m, renderSlot as l, withCtx as f } from "vue";
import { PlBlockPageTitleTeleportId as g } from "./PlBlockPageTitleTeleportId.js";

import b from "../../components/PlSplash/PlSplash.vue.js";
const y = {
  key: 0,
  class: "pl-block-page__title"
}, k = { class: "pl-block-page__title__default" }, h = { class: "pl-block-page__title__append" }, v = ["id"], B = { key: 1 }, T = {
  name: "PlBlockPage"
}, C = /* @__PURE__ */ p({
  ...T,
  props: {
    noBodyGutters: { type: Boolean },
    bodyLoading: { type: Boolean },
    bodyLoadingText: {}
  },
  setup(i) {
    const a = r(), n = (t) => {
      t.removeAttribute("title"), t.clientWidth < t.scrollWidth && t.setAttribute("title", t.innerText);
    }, c = {
      mounted: n,
      updated: n
    };
    return (t, x) => (o(), e("div", {
      class: _(["pl-layout-component pl-block-page", { noBodyGutters: i.noBodyGutters }])
    }, [
      d(a).title ? (o(), e("div", y, [
        s("div", k, [
          m((o(), e("span", null, [
            l(t.$slots, "title")
          ])), [
            [c]
          ]),
          l(t.$slots, "after-title")
        ]),
        s("div", h, [
          s("div", {
            id: d(g),
            class: "pl-block-page__title__append__teleport"
          }, null, 8, v),
          l(t.$slots, "append")
        ])
      ])) : (o(), e("div", B)),
      u(b, {
        loading: i.bodyLoading,
        "loading-text": i.bodyLoadingText,
        class: "pl-block-page__body"
      }, {
        default: f(() => [
          l(t.$slots, "default")
        ]),
        _: 3
      }, 8, ["loading", "loading-text"])
    ], 2));
  }
});
export {
  C as default
};
//# sourceMappingURL=PlBlockPage.vue.js.map
