@milaboratories/uikit 2.15.43 → 2.16.1

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\";\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"}
+{"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"}

package/dist/layout/PlContainer/index.js

@@ -1 +1 @@
-import "./PlContainer.js";
+export { default as PlContainer } from "./PlContainer.js";

package/dist/layout/PlGrid/PlGrid.js

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

package/dist/layout/PlGrid/PlGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlGrid.js","names":[],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"PlGrid.js","names":["_sfc_main","PlGrid_vue_vue_type_script_setup_true_lang_default","PlGrid_default"],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/layout/PlGrid/PlGrid.vue2.js

@@ -1,6 +1,6 @@
 import './pl-grid.css';/* empty css        */
 import { computed as e, createElementBlock as t, defineComponent as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
-var o = /* @__PURE__ */ n({
+var o = /*@__PURE__*/ n({
 	name: "PlGrid",
 	props: { columns: {} },
 	setup(n) {
@@ -12,7 +12,6 @@ var o = /* @__PURE__ */ n({
 		}, [a(e.$slots, "default")], 4));
 	}
 });
-//#endregion
 export { o as default };
 
 //# sourceMappingURL=PlGrid.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlGrid.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;EAQR,IAAM,IAAQ,GAIR,IAAQ,SACL,EACL,qBAAqB,UAAU,EAAM,QAAQ,oBAC9C,EACD;yBAIA,EAEM,OAAA;GAFD,OAAM;GAA8B,eAAY;GAAW,OAAK,EAAE,EAAA,MAAK;MAC1E,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlGrid.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_renderSlot","PlGrid_vue_vue_type_script_setup_true_lang_default","props","__props","style","computed","openBlock","createElementBlock","normalizeStyle","renderSlot","_ctx"],"sources":["../../../src/layout/PlGrid/PlGrid.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Grid container */\nexport default {\n  name: \"PlGrid\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport \"./pl-grid.scss\";\n\nconst props = defineProps<{\n  columns: number;\n}>();\n\nconst style = computed(() => {\n  return {\n    gridTemplateColumns: `repeat(${props.columns}, minmax(0, 1fr))`,\n  };\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-grid\" data-testid=\"pl-grid\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;CAGE,MAAM;;;EAQR,IAAMK,IAAQC,GAIRC,IAAQC,SACL,EACL,qBAAqB,UAAUH,EAAM,QAAQ,mBAC/C,EACD;E,kBAICL,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAA8B,eAAY;GAAW,OAAKC,EAAEK,EAAA,KAAK;E,IAC1EJ,EAAQU,EAAA,QAAA,SAAA,C"}

package/dist/layout/PlGrid/index.js

@@ -1 +1 @@
-import "./PlGrid.js";
+export { default as PlGrid } from "./PlGrid.js";

package/dist/layout/PlPlaceholder/PlPlaceholder.js

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

package/dist/layout/PlPlaceholder/PlPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlPlaceholder.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlPlaceholder.js","names":["style0","_sfc_main","_plugin_vue_export_helper_default","PlPlaceholder_vue_vue_type_script_setup_true_lang_default","PlPlaceholder_vue_vue_type_style_index_0_lang_module_default","PlPlaceholder_default","\"$style\""],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlPlaceholder/PlPlaceholder.style.js

@@ -1,16 +1,16 @@
-import './PlPlaceholder.vue.css';var e = {
-	root: "_root_xfknp_2",
-	background: "_background_xfknp_10",
-	slide: "_slide_xfknp_1",
-	table: "_table_xfknp_19",
-	graph: "_graph_xfknp_22",
-	content: "_content_xfknp_27",
-	text: "_text_xfknp_37",
-	title: "_title_xfknp_47",
-	subtitle: "_subtitle_xfknp_55",
+import './PlPlaceholder.style.css';// src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=style&index=0&lang.module.css
+var e = "_root_xfknp_2", t = "_background_xfknp_10", n = "_slide_xfknp_1", r = "_table_xfknp_19", i = "_graph_xfknp_22", a = "_content_xfknp_27", o = "_text_xfknp_37", s = "_title_xfknp_47", c = "_subtitle_xfknp_55", l = {
+	root: e,
+	background: t,
+	slide: n,
+	table: r,
+	graph: i,
+	content: a,
+	text: o,
+	title: s,
+	subtitle: c,
 	"active-subtitle": "_active-subtitle_xfknp_1"
 };
-//#endregion
-export { e as default };
+export { t as background, a as content, l as default, i as graph, e as root, n as slide, c as subtitle, r as table, o as text, s as title };
 
 //# sourceMappingURL=PlPlaceholder.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlPlaceholder.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlPlaceholder.vue_vue_type_style_index_0_lang.module.js","names":["root","background","slide","table","graph","content","text","title","subtitle","PlPlaceholder_vue_vue_type_style_index_0_lang_module_default"],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":""}

package/dist/layout/PlPlaceholder/PlPlaceholder.vue2.js

@@ -1,13 +1,13 @@
 import e from "../../components/PlLoaderLogo.js";
 import t from "./paint-worklet.js";
 import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, useCssModule as p } from "vue";
-//#region src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=script&setup=true&lang.ts
+// src/layout/PlPlaceholder/PlPlaceholder.vue?vue&type=script&setup=true&lang.ts
 var m = {
 	key: 1,
 	"data-testid": "pl-placeholder-subtitle-item"
 }, h = new Blob([t], { type: "application/javascript" }), g = URL.createObjectURL(h);
 CSS.paintWorklet.addModule(g);
-var _ = /* @__PURE__ */ s({
+var _ = /*@__PURE__*/ s({
 	__name: "PlPlaceholder",
 	props: {
 		variant: {},
@@ -50,7 +50,6 @@ var _ = /* @__PURE__ */ s({
 		}, d(e), 1))), 128)) : (l(), i("span", m, d(s.subtitle), 1))], 2)) : r("", !0)], 2)) : r("", !0)], 2)], 2));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=PlPlaceholder.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlPlaceholder.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":";;;;;;;GAUM,IAAc,IAAI,KAAK,CAAC,EAAiB,EAAE,EAAE,MAAM,0BAA0B,CAAC,EAC9E,IAAa,IAAI,gBAAgB,EAAY;AAEjD,IAGA,aAAa,UAAU,EAAW;;;;;;;;;EAOpC,IAAM,IAAQ,GAER,IAAS,GAAc;yBAI3B,EAkCM,OAAA;GAlCD,eAAY;GAAkB,OAAK,EAAE,EAAA,EAAM,CAAC,KAAI;MACnD,EASE,OAAA;GARA,eAAY;GACX,OAAK,EAAA,CAAY,EAAA,EAAM,CAAC,YAAA;KAAiC,EAAA,EAAM,CAAC,QAAQ,EAAM,YAAO;KAAyB,EAAA,EAAM,CAAC,QAAQ,EAAM,YAAO;;eAQ7I,EAsBM,OAAA;GAtBD,eAAY;GAA0B,OAAK,EAAE,EAAA,EAAM,CAAC,QAAO;MAC9D,EAA6F,GAAA;GAA/E,eAAY;GAAyB,MAAM;GAAI,OAAM;MAE3D,EAAM,SAAS,EAAM,YAAA,GAAA,EAD7B,EAmBM,OAAA;;GAjBJ,eAAY;GACX,OAAK,EAAE,EAAA,EAAM,CAAC,KAAI;MAER,EAAM,SAAA,GAAA,EAAjB,EAEM,OAAA;;GAFkB,eAAY;GAAwB,OAAK,EAAE,EAAA,EAAM,CAAC,MAAK;OAC1E,EAAM,MAAK,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,EAEL,EAAM,YAAA,GAAA,EAAjB,EAUM,OAAA;;GAVqB,eAAY;GAA2B,OAAK,EAAE,EAAA,EAAM,CAAC,SAAQ;MACtE,MAAM,QAAQ,EAAM,SAAQ,IAAA,EAAA,GAAA,EAC1C,EAKC,GAAA,EAAA,KAAA,GAAA,EAAA,EAJuB,EAAM,WAApB,GAAM,YADhB,EAKC,QAAA;GAHE;GACD,eAAY;OACR,EAAI,EAAA,EAAA,kBAGZ,EAAmF,QAAnF,GAAmF,EAAxB,EAAM,SAAQ,EAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"PlPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["paintWorkletCode","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","PlLoaderLogo","_toDisplayString","_createCommentVNode","_Fragment","_renderList","PlLoaderLogo_default","paint_worklet_default","_hoisted_1","workletBlob","workletUrl","PlPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","styles","useCssModule","openBlock","createElementBlock","normalizeClass","unref","createElementVNode","createVNode","toDisplayString","createCommentVNode","Fragment","renderList","item"],"sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"sourcesContent":["<script lang=\"ts\">\nimport paintWorkletCode from \"./paint-worklet.js?raw\";\n\nexport interface PlPlaceholderProps {\n  variant?: \"table\" | \"graph\";\n  title?: string;\n  subtitle?: string | string[];\n}\n\n// Register paint worklet once at module load (uses blob URL to comply with CSP)\nconst workletBlob = new Blob([paintWorkletCode], { type: \"application/javascript\" });\nconst workletUrl = URL.createObjectURL(workletBlob);\n(\n  CSS as unknown as {\n    paintWorklet: { addModule: (url: string) => void };\n  }\n).paintWorklet.addModule(workletUrl);\n</script>\n\n<script setup lang=\"ts\">\nimport { useCssModule } from \"vue\";\nimport PlLoaderLogo from \"../../components/PlLoaderLogo.vue\";\n\nconst props = defineProps<PlPlaceholderProps>();\n\nconst styles = useCssModule();\n</script>\n\n<template>\n  <div data-testid=\"pl-placeholder\" :class=\"styles.root\">\n    <div\n      data-testid=\"pl-placeholder-background\"\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div data-testid=\"pl-placeholder-content\" :class=\"styles.content\">\n      <PlLoaderLogo data-testid=\"pl-placeholder-loader\" :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div\n        v-if=\"props.title || props.subtitle\"\n        data-testid=\"pl-placeholder-text\"\n        :class=\"styles.text\"\n      >\n        <div v-if=\"props.title\" data-testid=\"pl-placeholder-title\" :class=\"styles.title\">\n          {{ props.title }}\n        </div>\n        <div v-if=\"props.subtitle\" data-testid=\"pl-placeholder-subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span\n              v-for=\"(item, key) of props.subtitle\"\n              :key\n              data-testid=\"pl-placeholder-subtitle-item\"\n              >{{ item }}</span\n            >\n          </template>\n          <span v-else data-testid=\"pl-placeholder-subtitle-item\">{{ props.subtitle }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.root {\n  block-size: 100%;\n  inline-size: 100%;\n  position: relative;\n  user-select: none;\n  background-color: var(--bg-elevated-01);\n}\n\n.background {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  mask: linear-gradient(transparent 35%, #000 40% 60%, transparent 65%);\n  mask-size: 100% 300%;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: slide;\n  &.table {\n    background-image: paint(pl-placeholder-table-skeleton);\n  }\n  &.graph {\n    background-image: paint(pl-placeholder-graph-skeleton);\n  }\n}\n\n.content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  -webkit-text-stroke-color: white;\n  -webkit-text-stroke-width: 4px;\n  paint-order: stroke;\n}\n\n.title {\n  color: var(--txt-03);\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 24px;\n  letter-spacing: -0.2px;\n}\n\n.subtitle {\n  color: var(--txt-03);\n  font-weight: 500;\n  line-height: 20px;\n  display: grid;\n  span {\n    grid-area: 1 / 1;\n    text-align: center;\n    animation-name: active-subtitle;\n    animation-duration: calc(6s * sibling-count());\n    animation-iteration-count: infinite;\n    animation-timing-function: steps(sibling-count(), jump-none);\n    visibility: if(\n      style(--pl-placeholder-active-subtitle: sibling-index()): visible; else: hidden;\n    );\n  }\n}\n\n@keyframes slide {\n  from {\n    mask-position: 0 100%;\n  }\n}\n\n@keyframes active-subtitle {\n  from {\n    --pl-placeholder-active-subtitle: 1;\n  }\n  to {\n    --pl-placeholder-active-subtitle: sibling-count();\n  }\n}\n\n@property --pl-placeholder-active-subtitle {\n  syntax: \"<number>\";\n  inherits: false;\n  initial-value: 1;\n}\n</style>\n"],"mappings":";;;;;;;A,GAUMe,IAAc,IAAI,KAAK,CAACf,CAAgB,GAAG,EAAE,MAAM,yBAAyB,CAAC,GAC7EgB,IAAa,IAAI,gBAAgBD,CAAW;AAEhD,IAGA,aAAa,UAAUC,CAAU;;;;;;;;;EAOnC,IAAME,IAAQC,GAERC,IAASC,EAAa;E,kBAI1BpB,EAAA,GAAAC,EAkCM,OAAA;GAlCD,eAAY;GAAkB,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,IAAI;E,IACnDf,EASE,OAAA;GARA,eAAY;GACX,OAAKF,EAAA,CAAYC,EAAAgB,CAAA,CAAM,CAAC,Y;KAAiChB,EAAAgB,CAAA,CAAM,CAAC,QAAQF,EAAM,YAAO;KAAyBd,EAAAgB,CAAA,CAAM,CAAC,QAAQF,EAAM,YAAO;;E,aAQ7Ib,EAsBM,OAAA;GAtBD,eAAY;GAA0B,OAAKF,EAAEC,EAAAgB,CAAA,CAAM,CAAC,OAAO;E,IAC9Dd,EAA6FC,GAAA;GAA/E,eAAY;GAAyB,MAAM;GAAI,OAAM;E,IAE3DW,EAAM,SAASA,EAAM,YAD7BjB,EAAA,GAAAC,EAmBM,OAAA;;GAjBJ,eAAY;GACX,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,IAAI;E,IAERF,EAAM,SAAjBjB,EAAA,GAAAC,EAEM,OAAA;;GAFkB,eAAY;GAAwB,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,KAAK;EAC1E,GAAAZ,EAAAU,EAAM,KAAK,GAAA,CAAA,K,WAELA,EAAM,YAAjBjB,EAAA,GAAAC,EAUM,OAAA;;GAVqB,eAAY;GAA2B,OAAKC,EAAEC,EAAAgB,CAAA,CAAM,CAAC,QAAQ;E,IACtE,MAAM,QAAQF,EAAM,QAAQ,KAC1CjB,EAAA,EAAA,GAAAC,EAKCQ,GAAA,EAAA,KAAA,EAAA,GAAAC,EAJuBO,EAAM,WAApB,GAAM,OADhBjB,EAAA,GAAAC,EAKC,QAAA;GAHE;GACD,eAAY;EACR,GAAAM,EAAAwB,CAAI,GAAA,CAAA,E,YAGZ/B,EAAA,GAAAC,EAAmF,QAAnFY,GAAmFN,EAAxBU,EAAM,QAAQ,GAAA,CAAA,E"}

