@milaboratories/uikit 2.10.37 → 2.10.39

package/dist/index.js

@@ -1,249 +1,114 @@
-import './components/LongText.css';import './assets/ui.css';/* empty css               */
-import * as r from "./components/DataTable/index.js";
-import { default as p } from "./components/ThemeSwitcher.vue.js";
-import { default as d } from "./components/DropdownListItem.vue.js";
-import { default as x } from "./components/ContextProvider.vue.js";
-import { default as n } from "./components/Slider.vue.js";
-import { showContextMenu as c } from "./components/contextMenu/index.js";
-import { default as g } from "./components/LongText.vue.js";
-/* empty css                         */
-import { default as h } from "./components/Scrollable.vue.js";
-import { default as L } from "./components/SliderRange.vue.js";
-import { default as w } from "./components/SliderRangeTriple.vue.js";
-import { allCssVariables as e } from "./demo-site-data/all-css-variables.js";
-import { PL_PLACEHOLDER_TEXTS as B } from "./layout/PlPlaceholder/index.js";
-import { default as k } from "./components/PlLoaderLogo.vue.js";
-import { useClickOutside as I } from "./composition/useClickOutside.js";
-import { useComponentProp as v } from "./composition/useComponentProp.js";
-import { useConfirm as A } from "./composition/useConfirm.js";
-import { useDraggable as R } from "./composition/useDraggable.js";
-import { useEventListener as V } from "./composition/useEventListener.js";
-import { useFormState as H } from "./composition/useFormState.js";
-import { useHover as U } from "./composition/useHover.js";
-import { useInterval as _ } from "./composition/useInterval.js";
-import { usePollingQuery as W } from "./composition/usePollingQuery.js";
-import { useLocalStorage as j } from "./composition/useLocalStorage.js";
-import { useMouse as K } from "./composition/useMouse.js";
-import { useMouseCapture as Z } from "./composition/useMouseCapture.js";
-import { useElementPosition as ee } from "./composition/usePosition.js";
-import { useQuery as re } from "./composition/useQuery.js";
-import { useResizeObserver as ae } from "./composition/useResizeObserver.js";
-import { useScroll as fe } from "./composition/useScroll.js";
-import { useSortable as pe } from "./composition/useSortable.js";
-import { useSortable2 as de } from "./composition/useSortable2.js";
-import { useTheme as xe } from "./composition/useTheme.js";
-import { computedCached as ne } from "./composition/computedCached.js";
+import './assets/ui.css';/* empty css          */
+import { showContextMenu as ee } from "./components/contextMenu/index.js";
+import { useEventListener as te } from "./composition/useEventListener.js";
+import { useMouse as e } from "./composition/useMouse.js";
+import { useHover as t } from "./composition/useHover.js";
+import { useMouseCapture as n } from "./composition/useMouseCapture.js";
+import { DataTable_exports as r } from "./components/DataTable/index.js";
+import { useLocalStorage as i } from "./composition/useLocalStorage.js";
+import { useTheme as a } from "./composition/useTheme.js";
+import o from "./components/ThemeSwitcher.js";
+import s from "./components/DropdownListItem.js";
+import c from "./components/ContextProvider.js";
+import { animate as l, animateInfinite as u, call as d, delay as f, listToOptions as p, makeEaseInOut as m, makeEaseOut as h, normalizeListOptions as g, randomInt as _, randomString as v, requestTick as y, throttle as b, timeout as x } from "./helpers/utils.js";
+import { useClickOutside as S } from "./composition/useClickOutside.js";
+import C from "./components/PlTooltip/PlTooltip.js";
+import w from "./components/Slider.js";
+import T from "./components/LongText.js";
+import { downloadContent as E } from "./helpers/downloadContent.js";
+import { detectOutside as D, eventListener as O, getElementScrollPosition as k, isElementVisible as A, scrollIntoView as j } from "./helpers/dom.js";
+import { useResizeObserver as M } from "./composition/useResizeObserver.js";
+import N from "./components/Scrollable.js";
+import P from "./components/SliderRange.js";
+import F from "./components/SliderRangeTriple.js";
+import { allCssVariables as I } from "./demo-site-data/all-css-variables.js";
+import L from "./components/PlSvg/PlSvg.js";
+import R from "./components/PlIcon24/PlIcon24.js";
+import z from "./components/PlLoaderLogo.js";
+import B from "./layout/PlPlaceholder/PlPlaceholder.js";
+import { PL_PLACEHOLDER_TEXTS as V } from "./layout/PlPlaceholder/index.js";
+import H from "./layout/PlBlockPage/PlBlockPage.js";
+import { usePlBlockPageTitleTeleportTarget as U } from "./layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
+import W from "./components/PlLoaderCircular/PlLoaderCircular.js";
+import G from "./components/PlSplash/PlSplash.js";
+import K from "./layout/PlContainer/PlContainer.js";
+import q from "./layout/PlGrid/PlGrid.js";
+import J from "./layout/PlRow/PlRow.js";
+import Y from "./layout/PlSpacer/PlSpacer.js";
+import X from "./components/PlIcon16/PlIcon16.js";
+import Z from "./components/PlErrorBoundary/PlErrorBoundary.js";
+import Q from "./components/PlAccordion/PlAccordion.js";
+import ne from "./components/PlSectionSeparator/PlSectionSeparator.js";
+import re from "./components/PlAccordion/PlAccordionSection.js";
+import ie from "./components/PlAlert/PlAlert.js";
+import { useLabelNotch as ae } from "./utils/useLabelNotch.js";
+import { useElementPosition as oe } from "./composition/usePosition.js";
+import se from "./utils/DropdownOverlay/DropdownOverlay.js";
 import { useWatchFetch as ce } from "./composition/useWatchFetch.js";
-import { watchCached as ge } from "./composition/watchCached.js";
-import { default as he } from "./utils/PlCloseModalBtn.vue.js";
-import { useLabelNotch as Le } from "./utils/useLabelNotch.js";
-import { detectOutside as we, eventListener as De, getElementScrollPosition as Be, isElementVisible as Me, scrollIntoView as ke } from "./helpers/dom.js";
-import { animate as Ie, animateInfinite as Oe, call as ve, delay as ye, listToOptions as Ae, makeEaseInOut as Fe, makeEaseOut as Re, normalizeListOptions as Ge, randomInt as Ve, randomString as ze, requestTick as He, throttle as Ne, timeout as Ue } from "./helpers/utils.js";
-import { default as _e } from "./layout/PlContainer/PlContainer.vue.js";
-import { default as We } from "./layout/PlGrid/PlGrid.vue.js";
-import { default as je } from "./layout/PlRow/PlRow.vue.js";
-import { default as Ke } from "./layout/PlSpacer/PlSpacer.vue.js";
-import { default as Ze } from "./components/PlErrorBoundary/PlErrorBoundary.vue.js";
-import { default as eo } from "./components/PlAccordion/PlAccordion.vue.js";
-import { default as ro } from "./components/PlAlert/PlAlert.vue.js";
-import { default as ao } from "./components/PlAutocomplete/PlAutocomplete.vue.js";
-import { default as fo } from "./components/PlAutocompleteMulti/PlAutocompleteMulti.vue.js";
-import { default as po } from "./components/PlBtnAccent/PlBtnAccent.vue.js";
-import { default as uo } from "./components/PlBtnDanger/PlBtnDanger.vue.js";
-import { default as io } from "./components/PlBtnGhost/PlBtnGhost.vue.js";
-import { default as Po } from "./components/PlBtnGroup/PlBtnGroup.vue.js";
-import { default as So } from "./components/PlBtnLink/PlBtnLink.vue.js";
-import { default as Co } from "./components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import { default as To } from "./components/PlBtnSecondary/PlBtnSecondary.vue.js";
-import { default as bo } from "./components/PlBtnSplit/PlBtnSplit.vue.js";
-import { default as Do } from "./components/PlCheckbox/PlCheckbox.vue.js";
-import { default as Mo } from "./components/PlCheckboxGroup/PlCheckboxGroup.vue.js";
-import { default as Eo } from "./components/PlChip/PlChip.vue.js";
-import { default as Oo } from "./components/PlDialogModal/PlDialogModal.vue.js";
-import { default as yo } from "./components/PlDropdown/PlDropdown.vue.js";
-import { default as Fo } from "./components/PlDropdownLegacy/PlDropdownLegacy.vue.js";
-import { default as Go } from "./components/PlDropdownLine/PlDropdownLine.vue.js";
-import { default as zo } from "./components/PlDropdownMulti/PlDropdownMulti.vue.js";
-import { default as No } from "./components/PlDropdownMultiRef/PlDropdownMultiRef.vue.js";
-import { default as Qo } from "./components/PlDropdownRef/PlDropdownRef.vue.js";
-import { default as qo } from "./components/PlEditableTitle/PlEditableTitle.vue.js";
-import { default as Xo } from "./components/PlLoaderCircular/PlLoaderCircular.vue.js";
-import { default as Jo } from "./components/PlLogView/PlLogView.vue.js";
-import { default as Yo } from "./components/PlNumberField/PlNumberField.vue.js";
-import { default as $o } from "./components/PlProgressBar/PlProgressBar.vue.js";
-import { default as or } from "./components/PlProgressCell/PlProgressCell.vue.js";
-import { default as tr } from "./components/PlSlideModal/PlPureSlideModal.vue.js";
-import { default as lr } from "./components/PlSplash/PlSplash.vue.js";
-import { default as sr } from "./components/PlStatusTag/PlStatusTag.vue.js";
-import { default as mr } from "./components/PlTabs/PlTabs.vue.js";
-import { default as ur } from "./components/PlTextArea/PlTextArea.vue.js";
-import { default as ir } from "./components/PlTextField/PlTextField.vue.js";
-import { default as Pr } from "./components/PlToggleSwitch/PlToggleSwitch.vue.js";
-import { default as Sr } from "./components/PlFileDialog/PlFileDialog.vue.js";
-import { default as Cr } from "./components/PlFileInput/PlFileInput.vue.js";
-import { default as Tr } from "./components/PlNotificationAlert/PlNotificationAlert.vue.js";
-import { default as br } from "./utils/DropdownOverlay/DropdownOverlay.vue.js";
-import { icons16 as Dr } from "./generated/icons-16.js";
-import { icons24 as Mr } from "./generated/icons-24.js";
-import { default as Er } from "./layout/PlBlockPage/PlBlockPage.vue.js";
-import { usePlBlockPageTitleTeleportTarget as Or } from "./layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
-import { default as yr } from "./layout/PlPlaceholder/PlPlaceholder.vue.js";
-import { default as Fr } from "./components/PlAccordion/PlAccordionSection.vue.js";
-import { default as Gr } from "./components/PlElementList/PlElementList.vue.js";
-import { default as zr } from "./components/PlSearchField/PlSearchField.vue.js";
-import { default as Nr } from "./components/PlSectionSeparator/PlSectionSeparator.vue.js";
-import { default as Qr } from "./components/PlSlideModal/PlSlideModal.vue.js";
-import { default as qr } from "./components/PlTooltip/PlTooltip.vue.js";
-import { default as Xr } from "./components/PlSidebar/PlSidebarGroup.vue.js";
-import { default as Jr } from "./components/PlSidebar/PlSidebarItem.vue.js";
-import { default as Yr, default as Zr } from "./components/PlIcon16/PlIcon16.vue.js";
-import { default as et, default as ot } from "./components/PlIcon24/PlIcon24.vue.js";
-import { default as tt } from "./components/PlSvg/PlSvg.vue.js";
-import { default as lt } from "./components/PlChartHistogram/PlChartHistogram.vue.js";
-import { default as st } from "./components/PlChartStackedBar/PlChartStackedBar.vue.js";
-import { default as mt } from "./components/PlChartStackedBar/PlChartStackedBarCompact.vue.js";
-import { default as ut } from "./components/PlRadio/PlRadio.vue.js";
-import { default as it } from "./components/PlRadio/PlRadioGroup.vue.js";
-import { categoricalColors as Pt, magma as ct, palettes as St, viridis as gt } from "./colors/palette.js";
-import { Color as ht } from "./colors/color.js";
-import { Gradient as Lt, interpolateColor as bt, normalizeGradient as wt } from "./colors/gradient.js";
-import { filterUiMetadata as Bt, getFilterUiMetadata as Mt, getFilterUiTypeOptions as kt } from "./composition/filters/metadata.js";
-import { downloadContent as It } from "./helpers/downloadContent.js";
-const l = { allCssVariables: e() };
-export {
-  ht as Color,
-  x as ContextProvider,
-  r as DataTable,
-  l as DemoData,
-  d as DropdownListItem,
-  br as DropdownOverlay,
-  Lt as Gradient,
-  g as LongText,
-  B as PL_PLACEHOLDER_TEXTS,
-  eo as PlAccordion,
-  Fr as PlAccordionSection,
-  ro as PlAlert,
-  ao as PlAutocomplete,
-  fo as PlAutocompleteMulti,
-  Er as PlBlockPage,
-  po as PlBtnAccent,
-  uo as PlBtnDanger,
-  io as PlBtnGhost,
-  Po as PlBtnGroup,
-  So as PlBtnLink,
-  Co as PlBtnPrimary,
-  To as PlBtnSecondary,
-  bo as PlBtnSplit,
-  lt as PlChartHistogram,
-  st as PlChartStackedBar,
-  mt as PlChartStackedBarCompact,
-  Do as PlCheckbox,
-  Mo as PlCheckboxGroup,
-  Eo as PlChip,
-  he as PlCloseModalBtn,
-  _e as PlContainer,
-  Oo as PlDialogModal,
-  yo as PlDropdown,
-  Fo as PlDropdownLegacy,
-  Go as PlDropdownLine,
-  zo as PlDropdownMulti,
-  No as PlDropdownMultiRef,
-  Qo as PlDropdownRef,
-  qo as PlEditableTitle,
-  Gr as PlElementList,
-  Ze as PlErrorBoundary,
-  Sr as PlFileDialog,
-  Cr as PlFileInput,
-  We as PlGrid,
-  Yr as PlIcon16,
-  et as PlIcon24,
-  Xo as PlLoaderCircular,
-  k as PlLoaderLogo,
-  Jo as PlLogView,
-  Zr as PlMaskIcon16,
-  ot as PlMaskIcon24,
-  Tr as PlNotificationAlert,
-  Yo as PlNumberField,
-  yr as PlPlaceholder,
-  $o as PlProgressBar,
-  or as PlProgressCell,
-  tr as PlPureSlideModal,
-  ut as PlRadio,
-  it as PlRadioGroup,
-  je as PlRow,
-  zr as PlSearchField,
-  Nr as PlSectionSeparator,
-  Xr as PlSidebarGroup,
-  Jr as PlSidebarItem,
-  Qr as PlSlideModal,
-  Ke as PlSpacer,
-  lr as PlSplash,
-  sr as PlStatusTag,
-  tt as PlSvg,
-  mr as PlTabs,
-  ur as PlTextArea,
-  ir as PlTextField,
-  Pr as PlToggleSwitch,
-  qr as PlTooltip,
-  h as Scrollable,
-  n as Slider,
-  L as SliderRange,
-  w as SliderRangeTriple,
-  p as ThemeSwitcher,
-  Ie as animate,
-  Oe as animateInfinite,
-  ve as call,
-  Pt as categoricalColors,
-  ne as computedCached,
-  ye as delay,
-  we as detectOutside,
-  It as downloadContent,
-  De as eventListener,
-  Bt as filterUiMetadata,
-  Be as getElementScrollPosition,
-  Mt as getFilterUiMetadata,
-  kt as getFilterUiTypeOptions,
-  Dr as icons16,
-  Mr as icons24,
-  bt as interpolateColor,
-  Me as isElementVisible,
-  Ae as listToOptions,
-  ct as magma,
-  Fe as makeEaseInOut,
-  Re as makeEaseOut,
-  wt as normalizeGradient,
-  Ge as normalizeListOptions,
-  St as palettes,
-  Ve as randomInt,
-  ze as randomString,
-  He as requestTick,
-  ke as scrollIntoView,
-  c as showContextMenu,
-  Ne as throttle,
-  Ue as timeout,
-  I as useClickOutside,
-  v as useComponentProp,
-  A as useConfirm,
-  R as useDraggable,
-  V as useEventListener,
-  H as useFormState,
-  U as useHover,
-  _ as useInterval,
-  Le as useLabelNotch,
-  j as useLocalStorage,
-  K as useMouse,
-  Z as useMouseCapture,
-  Or as usePlBlockPageTitleTeleportTarget,
-  W as usePollingQuery,
-  ee as usePosition,
-  re as useQuery,
-  ae as useResizeObserver,
-  fe as useScroll,
-  pe as useSortable,
-  de as useSortable2,
-  xe as useTheme,
-  ce as useWatchFetch,
-  gt as viridis,
-  ge as watchCached
-};
-//# sourceMappingURL=index.js.map
+import le from "./components/PlAutocomplete/PlAutocomplete.js";
+import ue from "./components/PlChip/PlChip.js";
+import de from "./components/PlAutocompleteMulti/PlAutocompleteMulti.js";
+import fe from "./components/PlBtnAccent/PlBtnAccent.js";
+import pe from "./components/PlBtnDanger/PlBtnDanger.js";
+import me from "./components/PlBtnGhost/PlBtnGhost.js";
+import he from "./components/PlBtnGroup/PlBtnGroup.js";
+import ge from "./components/PlBtnSecondary/PlBtnSecondary.js";
+import _e from "./components/PlBtnLink/PlBtnLink.js";
+import ve from "./components/PlBtnPrimary/PlBtnPrimary.js";
+import $ from "./components/PlBtnSplit/PlBtnSplit.js";
+import ye from "./components/PlCheckbox/PlCheckbox.js";
+import be from "./components/PlCheckboxGroup/PlCheckboxGroup.js";
+import xe from "./utils/PlCloseModalBtn.js";
+import Se from "./components/PlDialogModal/PlDialogModal.js";
+import Ce from "./components/PlDropdown/PlDropdown.js";
+import we from "./components/PlDropdownLegacy/PlDropdownLegacy.js";
+import Te from "./components/PlDropdownLine/PlDropdownLine.js";
+import Ee from "./components/PlDropdownMulti/PlDropdownMulti.js";
+import De from "./components/PlDropdownMultiRef/PlDropdownMultiRef.js";
+import Oe from "./components/PlDropdownRef/PlDropdownRef.js";
+import ke from "./components/PlEditableTitle/PlEditableTitle.js";
+import Ae from "./components/PlElementList/PlElementList.js";
+import je from "./components/PlLogView/PlLogView.js";
+import Me from "./components/PlNumberField/PlNumberField.js";
+import Ne from "./components/PlProgressBar/PlProgressBar.js";
+import Pe from "./components/PlProgressCell/PlProgressCell.js";
+import Fe from "./components/PlSearchField/PlSearchField.js";
+import Ie from "./components/PlSlideModal/PlPureSlideModal.js";
+import Le from "./components/PlSlideModal/PlSlideModal.js";
+import Re from "./components/PlStatusTag/PlStatusTag.js";
+import ze from "./components/PlTabs/PlTabs.js";
+import Be from "./components/PlTextArea/PlTextArea.js";
+import Ve from "./components/PlTextField/PlTextField.js";
+import He from "./components/PlToggleSwitch/PlToggleSwitch.js";
+import Ue from "./components/PlFileDialog/PlFileDialog.js";
+import We from "./components/PlFileInput/PlFileInput.js";
+import Ge from "./components/PlNotificationAlert/PlNotificationAlert.js";
+import Ke from "./components/PlSidebar/PlSidebarGroup.js";
+import qe from "./components/PlSidebar/PlSidebarItem.js";
+import Je from "./components/PlChartHistogram/PlChartHistogram.js";
+import Ye from "./components/PlChartStackedBar/PlChartStackedBar.js";
+import Xe from "./components/PlChartStackedBar/PlChartStackedBarCompact.js";
+import Ze from "./components/PlRadio/PlRadio.js";
+import Qe from "./components/PlRadio/PlRadioGroup.js";
+import { categoricalColors as $e, magma as et, palettes as tt, viridis as nt } from "./colors/palette.js";
+import { Color as rt } from "./colors/color.js";
+import { Gradient as it, interpolateColor as at, normalizeGradient as ot } from "./colors/gradient.js";
+import { useComponentProp as st } from "./composition/useComponentProp.js";
+import { useConfirm as ct } from "./composition/useConfirm.js";
+import { useDraggable as lt } from "./composition/useDraggable.js";
+import { useFormState as ut } from "./composition/useFormState.js";
+import { useInterval as dt } from "./composition/useInterval.js";
+import { usePollingQuery as ft } from "./composition/usePollingQuery.js";
+import { useQuery as pt } from "./composition/useQuery.js";
+import { useScroll as mt } from "./composition/useScroll.js";
+import { useSortable as ht } from "./composition/useSortable.js";
+import { useSortable2 as gt } from "./composition/useSortable2.js";
+import { computedCached as _t } from "./composition/computedCached.js";
+import { filterUiMetadata as vt, getFilterUiMetadata as yt, getFilterUiTypeOptions as bt } from "./composition/filters/metadata.js";
+import { watchCached as xt } from "./composition/watchCached.js";
+import { icons16 as St } from "./generated/icons-16.js";
+import { icons24 as Ct } from "./generated/icons-24.js";
+var wt = { allCssVariables: I() };
+export { rt as Color, c as ContextProvider, r as DataTable, wt as DemoData, s as DropdownListItem, se as DropdownOverlay, it as Gradient, T as LongText, V as PL_PLACEHOLDER_TEXTS, Q as PlAccordion, re as PlAccordionSection, ie as PlAlert, le as PlAutocomplete, de as PlAutocompleteMulti, H as PlBlockPage, fe as PlBtnAccent, pe as PlBtnDanger, me as PlBtnGhost, he as PlBtnGroup, _e as PlBtnLink, ve as PlBtnPrimary, ge as PlBtnSecondary, $ as PlBtnSplit, Je as PlChartHistogram, Ye as PlChartStackedBar, Xe as PlChartStackedBarCompact, ye as PlCheckbox, be as PlCheckboxGroup, ue as PlChip, xe as PlCloseModalBtn, K as PlContainer, Se as PlDialogModal, Ce as PlDropdown, we as PlDropdownLegacy, Te as PlDropdownLine, Ee as PlDropdownMulti, De as PlDropdownMultiRef, Oe as PlDropdownRef, ke as PlEditableTitle, Ae as PlElementList, Z as PlErrorBoundary, Ue as PlFileDialog, We as PlFileInput, q as PlGrid, X as PlIcon16, R as PlIcon24, W as PlLoaderCircular, z as PlLoaderLogo, je as PlLogView, X as PlMaskIcon16, R as PlMaskIcon24, Ge as PlNotificationAlert, Me as PlNumberField, B as PlPlaceholder, Ne as PlProgressBar, Pe as PlProgressCell, Ie as PlPureSlideModal, Ze as PlRadio, Qe as PlRadioGroup, J as PlRow, Fe as PlSearchField, ne as PlSectionSeparator, Ke as PlSidebarGroup, qe as PlSidebarItem, Le as PlSlideModal, Y as PlSpacer, G as PlSplash, Re as PlStatusTag, L as PlSvg, ze as PlTabs, Be as PlTextArea, Ve as PlTextField, He as PlToggleSwitch, C as PlTooltip, N as Scrollable, w as Slider, P as SliderRange, F as SliderRangeTriple, o as ThemeSwitcher, l as animate, u as animateInfinite, d as call, $e as categoricalColors, _t as computedCached, f as delay, D as detectOutside, E as downloadContent, O as eventListener, vt as filterUiMetadata, k as getElementScrollPosition, yt as getFilterUiMetadata, bt as getFilterUiTypeOptions, St as icons16, Ct as icons24, at as interpolateColor, A as isElementVisible, p as listToOptions, et as magma, m as makeEaseInOut, h as makeEaseOut, ot as normalizeGradient, g as normalizeListOptions, tt as palettes, _ as randomInt, v as randomString, y as requestTick, j as scrollIntoView, ee as showContextMenu, b as throttle, x as timeout, S as useClickOutside, st as useComponentProp, ct as useConfirm, lt as useDraggable, te as useEventListener, ut as useFormState, t as useHover, dt as useInterval, ae as useLabelNotch, i as useLocalStorage, e as useMouse, n as useMouseCapture, U as usePlBlockPageTitleTeleportTarget, ft as usePollingQuery, oe as usePosition, pt as useQuery, M as useResizeObserver, mt as useScroll, ht as useSortable, gt as useSortable2, a as useTheme, ce as useWatchFetch, nt as viridis, xt as watchCached };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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\";\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"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,MAAMA,IAAW,EAAE,iBAAiBC,EAAA,EAAgB;"}
+{"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\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,IAAM,KAAW,EAAE,iBAAiB,GAAiB,EAAE"}