package/dist/layout/PlPlaceholder/index.js

@@ -1,6 +1,6 @@
-import "./PlPlaceholder.js";
-//#region src/layout/PlPlaceholder/index.ts
-var e = {
+import e from "./PlPlaceholder.js";
+// src/layout/PlPlaceholder/index.ts
+var t = {
 	LOADING: {
 		title: "Loading data...",
 		subtitle: [
@@ -20,7 +20,6 @@ var e = {
 		]
 	}
 };
-//#endregion
-export { e as PL_PLACEHOLDER_TEXTS };
+export { t as PL_PLACEHOLDER_TEXTS, e as PlPlaceholder };
 
 //# sourceMappingURL=index.js.map

package/dist/layout/PlPlaceholder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n  LOADING: {\n    title: \"Loading data...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to load\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Loading may take minutes to hours\",\n    ],\n  },\n  RUNNING: {\n    title: \"Running analysis...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to process\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Processing may take minutes to hours\",\n    ],\n  },\n};\n"],"mappings":";;AAEA,IAAa,IAAuB;CAClC,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;GACD;EACF;CACD,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;GACD;EACF;CACF"}
+{"version":3,"file":"index.js","names":["PlPlaceholder_default","PL_PLACEHOLDER_TEXTS"],"sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export { type PlPlaceholderProps, default as PlPlaceholder } from \"./PlPlaceholder.vue\";\n\nexport const PL_PLACEHOLDER_TEXTS = {\n  LOADING: {\n    title: \"Loading data...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to load\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Loading may take minutes to hours\",\n    ],\n  },\n  RUNNING: {\n    title: \"Running analysis...\",\n    subtitle: [\n      \"No action needed—the job is active\",\n      \"Larger datasets take longer to process\",\n      \"Results will appear here as soon as they’re ready\",\n      \"Processing may take minutes to hours\",\n    ],\n  },\n};\n"],"mappings":";;AAEA,IAAaC,IAAuB;CAClC,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;EACF;CACF;CACA,SAAS;EACP,OAAO;EACP,UAAU;GACR;GACA;GACA;GACA;EACF;CACF;AACF"}