package/dist/layout/PlBlockPage/PlBlockPage.js

@@ -0,0 +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 }]]);
+export { r as default };
+
+//# sourceMappingURL=PlBlockPage.js.map

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

@@ -0,0 +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 class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters: props.noBodyGutters }\">\n    <div v-if=\"slots.title || props.title\" :class=\"styles.header\">\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\"><slot name=\"title\" /></span>\n          <span v-else>{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\">\n          <div ref=\"teleportTarget\" class=\"pl-block-page__title__append__teleport\" />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div v-if=\"subtitle !== undefined\" :class=\"styles.subtitle\">\n        <input v-model.lazy.trim=\"subtitle\" :placeholder=\"props.subtitlePlaceholder\" />\n        <PlIcon24 :class=\"styles.editIcon\" name=\"edit\" color=\"var(--ic-02)\" />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\">\n      <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\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

@@ -0,0 +1,8 @@
+import './PlBlockPage.vue.css';var e = {
+	header: "_header_19wcy_2",
+	subtitle: "_subtitle_19wcy_11",
+	editIcon: "_editIcon_19wcy_37"
+};
+export { e as default };
+
+//# sourceMappingURL=PlBlockPage.style.js.map

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

@@ -0,0 +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 class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters: props.noBodyGutters }\">\n    <div v-if=\"slots.title || props.title\" :class=\"styles.header\">\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\"><slot name=\"title\" /></span>\n          <span v-else>{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\">\n          <div ref=\"teleportTarget\" class=\"pl-block-page__title__append__teleport\" />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div v-if=\"subtitle !== undefined\" :class=\"styles.subtitle\">\n        <input v-model.lazy.trim=\"subtitle\" :placeholder=\"props.subtitlePlaceholder\" />\n        <PlIcon24 :class=\"styles.editIcon\" name=\"edit\" color=\"var(--ic-02)\" />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\">\n      <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\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.vue.css