package/dist/layout/PlPlaceholder/paint-worklet.js

@@ -1,6 +1,5 @@
-//#region src/layout/PlPlaceholder/paint-worklet.js?raw
+// src/layout/PlPlaceholder/paint-worklet.js?raw
 var e = "registerPaint(\n  \"pl-placeholder-table-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const headerHeight = 42;\n      const headerWidth = 48;\n\n      ctx.fillStyle = \"#F7F8FA\";\n\n      // headers\n      {\n        const path = new Path2D();\n        path.lineTo(width, 0);\n        path.lineTo(width, headerHeight);\n        path.lineTo(headerWidth, headerHeight);\n        path.lineTo(headerWidth, height);\n        path.lineTo(0, height);\n        path.lineTo(0, 0);\n        ctx.fill(path);\n      }\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      const columnWidth = (width - headerWidth) / 6;\n      for (\n        let horizontalPosition = headerWidth;\n        horizontalPosition < width;\n        horizontalPosition += columnWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = headerHeight;\n        verticalPosition < height;\n        verticalPosition += headerHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(0, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n\nregisterPaint(\n  \"pl-placeholder-graph-skeleton\",\n  class {\n    /**\n     * @param {CanvasRenderingContext2D} ctx\n     * @param {Object} size\n     * @param {number} size.width\n     * @param {number} size.height\n     */\n    paint(ctx, { width, height }) {\n      const padding = 6;\n      const cellWidth = 100;\n      const cellHeight = 60;\n\n      ctx.strokeStyle = \"#E1E3EB\";\n\n      // vertical lines\n      for (\n        let horizontalPosition = cellWidth + padding;\n        horizontalPosition <= width;\n        horizontalPosition += cellWidth\n      ) {\n        const path = new Path2D();\n        path.moveTo(horizontalPosition, 0);\n        path.lineTo(horizontalPosition, height - padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal lines\n      for (\n        let verticalPosition = height - padding - cellHeight;\n        verticalPosition >= 0;\n        verticalPosition -= cellHeight\n      ) {\n        const path = new Path2D();\n        path.moveTo(padding, verticalPosition);\n        path.lineTo(width, verticalPosition);\n        ctx.stroke(path);\n      }\n\n      ctx.strokeStyle = \"#110529\";\n\n      // vertical arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(padding, 0);\n        path.lineTo(0, padding);\n        path.moveTo(padding, 0);\n        path.lineTo(padding * 2, padding);\n        ctx.stroke(path);\n      }\n\n      // horizontal arrow\n      {\n        const path = new Path2D();\n        path.moveTo(padding, height - padding);\n        path.lineTo(width, height - padding);\n        path.lineTo(width - padding, height - padding * 2);\n        path.moveTo(width, height - padding);\n        path.lineTo(width - padding, height);\n        ctx.stroke(path);\n      }\n    }\n  },\n);\n";
-//#endregion
 export { e as default };
 
 //# sourceMappingURL=paint-worklet.js.map

package/dist/layout/PlPlaceholder/paint-worklet.js.map

@@ -1 +1 @@
-{"version":3,"file":"paint-worklet.js","names":[],"sources":["../../../src/layout/PlPlaceholder/paint-worklet.js?raw"],"sourcesContent":["export default \"registerPaint(\\n  \\\"pl-placeholder-table-skeleton\\\",\\n  class {\\n    /**\\n     * @param {CanvasRenderingContext2D} ctx\\n     * @param {Object} size\\n     * @param {number} size.width\\n     * @param {number} size.height\\n     */\\n    paint(ctx, { width, height }) {\\n      const headerHeight = 42;\\n      const headerWidth = 48;\\n\\n      ctx.fillStyle = \\\"#F7F8FA\\\";\\n\\n      // headers\\n      {\\n        const path = new Path2D();\\n        path.lineTo(width, 0);\\n        path.lineTo(width, headerHeight);\\n        path.lineTo(headerWidth, headerHeight);\\n        path.lineTo(headerWidth, height);\\n        path.lineTo(0, height);\\n        path.lineTo(0, 0);\\n        ctx.fill(path);\\n      }\\n\\n      ctx.strokeStyle = \\\"#E1E3EB\\\";\\n\\n      // vertical lines\\n      const columnWidth = (width - headerWidth) / 6;\\n      for (\\n        let horizontalPosition = headerWidth;\\n        horizontalPosition < width;\\n        horizontalPosition += columnWidth\\n      ) {\\n        const path = new Path2D();\\n        path.moveTo(horizontalPosition, 0);\\n        path.lineTo(horizontalPosition, height);\\n        ctx.stroke(path);\\n      }\\n\\n      // horizontal lines\\n      for (\\n        let verticalPosition = headerHeight;\\n        verticalPosition < height;\\n        verticalPosition += headerHeight\\n      ) {\\n        const path = new Path2D();\\n        path.moveTo(0, verticalPosition);\\n        path.lineTo(width, verticalPosition);\\n        ctx.stroke(path);\\n      }\\n    }\\n  },\\n);\\n\\nregisterPaint(\\n  \\\"pl-placeholder-graph-skeleton\\\",\\n  class {\\n    /**\\n     * @param {CanvasRenderingContext2D} ctx\\n     * @param {Object} size\\n     * @param {number} size.width\\n     * @param {number} size.height\\n     */\\n    paint(ctx, { width, height }) {\\n      const padding = 6;\\n      const cellWidth = 100;\\n      const cellHeight = 60;\\n\\n      ctx.strokeStyle = \\\"#E1E3EB\\\";\\n\\n      // vertical lines\\n      for (\\n        let horizontalPosition = cellWidth + padding;\\n        horizontalPosition <= width;\\n        horizontalPosition += cellWidth\\n      ) {\\n        const path = new Path2D();\\n        path.moveTo(horizontalPosition, 0);\\n        path.lineTo(horizontalPosition, height - padding);\\n        ctx.stroke(path);\\n      }\\n\\n      // horizontal lines\\n      for (\\n        let verticalPosition = height - padding - cellHeight;\\n        verticalPosition >= 0;\\n        verticalPosition -= cellHeight\\n      ) {\\n        const path = new Path2D();\\n        path.moveTo(padding, verticalPosition);\\n        path.lineTo(width, verticalPosition);\\n        ctx.stroke(path);\\n      }\\n\\n      ctx.strokeStyle = \\\"#110529\\\";\\n\\n      // vertical arrow\\n      {\\n        const path = new Path2D();\\n        path.moveTo(padding, height - padding);\\n        path.lineTo(padding, 0);\\n        path.lineTo(0, padding);\\n        path.moveTo(padding, 0);\\n        path.lineTo(padding * 2, padding);\\n        ctx.stroke(path);\\n      }\\n\\n      // horizontal arrow\\n      {\\n        const path = new Path2D();\\n        path.moveTo(padding, height - padding);\\n        path.lineTo(width, height - padding);\\n        path.lineTo(width - padding, height - padding * 2);\\n        path.moveTo(width, height - padding);\\n        path.lineTo(width - padding, height);\\n        ctx.stroke(path);\\n      }\\n    }\\n  },\\n);\\n\""],"mappings":";AAAA,IAAA,IAAe"}
+{"version":3,"file":"paint-worklet.js","names":["paint_worklet_default"],"sources":[],"mappings":""}