@@ -0,0 +1 @@
+._header_19wcy_2{flex-direction:column;gap:2px;margin-block-end:-8px;padding:12px 24px;display:flex;overflow:hidden}._subtitle_19wcy_11{padding-inline-end:28px;display:flex}._subtitle_19wcy_11 input{anchor-name:--pl-block-page-subtitle;field-sizing:content;caret-color:var(--border-color-focus);color:var(--txt-01);letter-spacing:-.2px;text-overflow:ellipsis;border:none;outline:none;max-inline-size:100%;margin-block-end:-4px;padding:0;font-family:Manrope;font-size:20px;font-weight:500;line-height:28px}._subtitle_19wcy_11 input::placeholder{color:var(--txt-03)}._subtitle_19wcy_11 ._editIcon_19wcy_37{visibility:hidden;position-anchor:--pl-block-page-subtitle;position-area:center inline-end;position:fixed;inset-inline-start:4px}:is(._subtitle_19wcy_11:hover,._subtitle_19wcy_11:focus-within) ._editIcon_19wcy_37{visibility:visible}

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

@@ -1,89 +1,56 @@
-import { defineComponent as g, mergeModels as b, useSlots as h, useModel as k, useCssModule as P, computed as T, useTemplateRef as B, watchEffect as L, createElementBlock as o, openBlock as s, normalizeClass as i, createElementVNode as t, unref as l, createCommentVNode as E, renderSlot as r, toDisplayString as M, withDirectives as v, createVNode as y, vModelText as S, normalizeProps as C, guardReactiveProps as z, vShow as D, normalizeStyle as G } from "vue";
-import { PlBlockPageTitleTeleportTarget as N } from "./PlBlockPageTitleTeleportTarget.js";
-import './pl-block-page.css';/* empty css                   */
-import { PL_PLACEHOLDER_TEXTS as V } from "../PlPlaceholder/index.js";
-import $ from "../../components/PlIcon24/PlIcon24.vue.js";
-import w from "../PlPlaceholder/PlPlaceholder.vue.js";
-const I = { class: "pl-block-page__title" }, R = { class: "pl-block-page__title__default" }, A = { key: 0 }, O = { key: 1 }, H = { class: "pl-block-page__title__append" }, U = ["placeholder"], X = { key: 1 }, j = { class: "pl-block-page__body" }, q = {
-  name: "PlBlockPage"
-}, Z = /* @__PURE__ */ g({
-  ...q,
-  props: /* @__PURE__ */ b({
-    title: {},
-    subtitlePlaceholder: {},
-    noBodyGutters: { type: Boolean },
-    bodyLoading: {}
-  }, {
-    subtitle: {},
-    subtitleModifiers: {}
-  }),
-  emits: ["update:subtitle"],
-  setup(p) {
-    const u = h(), e = p, n = k(p, "subtitle"), d = P(), c = T(() => typeof e.bodyLoading == "string" ? { variant: e.bodyLoading, ...V.LOADING } : e.bodyLoading), _ = B("teleportTarget");
-    return L(() => {
-      N.value = _.value;
-    }), (a, m) => (s(), o("div", {
-      class: i(["pl-layout-component pl-block-page", { noBodyGutters: e.noBodyGutters }])
-    }, [
-      l(u).title || e.title ? (s(), o("div", {
-        key: 0,
-        class: i(l(d).header)
-      }, [
-        t("div", I, [
-          t("div", R, [
-            l(u).title ? (s(), o("span", A, [
-              r(a.$slots, "title")
-            ])) : (s(), o("span", O, M(e.title), 1)),
-            r(a.$slots, "after-title")
-          ]),
-          t("div", H, [
-            t("div", {
-              ref_key: "teleportTarget",
-              ref: _,
-              class: "pl-block-page__title__append__teleport"
-            }, null, 512),
-            r(a.$slots, "append")
-          ])
-        ]),
-        n.value !== void 0 ? (s(), o("div", {
-          key: 0,
-          class: i(l(d).subtitle)
-        }, [
-          v(t("input", {
-            "onUpdate:modelValue": m[0] || (m[0] = (f) => n.value = f),
-            placeholder: e.subtitlePlaceholder
-          }, null, 8, U), [
-            [
-              S,
-              n.value,
-              void 0,
-              {
-                lazy: !0,
-                trim: !0
-              }
-            ]
-          ]),
-          y(l($), {
-            class: i(l(d).editIcon),
-            name: "edit",
-            color: "var(--ic-02)"
-          }, null, 8, ["class"])
-        ], 2)) : E("", !0)
-      ], 2)) : (s(), o("div", X)),
-      t("div", j, [
-        v(y(l(w), C(z(c.value)), null, 16), [
-          [D, c.value]
-        ]),
-        t("div", {
-          style: G({ display: c.value ? "none" : "contents" })
-        }, [
-          r(a.$slots, "default")
-        ], 4)
-      ])
-    ], 2));
-  }
+import { PlBlockPageTitleTeleportTarget as e } from "./PlBlockPageTitleTeleportTarget.js";
+import './pl-block-page.css';/* empty css              */
+import t from "../../components/PlIcon24/PlIcon24.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, guardReactiveProps as u, mergeModels as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useCssModule as y, useModel as b, useSlots as x, useTemplateRef as S, vModelText as C, vShow as w, watchEffect as T, withDirectives as E } from "vue";
+var D = { class: "pl-block-page__title" }, O = { class: "pl-block-page__title__default" }, k = { key: 0 }, A = { key: 1 }, j = { class: "pl-block-page__title__append" }, M = ["placeholder"], N = { key: 1 }, P = { class: "pl-block-page__body" }, F = /* @__PURE__ */ l({
+	name: "PlBlockPage",
+	props: /* @__PURE__ */ d({
+		title: {},
+		subtitlePlaceholder: {},
+		noBodyGutters: { type: Boolean },
+		bodyLoading: {}
+	}, {
+		subtitle: {},
+		subtitleModifiers: {}
+	}),
+	emits: ["update:subtitle"],
+	setup(l) {
+		let d = x(), F = l, I = b(l, "subtitle"), L = y(), R = i(() => typeof F.bodyLoading == "string" ? {
+			variant: F.bodyLoading,
+			...r.LOADING
+		} : F.bodyLoading), z = S("teleportTarget");
+		return T(() => {
+			e.value = z.value;
+		}), (e, r) => (h(), o("div", { class: f(["pl-layout-component pl-block-page", { noBodyGutters: F.noBodyGutters }]) }, [v(d).title || F.title ? (h(), o("div", {
+			key: 0,
+			class: f(v(L).header)
+		}, [s("div", D, [s("div", O, [v(d).title ? (h(), o("span", k, [g(e.$slots, "title")])) : (h(), o("span", A, _(F.title), 1)), g(e.$slots, "after-title")]), s("div", j, [s("div", {
+			ref_key: "teleportTarget",
+			ref: z,
+			class: "pl-block-page__title__append__teleport"
+		}, null, 512), g(e.$slots, "append")])]), I.value === void 0 ? a("", !0) : (h(), o("div", {
+			key: 0,
+			class: f(v(L).subtitle)
+		}, [E(s("input", {
+			"onUpdate:modelValue": r[0] ||= (e) => I.value = e,
+			placeholder: F.subtitlePlaceholder
+		}, null, 8, M), [[
+			C,
+			I.value,
+			void 0,
+			{
+				lazy: !0,
+				trim: !0
+			}
+		]]), c(v(t), {
+			class: f(v(L).editIcon),
+			name: "edit",
+			color: "var(--ic-02)"
+		}, null, 8, ["class"])], 2))], 2)) : (h(), o("div", N)), s("div", P, [E(c(v(n), p(u(R.value)), null, 16), [[w, R.value]]), s("div", { style: m({ display: R.value ? "none" : "contents" }) }, [g(e.$slots, "default")], 4)])], 2));
+	}
 });
-export {
-  Z as default
-};
-//# sourceMappingURL=PlBlockPage.vue2.js.map
+export { F as default };
+
+//# sourceMappingURL=PlBlockPage.vue2.js.map