@milaboratories/uikit 2.10.14 → 2.10.16

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './assets/ui.scss';\n\n// @TODO review\nimport * as DataTable from './components/DataTable';\nimport ThemeSwitcher from './components/ThemeSwitcher.vue';\n// @TODO review (may be private)\nimport DropdownListItem from './components/DropdownListItem.vue';\n\n// @TODO review\nimport ContextProvider from './components/ContextProvider.vue';\nimport Slider from './components/Slider.vue';\nimport { showContextMenu } from './components/contextMenu';\n// for new version\nimport LongText from './components/LongText.vue';\nimport Scrollable from './components/Scrollable.vue';\nimport SliderRange from './components/SliderRange.vue';\nimport SliderRangeTriple from './components/SliderRangeTriple.vue';\n\nimport { allCssVariables } from './demo-site-data/all-css-variables.ts';\n\n/**\n * Layout components\n */\n\nexport * from './layout/PlBlockPage';\nexport * from './layout/PlContainer';\nexport * from './layout/PlGrid';\nexport * from './layout/PlPlaceholder';\nexport * from './layout/PlRow';\nexport * from './layout/PlSpacer';\n\n/**\n * Components\n */\nexport * from './components/PlErrorBoundary';\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from './components/PlAccordion';\nexport * from './components/PlAlert';\nexport * from './components/PlAutocomplete';\nexport * from './components/PlAutocompleteMulti';\nexport * from './components/PlBtnAccent';\nexport * from './components/PlBtnDanger';\nexport * from './components/PlBtnGhost';\nexport * from './components/PlBtnGroup';\nexport * from './components/PlBtnLink';\nexport * from './components/PlBtnPrimary';\nexport * from './components/PlBtnSecondary';\nexport * from './components/PlBtnSplit';\nexport * from './components/PlCheckbox';\nexport * from './components/PlCheckboxGroup';\nexport * from './components/PlChip';\nexport * from './components/PlDialogModal';\nexport * from './components/PlDropdown';\nexport * from './components/PlDropdownLegacy';\nexport * from './components/PlDropdownLine';\nexport * from './components/PlDropdownMulti';\nexport * from './components/PlDropdownMultiRef';\nexport * from './components/PlDropdownRef';\nexport * from './components/PlEditableTitle';\nexport * from './components/PlElementList';\nexport * from './components/PlLoaderCircular';\nexport * from './components/PlLogView';\nexport * from './components/PlNumberField';\nexport * from './components/PlProgressBar';\nexport * from './components/PlProgressCell';\nexport * from './components/PlSearchField';\nexport * from './components/PlSectionSeparator';\nexport * from './components/PlSlideModal';\nexport * from './components/PlSplash';\nexport * from './components/PlStatusTag';\nexport * from './components/PlTabs';\nexport * from './components/PlTextArea';\nexport * from './components/PlTextField';\nexport * from './components/PlToggleSwitch';\nexport * from './components/PlTooltip';\n\nexport * from './components/PlFileDialog';\nexport * from './components/PlFileInput';\nexport * from './components/PlNotificationAlert';\n\nexport * from './components/PlSidebar';\n\nexport * from './components/PlIcon16';\nexport * from './components/PlIcon24';\nexport * from './components/PlMaskIcon16';\nexport * from './components/PlMaskIcon24';\nexport * from './components/PlSvg';\n\nexport * from './components/PlChartHistogram';\nexport * from './components/PlChartStackedBar';\n\nexport * from './components/PlRadio';\n\nexport { default as PlLoaderLogo } from './components/PlLoaderLogo.vue';\n\nexport * from './colors';\n\n/**\n * Usables\n */\nexport { useClickOutside } from './composition/useClickOutside';\nexport { useComponentProp } from './composition/useComponentProp';\nexport { useConfirm } from './composition/useConfirm';\nexport { useDraggable } from './composition/useDraggable';\nexport { useEventListener } from './composition/useEventListener';\nexport { useFormState } from './composition/useFormState';\nexport { useHover } from './composition/useHover';\nexport { useInterval } from './composition/useInterval';\nexport { usePollingQuery } from './composition/usePollingQuery';\nexport { useLocalStorage } from './composition/useLocalStorage';\nexport { useMouse } from './composition/useMouse';\nexport { useMouseCapture } from './composition/useMouseCapture';\nexport { useElementPosition as usePosition } from './composition/usePosition';\nexport { useQuery } from './composition/useQuery.ts';\nexport { useResizeObserver } from './composition/useResizeObserver';\nexport { useScroll } from './composition/useScroll';\nexport { useSortable } from './composition/useSortable';\nexport { useSortable2 } from './composition/useSortable2';\nexport { useTheme } from './composition/useTheme';\n\nexport * from './composition/computedCached';\nexport * from './composition/filters';\nexport * from './composition/useWatchFetch';\nexport * from './composition/watchCached';\n\n/**\n * Utils/Partials\n */\n\nexport * from './utils/DropdownOverlay';\nexport { default as PlCloseModalBtn } from './utils/PlCloseModalBtn.vue';\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from './utils/useLabelNotch.ts';\n\nexport type * from './types';\n\nexport { icons16, icons24 } from './types';\n\nexport * from './helpers/dom';\n\nexport * from './helpers/utils';\n\n/**\n * @TODO review\n */\nexport { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,MAAMA,IAAW,EAAE,iBAAiBC,EAAA,EAAgB;"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import \"./assets/ui.scss\";\n\n// @TODO review\nimport * as DataTable from \"./components/DataTable\";\nimport ThemeSwitcher from \"./components/ThemeSwitcher.vue\";\n// @TODO review (may be private)\nimport DropdownListItem from \"./components/DropdownListItem.vue\";\n\n// @TODO review\nimport ContextProvider from \"./components/ContextProvider.vue\";\nimport Slider from \"./components/Slider.vue\";\nimport { showContextMenu } from \"./components/contextMenu\";\n// for new version\nimport LongText from \"./components/LongText.vue\";\nimport Scrollable from \"./components/Scrollable.vue\";\nimport SliderRange from \"./components/SliderRange.vue\";\nimport SliderRangeTriple from \"./components/SliderRangeTriple.vue\";\n\nimport { allCssVariables } from \"./demo-site-data/all-css-variables.ts\";\n\n/**\n * Layout components\n */\n\nexport * from \"./layout/PlBlockPage\";\nexport * from \"./layout/PlContainer\";\nexport * from \"./layout/PlGrid\";\nexport * from \"./layout/PlPlaceholder\";\nexport * from \"./layout/PlRow\";\nexport * from \"./layout/PlSpacer\";\n\n/**\n * Components\n */\nexport * from \"./components/PlErrorBoundary\";\n// export * from './components/PlErrorAlert'; // @TODO discuss if we should export it\nexport * from \"./components/PlAccordion\";\nexport * from \"./components/PlAlert\";\nexport * from \"./components/PlAutocomplete\";\nexport * from \"./components/PlAutocompleteMulti\";\nexport * from \"./components/PlBtnAccent\";\nexport * from \"./components/PlBtnDanger\";\nexport * from \"./components/PlBtnGhost\";\nexport * from \"./components/PlBtnGroup\";\nexport * from \"./components/PlBtnLink\";\nexport * from \"./components/PlBtnPrimary\";\nexport * from \"./components/PlBtnSecondary\";\nexport * from \"./components/PlBtnSplit\";\nexport * from \"./components/PlCheckbox\";\nexport * from \"./components/PlCheckboxGroup\";\nexport * from \"./components/PlChip\";\nexport * from \"./components/PlDialogModal\";\nexport * from \"./components/PlDropdown\";\nexport * from \"./components/PlDropdownLegacy\";\nexport * from \"./components/PlDropdownLine\";\nexport * from \"./components/PlDropdownMulti\";\nexport * from \"./components/PlDropdownMultiRef\";\nexport * from \"./components/PlDropdownRef\";\nexport * from \"./components/PlEditableTitle\";\nexport * from \"./components/PlElementList\";\nexport * from \"./components/PlLoaderCircular\";\nexport * from \"./components/PlLogView\";\nexport * from \"./components/PlNumberField\";\nexport * from \"./components/PlProgressBar\";\nexport * from \"./components/PlProgressCell\";\nexport * from \"./components/PlSearchField\";\nexport * from \"./components/PlSectionSeparator\";\nexport * from \"./components/PlSlideModal\";\nexport * from \"./components/PlSplash\";\nexport * from \"./components/PlStatusTag\";\nexport * from \"./components/PlTabs\";\nexport * from \"./components/PlTextArea\";\nexport * from \"./components/PlTextField\";\nexport * from \"./components/PlToggleSwitch\";\nexport * from \"./components/PlTooltip\";\n\nexport * from \"./components/PlFileDialog\";\nexport * from \"./components/PlFileInput\";\nexport * from \"./components/PlNotificationAlert\";\n\nexport * from \"./components/PlSidebar\";\n\nexport * from \"./components/PlIcon16\";\nexport * from \"./components/PlIcon24\";\nexport * from \"./components/PlMaskIcon16\";\nexport * from \"./components/PlMaskIcon24\";\nexport * from \"./components/PlSvg\";\n\nexport * from \"./components/PlChartHistogram\";\nexport * from \"./components/PlChartStackedBar\";\n\nexport * from \"./components/PlRadio\";\n\nexport { default as PlLoaderLogo } from \"./components/PlLoaderLogo.vue\";\n\nexport * from \"./colors\";\n\n/**\n * Usables\n */\nexport { useClickOutside } from \"./composition/useClickOutside\";\nexport { useComponentProp } from \"./composition/useComponentProp\";\nexport { useConfirm } from \"./composition/useConfirm\";\nexport { useDraggable } from \"./composition/useDraggable\";\nexport { useEventListener } from \"./composition/useEventListener\";\nexport { useFormState } from \"./composition/useFormState\";\nexport { useHover } from \"./composition/useHover\";\nexport { useInterval } from \"./composition/useInterval\";\nexport { usePollingQuery } from \"./composition/usePollingQuery\";\nexport { useLocalStorage } from \"./composition/useLocalStorage\";\nexport { useMouse } from \"./composition/useMouse\";\nexport { useMouseCapture } from \"./composition/useMouseCapture\";\nexport { useElementPosition as usePosition } from \"./composition/usePosition\";\nexport { useQuery } from \"./composition/useQuery.ts\";\nexport { useResizeObserver } from \"./composition/useResizeObserver\";\nexport { useScroll } from \"./composition/useScroll\";\nexport { useSortable } from \"./composition/useSortable\";\nexport { useSortable2 } from \"./composition/useSortable2\";\nexport { useTheme } from \"./composition/useTheme\";\n\nexport * from \"./composition/computedCached\";\nexport * from \"./composition/filters\";\nexport * from \"./composition/useWatchFetch\";\nexport * from \"./composition/watchCached\";\n\n/**\n * Utils/Partials\n */\n\nexport * from \"./utils/DropdownOverlay\";\nexport { default as PlCloseModalBtn } from \"./utils/PlCloseModalBtn.vue\";\n\n/**\n * Technical\n * @TODO move it from here maybe\n */\nexport { useLabelNotch } from \"./utils/useLabelNotch.ts\";\n\nexport type * from \"./types\";\n\nexport { icons16, icons24 } from \"./types\";\n\nexport * from \"./helpers/dom\";\n\nexport * from \"./helpers/utils\";\n\n/**\n * @TODO review\n */\nexport { ContextProvider, DataTable, DropdownListItem, Slider, ThemeSwitcher };\n\n// Helpers\nexport { showContextMenu };\n\n// move to new version pl-uikit\nexport { LongText, Scrollable, SliderRange, SliderRangeTriple };\n\n// @todo\nconst DemoData = { allCssVariables: allCssVariables() };\nexport { DemoData };\n"],"names":["DemoData","allCssVariables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JA,MAAMA,IAAW,EAAE,iBAAiBC,EAAA,EAAgB;"}

package/dist/layout/PlBlockPage/PlBlockPage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"AA+IA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,kBAAkB,EAAuC,MAAM,kBAAkB,CAAC;AAGhG,gCAAgC;;eA8CnB,MAAM;;IAzCjB;;OAEG;YACK,MAAM;IACd;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;;;eA0BrD,MAAM;;IAzCjB;;OAEG;YACK,MAAM;IACd;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;;;;;mBAiIvC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACD,GAAG;;AAvJjC,wBAsMK;AAgBL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlBlockPage.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"names":[],"mappings":"AA0IA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,KAAK,kBAAkB,EAAuC,MAAM,kBAAkB,CAAC;AAGhG,gCAAgC;;eA8CnB,MAAM;;IAzCjB;;OAEG;YACK,MAAM;IACd;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;;;eA0BrD,MAAM;;IAzCjB;;OAEG;YACK,MAAM;IACd;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;oBACa,OAAO;IACvB;;OAEG;kBACW,kBAAkB,CAAC,SAAS,CAAC,GAAG,kBAAkB;;;;;;mBAiIvC,GAAG;2BACK,GAAG;oBACV,GAAG;qBACD,GAAG;;AAvJjC,wBAsMK;AAgBL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlBlockPage.vue2.js","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: 'PlBlockPage',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from 'vue';\nimport { PlBlockPageTitleTeleportTarget } from './PlBlockPageTitleTeleportTarget';\nimport './pl-block-page.scss';\nimport { PlIcon24 } from '../../components/PlIcon24';\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from '../PlPlaceholder';\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps['variant'] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>('subtitle');\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === 'string') {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef('teleportTarget');\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters: props.noBodyGutters }\">\n    <div v-if=\"slots.title || props.title\" :class=\"styles.header\">\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\"><slot name=\"title\" /></span>\n          <span v-else>{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\">\n          <div\n            ref=\"teleportTarget\"\n            class=\"pl-block-page__title__append__teleport\"\n          />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div v-if=\"subtitle !== undefined\" :class=\"styles.subtitle\">\n        <input\n          v-model.lazy.trim=\"subtitle\"\n          :placeholder=\"props.subtitlePlaceholder\"\n        />\n        <PlIcon24 :class=\"styles.editIcon\" name=\"edit\" color=\"var(--ic-02)\" />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\">\n      <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover, &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"names":["__default__","slots","useSlots","props","__props","subtitle","_useModel","styles","useCssModule","loadingPlaceholder","computed","PL_PLACEHOLDER_TEXTS","teleportTarget","useTemplateRef","watchEffect","PlBlockPageTitleTeleportTarget","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","_hoisted_4","_toDisplayString","_hoisted_5","$event","_createVNode","PlIcon24","_hoisted_7","_hoisted_8","_withDirectives"],"mappings":";;;;;;uPAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GAERC,IAAQC,GAoBRC,IAAWC,KAAoB,UAAU,GAEzCC,IAASC,EAAA,GAETC,IAAqBC,EAAyC,MAC9D,OAAOP,EAAM,eAAgB,WACxB,EAAE,SAASA,EAAM,aAAa,GAAGQ,EAAqB,QAAA,IAExDR,EAAM,WACd,GAEKS,IAAiBC,EAAe,gBAAgB;AAEtD,WAAAC,EAAY,MAAM;AAChB,MAAAC,EAA+B,QAAQH,EAAe;AAAA,IACxD,CAAC,mBAICI,EA+BM,OAAA;AAAA,MA/BD,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAA0Bd,EAAM,eAAa,CAAA;AAAA,IAAA;MAC9Ee,EAAAjB,CAAA,EAAM,SAASE,EAAM,cAAhCa,EAsBM,OAAA;AAAA;QAtBkC,OAAKC,EAAEC,EAAAX,CAAA,EAAO,MAAM;AAAA,MAAA;QAC1DY,EAaM,OAbNC,GAaM;AAAA,UAZJD,EAIM,OAJNE,GAIM;AAAA,YAHQH,EAAAjB,CAAA,EAAM,cAAlBe,EAAqD,QAAAM,GAAA;AAAA,cAA5BC,EAAqBC,EAAA,QAAA,OAAA;AAAA,YAAA,YAC9CR,EAAqC,QAAAS,GAAAC,EAArBvB,EAAM,KAAK,GAAA,CAAA;AAAA,YAC3BoB,EAA2BC,EAAA,QAAA,aAAA;AAAA,UAAA;UAE7BL,EAMM,OANNQ,GAMM;AAAA,YALJR,EAGE,OAAA;AAAA,uBAFI;AAAA,cAAJ,KAAIP;AAAA,cACJ,OAAM;AAAA,YAAA;YAERW,EAAsBC,EAAA,QAAA,QAAA;AAAA,UAAA;;QAGfnB,EAAA,UAAa,eAAxBW,EAMM,OAAA;AAAA;UAN8B,OAAKC,EAAEC,EAAAX,CAAA,EAAO,QAAQ;AAAA,QAAA;YACxDY,EAGE,SAAA;AAAA,0DAFmBd,EAAQ,QAAAuB;AAAA,YAC1B,aAAazB,EAAM;AAAA,UAAA;;;cADDE,EAAA;AAAA;;gBAAX,MAAR;AAAA,gBAAa,MAAb;AAAA,cAAA;AAAA;;UAGFwB,EAAsEX,EAAAY,CAAA,GAAA;AAAA,YAA3D,OAAKb,EAAEC,EAAAX,CAAA,EAAO,QAAQ;AAAA,YAAE,MAAK;AAAA,YAAO,OAAM;AAAA,UAAA;;qBAGzDS,EAAc,OAAAe,CAAA;AAAA,MACdZ,EAKM,OALNa,GAKM;AAAA,QAJJC,EAAAJ,EAAyEX,UAAtBT,EAAA,KAAkB,CAAA,GAAA,MAAA,EAAA,GAAA;AAAA,cAA9CA,EAAA,KAAkB;AAAA,QAAA;QACzCU,EAEM,OAAA;AAAA,UAFA,oBAAkBV,EAAA,QAAkB,SAAA,YAAA;AAAA,QAAA;UACxCc,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}
+{"version":3,"file":"PlBlockPage.vue2.js","sources":["../../../src/layout/PlBlockPage/PlBlockPage.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Root block page component */\nexport default {\n  name: \"PlBlockPage\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, useCssModule, useSlots, useTemplateRef, watchEffect } from \"vue\";\nimport { PlBlockPageTitleTeleportTarget } from \"./PlBlockPageTitleTeleportTarget\";\nimport \"./pl-block-page.scss\";\nimport { PlIcon24 } from \"../../components/PlIcon24\";\nimport { type PlPlaceholderProps, PL_PLACEHOLDER_TEXTS, PlPlaceholder } from \"../PlPlaceholder\";\n\nconst slots = useSlots();\n\nconst props = defineProps<{\n  /**\n   * Page title (won't be displayed if `title` slot is also provided)\n   */\n  title?: string;\n  /**\n   * Text to display when subtitle is empty\n   */\n  subtitlePlaceholder?: string;\n  /**\n   * If `true` body gutters are removed\n   */\n  noBodyGutters?: boolean;\n  /**\n   * If defined, a loading overlay is displayed on the page body (over all default slot content)\n   */\n  bodyLoading?: PlPlaceholderProps[\"variant\"] | PlPlaceholderProps;\n}>();\n\n/** Page subtitle (editable) */\nconst subtitle = defineModel<string>(\"subtitle\");\n\nconst styles = useCssModule();\n\nconst loadingPlaceholder = computed<PlPlaceholderProps | undefined>(() => {\n  if (typeof props.bodyLoading === \"string\") {\n    return { variant: props.bodyLoading, ...PL_PLACEHOLDER_TEXTS.LOADING };\n  }\n  return props.bodyLoading;\n});\n\nconst teleportTarget = useTemplateRef(\"teleportTarget\");\n\nwatchEffect(() => {\n  PlBlockPageTitleTeleportTarget.value = teleportTarget.value;\n});\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-block-page\" :class=\"{ noBodyGutters: props.noBodyGutters }\">\n    <div v-if=\"slots.title || props.title\" :class=\"styles.header\">\n      <div class=\"pl-block-page__title\">\n        <div class=\"pl-block-page__title__default\">\n          <span v-if=\"slots.title\"><slot name=\"title\" /></span>\n          <span v-else>{{ props.title }}</span>\n          <slot name=\"after-title\" />\n        </div>\n        <div class=\"pl-block-page__title__append\">\n          <div ref=\"teleportTarget\" class=\"pl-block-page__title__append__teleport\" />\n          <slot name=\"append\" />\n        </div>\n      </div>\n      <div v-if=\"subtitle !== undefined\" :class=\"styles.subtitle\">\n        <input v-model.lazy.trim=\"subtitle\" :placeholder=\"props.subtitlePlaceholder\" />\n        <PlIcon24 :class=\"styles.editIcon\" name=\"edit\" color=\"var(--ic-02)\" />\n      </div>\n    </div>\n    <div v-else />\n    <div class=\"pl-block-page__body\">\n      <PlPlaceholder v-show=\"loadingPlaceholder\" v-bind=\"loadingPlaceholder\" />\n      <div :style=\"{ display: loadingPlaceholder ? 'none' : 'contents' }\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.header {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  margin-block-end: -8px;\n  gap: 2px;\n  overflow: hidden;\n}\n\n.subtitle {\n  display: flex;\n  padding-inline-end: 28px;\n\n  input {\n    anchor-name: --pl-block-page-subtitle;\n    field-sizing: content;\n    padding: 0;\n    border: none;\n    outline: none;\n    caret-color: var(--border-color-focus);\n    color: var(--txt-01);\n    font-family: Manrope;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 28px;\n    letter-spacing: -0.2px;\n    margin-block-end: -4px;\n    max-inline-size: 100%;\n    text-overflow: ellipsis;\n\n    &::placeholder {\n      color: var(--txt-03);\n    }\n  }\n\n  .editIcon {\n    visibility: hidden;\n    position: fixed;\n    position-anchor: --pl-block-page-subtitle;\n    position-area: center inline-end;\n    inset-inline-start: 4px;\n  }\n  &:hover,\n  &:focus-within {\n    .editIcon {\n      visibility: visible;\n    }\n  }\n}\n</style>\n"],"names":["__default__","slots","useSlots","props","__props","subtitle","_useModel","styles","useCssModule","loadingPlaceholder","computed","PL_PLACEHOLDER_TEXTS","teleportTarget","useTemplateRef","watchEffect","PlBlockPageTitleTeleportTarget","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","_hoisted_4","_toDisplayString","_hoisted_5","$event","_createVNode","PlIcon24","_hoisted_7","_hoisted_8","_withDirectives"],"mappings":";;;;;;uPAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAUA,UAAMC,IAAQC,EAAA,GAERC,IAAQC,GAoBRC,IAAWC,KAAoB,UAAU,GAEzCC,IAASC,EAAA,GAETC,IAAqBC,EAAyC,MAC9D,OAAOP,EAAM,eAAgB,WACxB,EAAE,SAASA,EAAM,aAAa,GAAGQ,EAAqB,QAAA,IAExDR,EAAM,WACd,GAEKS,IAAiBC,EAAe,gBAAgB;AAEtD,WAAAC,EAAY,MAAM;AAChB,MAAAC,EAA+B,QAAQH,EAAe;AAAA,IACxD,CAAC,mBAICI,EAyBM,OAAA;AAAA,MAzBD,OAAKC,EAAA,CAAC,qCAAmC,EAAA,eAA0Bd,EAAM,eAAa,CAAA;AAAA,IAAA;MAC9Ee,EAAAjB,CAAA,EAAM,SAASE,EAAM,cAAhCa,EAgBM,OAAA;AAAA;QAhBkC,OAAKC,EAAEC,EAAAX,CAAA,EAAO,MAAM;AAAA,MAAA;QAC1DY,EAUM,OAVNC,GAUM;AAAA,UATJD,EAIM,OAJNE,GAIM;AAAA,YAHQH,EAAAjB,CAAA,EAAM,cAAlBe,EAAqD,QAAAM,GAAA;AAAA,cAA5BC,EAAqBC,EAAA,QAAA,OAAA;AAAA,YAAA,YAC9CR,EAAqC,QAAAS,GAAAC,EAArBvB,EAAM,KAAK,GAAA,CAAA;AAAA,YAC3BoB,EAA2BC,EAAA,QAAA,aAAA;AAAA,UAAA;UAE7BL,EAGM,OAHNQ,GAGM;AAAA,YAFJR,EAA2E,OAAA;AAAA,uBAAlE;AAAA,cAAJ,KAAIP;AAAA,cAAiB,OAAM;AAAA,YAAA;YAChCW,EAAsBC,EAAA,QAAA,QAAA;AAAA,UAAA;;QAGfnB,EAAA,UAAa,eAAxBW,EAGM,OAAA;AAAA;UAH8B,OAAKC,EAAEC,EAAAX,CAAA,EAAO,QAAQ;AAAA,QAAA;YACxDY,EAA+E,SAAA;AAAA,0DAArDd,EAAQ,QAAAuB;AAAA,YAAG,aAAazB,EAAM;AAAA,UAAA;;;cAA9BE,EAAA;AAAA;;gBAAX,MAAR;AAAA,gBAAa,MAAb;AAAA,cAAA;AAAA;;UACPwB,EAAsEX,EAAAY,CAAA,GAAA;AAAA,YAA3D,OAAKb,EAAEC,EAAAX,CAAA,EAAO,QAAQ;AAAA,YAAE,MAAK;AAAA,YAAO,OAAM;AAAA,UAAA;;qBAGzDS,EAAc,OAAAe,CAAA;AAAA,MACdZ,EAKM,OALNa,GAKM;AAAA,QAJJC,EAAAJ,EAAyEX,UAAtBT,EAAA,KAAkB,CAAA,GAAA,MAAA,EAAA,GAAA;AAAA,cAA9CA,EAAA,KAAkB;AAAA,QAAA;QACzCU,EAEM,OAAA;AAAA,UAFA,oBAAkBV,EAAA,QAAkB,SAAA,YAAA;AAAA,QAAA;UACxCc,EAAQC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/layout/PlBlockPage/PlBlockPage.vue3.js

@@ -1,11 +1,11 @@
-const t = "_header_y99r6_2", e = "_subtitle_y99r6_11", s = "_editIcon_y99r6_37", _ = {
+const t = "_header_19wcy_2", e = "_subtitle_19wcy_11", c = "_editIcon_19wcy_37", s = {
   header: t,
   subtitle: e,
-  editIcon: s
+  editIcon: c
 };
 export {
-  _ as default,
-  s as editIcon,
+  s as default,
+  c as editIcon,
   t as header,
   e as subtitle
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"usePlBlockPageTitleTeleportTarget.js","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"],"names":["usePlBlockPageTitleTeleportTarget","componentName","check","nextTick","PlBlockPageTitleTeleportTarget","onMounted","onUpdated"],"mappings":";;AAGO,SAASA,EAAkCC,GAAuB;AACvE,QAAMC,IAAQ,MAAM;AAClB,IAAAC,EAAS,MAAM;AACb,MAAKC,EAA+B,SAClC,QAAQ;AAAA,QACN,IAAIH,CAAa;AAAA;AAAA,MAAA;AAAA,IAIvB,CAAC;AAAA,EACH;AAEA,SAAAI,EAAUH,CAAK,GACfI,EAAUJ,CAAK,GAERE;AACT;"}
+{"version":3,"file":"usePlBlockPageTitleTeleportTarget.js","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"],"names":["usePlBlockPageTitleTeleportTarget","componentName","check","nextTick","PlBlockPageTitleTeleportTarget","onMounted","onUpdated"],"mappings":";;AAGO,SAASA,EAAkCC,GAAuB;AACvE,QAAMC,IAAQ,MAAM;AAClB,IAAAC,EAAS,MAAM;AACb,MAAKC,EAA+B,SAClC,QAAQ;AAAA,QACN,IAAIH,CAAa;AAAA;AAAA,MAAA;AAAA,IAIvB,CAAC;AAAA,EACH;AAEA,SAAAI,EAAUH,CAAK,GACfI,EAAUJ,CAAK,GAERE;AACT;"}

package/dist/layout/PlContainer/PlContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlContainer/PlContainer.vue"],"names":[],"mappings":"AAwCA,OAAO,qBAAqB,CAAC;AAI7B,sCAAsC;;IAGpC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,OAAO;IACjB;;OAEG;kBACW,MAAM;;IAXpB;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,OAAO;IACjB;;OAEG;kBACW,MAAM;;qBAuCO,GAAG;;AApDhC,wBA2FK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlContainer/PlContainer.vue"],"names":[],"mappings":"AA6CA,OAAO,qBAAqB,CAAC;AAI7B,sCAAsC;;IAGpC;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,OAAO;IACjB;;OAEG;kBACW,MAAM;;IAXpB;;OAEG;YACK,MAAM;IACd;;OAEG;cACO,OAAO;IACjB;;OAEG;kBACW,MAAM;;qBAuCO,GAAG;;AApDhC,wBA2FK;AASL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlContainer.vue.js","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 :loading=\"loading\" :loading-text=\"loadingText\" class=\"pl-container pl-layout-component\" :style=\"style\">\n    <slot />\n  </PlSplash>\n</template>\n"],"names":["__default__","props","__props","style","computed","_createBlock","PlSplash","_renderSlot","_ctx"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AAQA,UAAMC,IAAQC,GAeRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,OAAOH,EAAM;AAAA,IAAA,EACb;2BAIAI,EAEWC,GAAA;AAAA,MAFA,SAASJ,EAAA;AAAA,MAAU,gBAAcA,EAAA;AAAA,MAAa,OAAM;AAAA,MAAoC,SAAOC,EAAA,KAAK;AAAA,IAAA;iBAC7G,MAAQ;AAAA,QAARI,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
+{"version":3,"file":"PlContainer.vue.js","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    :style=\"style\"\n  >\n    <slot />\n  </PlSplash>\n</template>\n"],"names":["__default__","props","__props","style","computed","_createBlock","PlSplash","_renderSlot","_ctx"],"mappings":";;;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;AAQA,UAAMC,IAAQC,GAeRC,IAAQC,EAAS,OAAO;AAAA,MAC5B,OAAOH,EAAM;AAAA,IAAA,EACb;2BAIAI,EAOWC,GAAA;AAAA,MANR,SAASJ,EAAA;AAAA,MACT,gBAAcA,EAAA;AAAA,MACf,OAAM;AAAA,MACL,SAAOC,EAAA,KAAK;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARI,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlGrid.vue.js","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\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","props","__props","style","computed","_createElementBlock","_renderSlot","_ctx"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;AAOA,UAAMC,IAAQC,GAIRC,IAAQC,EAAS,OACd;AAAA,MACL,qBAAqB,UAAUH,EAAM,OAAO;AAAA,IAAA,EAE/C;2BAICI,EAEM,OAAA;AAAA,MAFD,OAAM;AAAA,MAA+B,SAAOF,EAAA,KAAK;AAAA,IAAA;MACpDG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"PlGrid.vue.js","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\" :style=\"style\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","props","__props","style","computed","_createElementBlock","_renderSlot","_ctx"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;AAOA,UAAMC,IAAQC,GAIRC,IAAQC,EAAS,OACd;AAAA,MACL,qBAAqB,UAAUH,EAAM,OAAO;AAAA,IAAA,EAE/C;2BAICI,EAEM,OAAA;AAAA,MAFD,OAAM;AAAA,MAA+B,SAAOF,EAAA,KAAK;AAAA,IAAA;MACpDG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/layout/PlPlaceholder/PlPlaceholder.vue.d.ts

@@ -1,5 +1,5 @@
 export interface PlPlaceholderProps {
-    variant?: 'table' | 'graph';
+    variant?: "table" | "graph";
     title?: string;
     subtitle?: string | string[];
 }

package/dist/layout/PlPlaceholder/PlPlaceholder.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlPlaceholder.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"names":[],"mappings":"AA0JA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B;;AAYD,wBA0GK"}
+{"version":3,"file":"PlPlaceholder.vue.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/PlPlaceholder.vue"],"names":[],"mappings":"AA2JA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B;;AAWD,wBA6GK"}

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

@@ -1,10 +1,7 @@
 import { defineComponent as u, useCssModule as m, createElementBlock as o, openBlock as l, normalizeClass as a, unref as r, createElementVNode as n, createVNode as b, createCommentVNode as s, toDisplayString as i, Fragment as k, renderList as v } from "vue";
 import y from "../../components/PlLoaderLogo.vue.js";
 import _ from "./paint-worklet.js";
-const f = { key: 1 }, g = new Blob(
-  [_],
-  { type: "application/javascript" }
-), C = URL.createObjectURL(g);
+const f = { key: 1 }, g = new Blob([_], { type: "application/javascript" }), C = URL.createObjectURL(g);
 CSS.paintWorklet.addModule(C);
 const N = /* @__PURE__ */ u({
   __name: "PlPlaceholder",
@@ -19,10 +16,13 @@ const N = /* @__PURE__ */ u({
       class: a(r(e).root)
     }, [
       n("div", {
-        class: a([r(e).background, {
-          [r(e).table]: t.variant === "table",
-          [r(e).graph]: t.variant === "graph"
-        }])
+        class: a([
+          r(e).background,
+          {
+            [r(e).table]: t.variant === "table",
+            [r(e).graph]: t.variant === "graph"
+          }
+        ])
       }, null, 2),
       n("div", {
         class: a(r(e).content)

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

@@ -1 +1 @@
-{"version":3,"file":"PlPlaceholder.vue2.js","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(\n  [paintWorkletCode],\n  { type: 'application/javascript' },\n);\nconst workletUrl = URL.createObjectURL(workletBlob);\n(CSS as unknown as {\n  paintWorklet: { addModule: (url: string) => void };\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 :class=\"styles.root\">\n    <div\n      :class=\"[styles.background, {\n        [styles.table]: props.variant === 'table',\n        [styles.graph]: props.variant === 'graph',\n      }]\"\n    />\n    <div :class=\"styles.content\">\n      <PlLoaderLogo :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div v-if=\"props.title || props.subtitle\" :class=\"styles.text\">\n        <div v-if=\"props.title\" :class=\"styles.title\">{{ props.title }}</div>\n        <div v-if=\"props.subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span v-for=\"(item, key) of props.subtitle\" :key>{{ item }}</span>\n          </template>\n          <span v-else>{{ 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;\n      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"],"names":["workletBlob","paintWorkletCode","workletUrl","props","__props","styles","useCssModule","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","PlLoaderLogo","_toDisplayString","_openBlock","_Fragment","item","key","_hoisted_1"],"mappings":";;;sBAUMA,IAAc,IAAI;AAAA,EACtB,CAACC,CAAgB;AAAA,EACjB,EAAE,MAAM,yBAAA;AACV,GACMC,IAAa,IAAI,gBAAgBF,CAAW;AACjD,IAEE,aAAa,UAAUE,CAAU;;;;;;;;;AAOpC,UAAMC,IAAQC,GAERC,IAASC,EAAA;2BAIbC,EAmBM,OAAA;AAAA,MAnBA,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,IAAI;AAAA,IAAA;MACtBK,EAKE,OAAA;AAAA,QAJC,OAAKF,EAAA,CAAGC,EAAAJ,CAAA,EAAO,YAAU;AAAA,UAAa,CAAAI,EAAAJ,CAAA,EAAO,KAAK,GAAGF,EAAM,YAAO;AAAA,UAAuB,CAAAM,EAAAJ,CAAA,EAAO,KAAK,GAAGF,EAAM,YAAO;AAAA,QAAA;;MAKxHO,EAWM,OAAA;AAAA,QAXA,OAAKF,EAAEC,EAAAJ,CAAA,EAAO,OAAO;AAAA,MAAA;QACzBM,EAAyDC,GAAA;AAAA,UAA1C,MAAM;AAAA,UAAI,OAAM;AAAA,QAAA;QACpBT,EAAM,SAASA,EAAM,iBAAhCI,EAQM,OAAA;AAAA;UARqC,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,IAAI;AAAA,QAAA;UAChDF,EAAM,cAAjBI,EAAqE,OAAA;AAAA;YAA5C,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,KAAK;AAAA,UAAA,GAAKQ,EAAAV,EAAM,KAAK,GAAA,CAAA;UACjDA,EAAM,iBAAjBI,EAKM,OAAA;AAAA;YALsB,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,QAAQ;AAAA,UAAA;YAChC,MAAM,QAAQF,EAAM,QAAQ,KAC1CW,EAAA,EAAA,GAAAP,EAAkEQ,iBAAtCZ,EAAM,UAAQ,CAA5Ba,GAAMC,OAApBH,EAAA,GAAAP,EAAkE,QAAA,EAArB,KAAAU,OAAOD,CAAI,GAAA,CAAA,mBAE1DT,EAAwC,QAAAW,GAAAL,EAAxBV,EAAM,QAAQ,GAAA,CAAA;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"PlPlaceholder.vue2.js","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 :class=\"styles.root\">\n    <div\n      :class=\"[\n        styles.background,\n        {\n          [styles.table]: props.variant === 'table',\n          [styles.graph]: props.variant === 'graph',\n        },\n      ]\"\n    />\n    <div :class=\"styles.content\">\n      <PlLoaderLogo :size=\"64\" color=\"var(--color-div-grey)\" />\n      <div v-if=\"props.title || props.subtitle\" :class=\"styles.text\">\n        <div v-if=\"props.title\" :class=\"styles.title\">{{ props.title }}</div>\n        <div v-if=\"props.subtitle\" :class=\"styles.subtitle\">\n          <template v-if=\"Array.isArray(props.subtitle)\">\n            <span v-for=\"(item, key) of props.subtitle\" :key>{{ item }}</span>\n          </template>\n          <span v-else>{{ 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"],"names":["workletBlob","paintWorkletCode","workletUrl","props","__props","styles","useCssModule","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","PlLoaderLogo","_toDisplayString","_openBlock","_Fragment","item","key","_hoisted_1"],"mappings":";;;sBAUMA,IAAc,IAAI,KAAK,CAACC,CAAgB,GAAG,EAAE,MAAM,0BAA0B,GAC7EC,IAAa,IAAI,gBAAgBF,CAAW;AAEhD,IAGA,aAAa,UAAUE,CAAU;;;;;;;;;AAOnC,UAAMC,IAAQC,GAERC,IAASC,EAAA;2BAIbC,EAsBM,OAAA;AAAA,MAtBA,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,IAAI;AAAA,IAAA;MACtBK,EAQE,OAAA;AAAA,QAPC,OAAKF,EAAA;AAAA,UAAYC,EAAAJ,CAAA,EAAO;AAAA;YAAiC,CAAAI,EAAAJ,CAAA,EAAO,KAAK,GAAGF,EAAM,YAAO;AAAA,YAAyB,CAAAM,EAAAJ,CAAA,EAAO,KAAK,GAAGF,EAAM,YAAO;AAAA,UAAA;AAAA;;MAQ7IO,EAWM,OAAA;AAAA,QAXA,OAAKF,EAAEC,EAAAJ,CAAA,EAAO,OAAO;AAAA,MAAA;QACzBM,EAAyDC,GAAA;AAAA,UAA1C,MAAM;AAAA,UAAI,OAAM;AAAA,QAAA;QACpBT,EAAM,SAASA,EAAM,iBAAhCI,EAQM,OAAA;AAAA;UARqC,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,IAAI;AAAA,QAAA;UAChDF,EAAM,cAAjBI,EAAqE,OAAA;AAAA;YAA5C,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,KAAK;AAAA,UAAA,GAAKQ,EAAAV,EAAM,KAAK,GAAA,CAAA;UACjDA,EAAM,iBAAjBI,EAKM,OAAA;AAAA;YALsB,OAAKC,EAAEC,EAAAJ,CAAA,EAAO,QAAQ;AAAA,UAAA;YAChC,MAAM,QAAQF,EAAM,QAAQ,KAC1CW,EAAA,EAAA,GAAAP,EAAkEQ,iBAAtCZ,EAAM,UAAQ,CAA5Ba,GAAMC,OAApBH,EAAA,GAAAP,EAAkE,QAAA,EAArB,KAAAU,OAAOD,CAAI,GAAA,CAAA,mBAE1DT,EAAwC,QAAAW,GAAAL,EAAxBV,EAAM,QAAQ,GAAA,CAAA;AAAA,UAAA;;;;;;"}

package/dist/layout/PlPlaceholder/PlPlaceholder.vue3.js

@@ -1,24 +1,24 @@
-const t = "_root_ekth8_2", e = "_background_ekth8_10", _ = "_slide_ekth8_1", o = "_table_ekth8_19", s = "_graph_ekth8_22", n = "_content_ekth8_27", c = "_text_ekth8_37", l = "_title_ekth8_47", a = "_subtitle_ekth8_55", h = {
+const t = "_root_xfknp_2", _ = "_background_xfknp_10", n = "_slide_xfknp_1", e = "_table_xfknp_19", o = "_graph_xfknp_22", s = "_content_xfknp_27", c = "_text_xfknp_37", l = "_title_xfknp_47", p = "_subtitle_xfknp_55", x = {
   root: t,
-  background: e,
-  slide: _,
-  table: o,
-  graph: s,
-  content: n,
+  background: _,
+  slide: n,
+  table: e,
+  graph: o,
+  content: s,
   text: c,
   title: l,
-  subtitle: a,
-  "active-subtitle": "_active-subtitle_ekth8_1"
+  subtitle: p,
+  "active-subtitle": "_active-subtitle_xfknp_1"
 };
 export {
-  e as background,
-  n as content,
-  h as default,
-  s as graph,
+  _ as background,
+  s as content,
+  x as default,
+  o as graph,
   t as root,
-  _ as slide,
-  a as subtitle,
-  o as table,
+  n as slide,
+  p as subtitle,
+  e as table,
   c as text,
   l as title
 };

package/dist/layout/PlPlaceholder/index.d.ts

@@ -1,4 +1,4 @@
-export { type PlPlaceholderProps, default as PlPlaceholder, } from './PlPlaceholder.vue';
+export { type PlPlaceholderProps, default as PlPlaceholder } from './PlPlaceholder.vue';
 export declare const PL_PLACEHOLDER_TEXTS: {
     LOADING: {
         title: string;

package/dist/layout/PlPlaceholder/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EACvB,OAAO,IAAI,aAAa,GACzB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,oBAAoB;;;;;;;;;CAmBhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/PlPlaceholder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAExF,eAAO,MAAM,oBAAoB;;;;;;;;;CAmBhC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/layout/PlPlaceholder/index.ts"],"sourcesContent":["export {\n  type PlPlaceholderProps,\n  default as PlPlaceholder,\n} 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"],"names":["PL_PLACEHOLDER_TEXTS"],"mappings":";AAKO,MAAMA,IAAuB;AAAA,EAClC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.js","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"],"names":["PL_PLACEHOLDER_TEXTS"],"mappings":";AAEO,MAAMA,IAAuB;AAAA,EAClC,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -1,5 +1,5 @@
 const n = `registerPaint(
-  'pl-placeholder-table-skeleton',
+  "pl-placeholder-table-skeleton",
   class {
     /**
      * @param {CanvasRenderingContext2D} ctx
@@ -11,7 +11,7 @@ const n = `registerPaint(
       const headerHeight = 42;
       const headerWidth = 48;
 
-      ctx.fillStyle = '#F7F8FA';
+      ctx.fillStyle = "#F7F8FA";
 
       // headers
       {
@@ -25,7 +25,7 @@ const n = `registerPaint(
         ctx.fill(path);
       }
 
-      ctx.strokeStyle = '#E1E3EB';
+      ctx.strokeStyle = "#E1E3EB";
 
       // vertical lines
       const columnWidth = (width - headerWidth) / 6;
@@ -56,7 +56,7 @@ const n = `registerPaint(
 );
 
 registerPaint(
-  'pl-placeholder-graph-skeleton',
+  "pl-placeholder-graph-skeleton",
   class {
     /**
      * @param {CanvasRenderingContext2D} ctx
@@ -69,7 +69,7 @@ registerPaint(
       const cellWidth = 100;
       const cellHeight = 60;
 
-      ctx.strokeStyle = '#E1E3EB';
+      ctx.strokeStyle = "#E1E3EB";
 
       // vertical lines
       for (
@@ -95,7 +95,7 @@ registerPaint(
         ctx.stroke(path);
       }
 
-      ctx.strokeStyle = '#110529';
+      ctx.strokeStyle = "#110529";
 
       // vertical arrow
       {

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

@@ -1 +1 @@
-{"version":3,"file":"paint-worklet.js","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\""],"names":["paintWorkletCode"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"paint-worklet.js","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\""],"names":["paintWorkletCode"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/layout/PlRow/PlRow.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlRow.vue.js","sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n  name: 'PlRow',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport './pl-row.scss';\n\ndefineProps<{\n  wrap?: boolean;\n  alignCenter?: boolean;\n  noGap?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-row\" :class=\"{ wrap, 'align-center': alignCenter }\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;2BAcEC,EAEM,OAAA;AAAA,MAFD,OAAKC,EAAA,CAAC,8BAA4B,EAAA,MAAWC,EAAA,sBAAsBA,EAAA,aAAW,CAAA;AAAA,IAAA;MACjFC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"PlRow.vue.js","sources":["../../../src/layout/PlRow/PlRow.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Horizontal Flex flow container */\nexport default {\n  name: \"PlRow\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport \"./pl-row.scss\";\n\ndefineProps<{\n  wrap?: boolean;\n  alignCenter?: boolean;\n  noGap?: boolean;\n}>();\n</script>\n\n<template>\n  <div class=\"pl-layout-component pl-row\" :class=\"{ wrap, 'align-center': alignCenter }\">\n    <slot />\n  </div>\n</template>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_renderSlot","_ctx"],"mappings":";;AAEA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;2BAcEC,EAEM,OAAA;AAAA,MAFD,OAAKC,EAAA,CAAC,8BAA4B,EAAA,MAAWC,EAAA,sBAAsBA,EAAA,aAAW,CAAA;AAAA,IAAA;MACjFC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/layout/PlSpacer/PlSpacer.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlSpacer.vue.js","sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n  name: 'PlSpacer',\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"pl-layout-component\" style=\"flex-grow: 1\" />\n</template>\n"],"names":["__default__","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;sBAQEC,EAAA,GAAAC,EAAwD,OAAxDC,CAAwD;AAAA;;"}
+{"version":3,"file":"PlSpacer.vue.js","sources":["../../../src/layout/PlSpacer/PlSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Fills flex remaining space */\nexport default {\n  name: \"PlSpacer\",\n};\n</script>\n\n<script lang=\"ts\" setup>\n//\n</script>\n\n<template>\n  <div class=\"pl-layout-component\" style=\"flex-grow: 1\" />\n</template>\n"],"names":["__default__","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;GAEAA,IAAe;AAAA,EACb,MAAM;AACR;;;sBAQEC,EAAA,GAAAC,EAAwD,OAAxDC,CAAwD;AAAA;;"}

package/dist/types.d.ts

@@ -2,11 +2,11 @@ import { ImportFileHandle, Platforma, PlRef as ModelRef, StorageHandle, ListOpti
 import { Component, ComputedRef, Ref } from 'vue';
 import { icons16 } from './generated/icons-16';
 import { icons24 } from './generated/icons-24';
-export type Size = 'small' | 'medium' | 'large';
+export type Size = "small" | "medium" | "large";
 export type MaybeRef<T> = T | Ref<T>;
 export type MaybeReadonlyRef<T> = (() => T) | ComputedRef<T>;
 export type MaybeComputedRef<T> = MaybeReadonlyRef<T> | MaybeRef<T>;
-export type ElementPosition = Omit<DOMRect, 'toJSON'> & {
+export type ElementPosition = Omit<DOMRect, "toJSON"> & {
     scrollTop: number;
     scrollLeft: number;
     scrollHeight: number;
@@ -24,9 +24,9 @@ export type SimpleOption<T = unknown> = {
     value: T;
 };
 export type ListOptionNormalized<T = unknown> = ListOptionBase<T>;
-export type ListOption<T = unknown> = Omit<ListOptionBase<T>, 'label'> & {
+export type ListOption<T = unknown> = (Omit<ListOptionBase<T>, "label"> & {
     text: string;
-} | ListOptionBase<T>;
+}) | ListOptionBase<T>;
 export type { ModelRef };
 export type RefOption = {
     readonly label: string;
@@ -37,7 +37,7 @@ export type ListOptionType<Type> = Type extends ListOption<infer X>[] ? X : neve
 export { icons16, icons24 };
 export type MaskIconName16 = (typeof icons16)[number];
 export type MaskIconName24 = (typeof icons24)[number];
-export type SliderMode = 'input' | 'text';
+export type SliderMode = "input" | "text";
 export type ImportedFiles = {
     storageHandle?: StorageHandle;
     files: ImportFileHandle[];

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/utils/DoubleContour.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleContour.vue.d.ts","sourceRoot":"","sources":["../../src/utils/DoubleContour.vue"],"names":[],"mappings":";oBAuFkB,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ;;oBAA1G,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ;;mBAA1G,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ;;qBA8B/F,GAAG;;AAhChC,wBAuEK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DoubleContour.vue.d.ts","sourceRoot":"","sources":["../../src/utils/DoubleContour.vue"],"names":[],"mappings":";oBAkGQ,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;;oBARR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;;mBARR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,QAAQ;;qBAiCa,GAAG;;AA5ChC,wBAmFK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/utils/DoubleContour.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleContour.vue.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(defineProps<{\n  groupPosition?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'middle';\n}>(), {\n  groupPosition: undefined,\n});\n</script>\n\n<script lang=\"ts\">\n\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\" :class=\"{ [groupPosition]: true }\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n<style>\n.double-contour {\n  &.top > div {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom > div {\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.right > div {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.top-left > div{\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.top-right > div {\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-right > div {\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.middle > div {\n    border-radius: 0;\n  }\n}\n</style>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_createElementVNode","$attrs","_renderSlot","_ctx"],"mappings":";AAUA,MAAAA,IAAe;AAAA,EACb,cAAc;AAChB;;;;;;;2BAIEC,EAIM,OAAA;AAAA,MAJD,OAAKC,EAAA,CAAC,kBAAgB,EAAA,CAAYC,EAAA,aAAa,GAAA,IAAA,CAAA;AAAA,IAAA;MAClDC,EAEM,WAFOC,EAAAA,MAAM,CAAA,GAAA;AAAA,QACjBC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"DoubleContour.vue.js","sources":["../../src/utils/DoubleContour.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    groupPosition?:\n      | \"top\"\n      | \"bottom\"\n      | \"left\"\n      | \"right\"\n      | \"top-left\"\n      | \"top-right\"\n      | \"bottom-left\"\n      | \"bottom-right\"\n      | \"middle\";\n  }>(),\n  {\n    groupPosition: undefined,\n  },\n);\n</script>\n\n<script lang=\"ts\">\nexport default {\n  inheritAttrs: false,\n};\n</script>\n\n<template>\n  <div class=\"double-contour\" :class=\"{ [groupPosition]: true }\">\n    <div v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </div>\n</template>\n<style>\n.double-contour {\n  &.top > div {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom > div {\n    border-top-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.right > div {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n.double-contour {\n  &.top-left > div {\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n.double-contour {\n  &.top-right > div {\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-left > div {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.bottom-right > div {\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n  }\n}\n.double-contour {\n  &.middle > div {\n    border-radius: 0;\n  }\n}\n</style>\n"],"names":["__default__","_createElementBlock","_normalizeClass","__props","_createElementVNode","$attrs","_renderSlot","_ctx"],"mappings":";AAqBA,MAAAA,IAAe;AAAA,EACb,cAAc;AAChB;;;;;;;2BAIEC,EAIM,OAAA;AAAA,MAJD,OAAKC,EAAA,CAAC,kBAAgB,EAAA,CAAYC,EAAA,aAAa,GAAA,IAAA,CAAA;AAAA,IAAA;MAClDC,EAEM,WAFOC,EAAAA,MAAM,CAAA,GAAA;AAAA,QACjBC,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/utils/DropdownOverlay/DropdownOverlay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from '../../composition/usePosition';\nimport { scrollIntoView } from '../../helpers/dom';\nimport { tapIf } from '@milaboratories/helpers';\nimport { reactive, ref, toRef, watch } from 'vue';\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string | undefined>>({\n  top: undefined,\n  bottom: undefined,\n  left: '0px',\n  width: '0px',\n});\n\nconst rootRef = toRef(props, 'root');\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector('.hovered-item') as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent('adjust'));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    const bottom = bodyRect.bottom - pos.bottom;\n    const upBottomOffset = bottom + pos.height + gap;\n    optionsStyle.bottom = upBottomOffset + 'px';\n    optionsStyle.top = undefined;\n  } else {\n    optionsStyle.top = downTopOffset + 'px';\n    optionsStyle.bottom = undefined;\n  }\n\n  optionsStyle.left = left + 'px';\n  optionsStyle.width = pos.width + 'px';\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      ref=\"listRef\"\n      v-bind=\"$attrs\"\n      :style=\"optionsStyle\"\n      tabindex=\"-1\"\n      @mousedown.prevent\n      @click.stop\n    >\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset","upBottomOffset","_createBlock","_Teleport","_createElementVNode","_mergeProps","$attrs","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAA6C;AAAA,MAChE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAA;AAchB,WAAAC,EAAa;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEtB,QAAKG,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClE,UAAAC,EAAeH,GAAOE,CAAG;AAAA,QAC3B,CAAC;AAAA,MACH;AAAA,MAIE,SAAAL;AAAA,IAAA,CACD,GAEDO,EAAMP,GAAS,CAACQ,MAAO;AACrB,MAAIA,KACF,sBAAsB,MAAM;AAC1B,cAAMC,IAAOD,EAAG,sBAAA;AAChB,QAAAb,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAChD,CAAC;AAAA,IAEL,CAAC,GAEDC,EAAmBZ,GAAS,CAACa,MAAQ;AACnC,YAAMC,IAAW,SAAS,KAAK,sBAAA,GAEzBC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAEzC,UAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,cAAc;AAEzD,cAAMM,IADSL,EAAS,SAASD,EAAI,SACLA,EAAI,SAASI;AAC7C,QAAAlB,EAAa,SAASoB,IAAiB,MACvCpB,EAAa,MAAM;AAAA,MACrB;AACE,QAAAA,EAAa,MAAMmB,IAAgB,MACnCnB,EAAa,SAAS;AAGxB,MAAAA,EAAa,OAAOiB,IAAO,MAC3BjB,EAAa,QAAQc,EAAI,QAAQ;AAAA,IACnC,CAAC,mBAICO,EAWWC,GAAA,EAXD,IAAG,UAAM;AAAA,MACjBC,EASM,OATNC,EASM;AAAA,iBARA;AAAA,QAAJ,KAAIrB;AAAA,MAAA,GACIsB,EAAAA,QAAM;AAAA,QACb,OAAOzB;AAAA,QACR,UAAS;AAAA,QACR,+BAAD,MAAA;AAAA,QAAA,GAAkB,CAAA,SAAA,CAAA;AAAA,QACjB,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,MAAA;QAEX0B,EAAmBC,EAAA,QAAA,WAAA,EAAb,KAAI,QAAM;AAAA,MAAA;;;;"}
+{"version":3,"file":"DropdownOverlay.vue.js","sources":["../../../src/utils/DropdownOverlay/DropdownOverlay.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useElementPosition } from \"../../composition/usePosition\";\nimport { scrollIntoView } from \"../../helpers/dom\";\nimport { tapIf } from \"@milaboratories/helpers\";\nimport { reactive, ref, toRef, watch } from \"vue\";\n\nconst props = defineProps<{\n  root: HTMLElement | undefined; // element to \"track\"\n  gap?: number; // additional gap between overlay and \"root\" component\n}>();\n\nconst data = reactive({\n  optionsHeight: 0,\n});\n\nconst optionsStyle = reactive<Record<string, string | undefined>>({\n  top: undefined,\n  bottom: undefined,\n  left: \"0px\",\n  width: \"0px\",\n});\n\nconst rootRef = toRef(props, \"root\");\n\nconst listRef = ref<HTMLElement>();\n\nconst scrollIntoActive = () => {\n  const $list = listRef.value;\n\n  if (!$list) {\n    return;\n  }\n\n  tapIf($list.querySelector(\".hovered-item\") as HTMLElement, (opt) => {\n    scrollIntoView($list, opt);\n  });\n};\n\ndefineExpose({\n  scrollIntoActive,\n  listRef,\n});\n\nwatch(listRef, (el) => {\n  if (el) {\n    requestAnimationFrame(() => {\n      const rect = el.getBoundingClientRect();\n      data.optionsHeight = rect.height;\n      window.dispatchEvent(new CustomEvent(\"adjust\"));\n    });\n  }\n});\n\nuseElementPosition(rootRef, (pos) => {\n  const bodyRect = document.body.getBoundingClientRect();\n\n  const top = pos.top - bodyRect.top;\n\n  const left = pos.left - bodyRect.left;\n\n  const gap = props.gap ?? 0;\n\n  const downTopOffset = top + pos.height + gap;\n\n  if (downTopOffset + data.optionsHeight > pos.clientHeight) {\n    const bottom = bodyRect.bottom - pos.bottom;\n    const upBottomOffset = bottom + pos.height + gap;\n    optionsStyle.bottom = upBottomOffset + \"px\";\n    optionsStyle.top = undefined;\n  } else {\n    optionsStyle.top = downTopOffset + \"px\";\n    optionsStyle.bottom = undefined;\n  }\n\n  optionsStyle.left = left + \"px\";\n  optionsStyle.width = pos.width + \"px\";\n});\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div\n      ref=\"listRef\"\n      v-bind=\"$attrs\"\n      :style=\"optionsStyle\"\n      tabindex=\"-1\"\n      @mousedown.prevent\n      @click.stop\n    >\n      <slot ref=\"list\" />\n    </div>\n  </Teleport>\n</template>\n"],"names":["props","__props","data","reactive","optionsStyle","rootRef","toRef","listRef","ref","__expose","$list","tapIf","opt","scrollIntoView","watch","el","rect","useElementPosition","pos","bodyRect","top","left","gap","downTopOffset","upBottomOffset","_createBlock","_Teleport","_createElementVNode","_mergeProps","$attrs","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAKRC,IAAOC,EAAS;AAAA,MACpB,eAAe;AAAA,IAAA,CAChB,GAEKC,IAAeD,EAA6C;AAAA,MAChE,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR,GAEKE,IAAUC,EAAMN,GAAO,MAAM,GAE7BO,IAAUC,EAAA;AAchB,WAAAC,EAAa;AAAA,MACX,kBAbuB,MAAM;AAC7B,cAAMC,IAAQH,EAAQ;AAEtB,QAAKG,KAILC,EAAMD,EAAM,cAAc,eAAe,GAAkB,CAACE,MAAQ;AAClE,UAAAC,EAAeH,GAAOE,CAAG;AAAA,QAC3B,CAAC;AAAA,MACH;AAAA,MAIE,SAAAL;AAAA,IAAA,CACD,GAEDO,EAAMP,GAAS,CAACQ,MAAO;AACrB,MAAIA,KACF,sBAAsB,MAAM;AAC1B,cAAMC,IAAOD,EAAG,sBAAA;AAChB,QAAAb,EAAK,gBAAgBc,EAAK,QAC1B,OAAO,cAAc,IAAI,YAAY,QAAQ,CAAC;AAAA,MAChD,CAAC;AAAA,IAEL,CAAC,GAEDC,EAAmBZ,GAAS,CAACa,MAAQ;AACnC,YAAMC,IAAW,SAAS,KAAK,sBAAA,GAEzBC,IAAMF,EAAI,MAAMC,EAAS,KAEzBE,IAAOH,EAAI,OAAOC,EAAS,MAE3BG,IAAMtB,EAAM,OAAO,GAEnBuB,IAAgBH,IAAMF,EAAI,SAASI;AAEzC,UAAIC,IAAgBrB,EAAK,gBAAgBgB,EAAI,cAAc;AAEzD,cAAMM,IADSL,EAAS,SAASD,EAAI,SACLA,EAAI,SAASI;AAC7C,QAAAlB,EAAa,SAASoB,IAAiB,MACvCpB,EAAa,MAAM;AAAA,MACrB;AACE,QAAAA,EAAa,MAAMmB,IAAgB,MACnCnB,EAAa,SAAS;AAGxB,MAAAA,EAAa,OAAOiB,IAAO,MAC3BjB,EAAa,QAAQc,EAAI,QAAQ;AAAA,IACnC,CAAC,mBAICO,EAWWC,GAAA,EAXD,IAAG,UAAM;AAAA,MACjBC,EASM,OATNC,EASM;AAAA,iBARA;AAAA,QAAJ,KAAIrB;AAAA,MAAA,GACIsB,EAAAA,QAAM;AAAA,QACb,OAAOzB;AAAA,QACR,UAAS;AAAA,QACR,+BAAD,MAAA;AAAA,QAAA,GAAkB,CAAA,SAAA,CAAA;AAAA,QACjB,2BAAD,MAAA;AAAA,QAAA,GAAW,CAAA,MAAA,CAAA;AAAA,MAAA;QAEX0B,EAAmBC,EAAA,QAAA,WAAA,EAAb,KAAI,QAAM;AAAA,MAAA;;;;"}

package/dist/utils/PlCloseModalBtn.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlCloseModalBtn.vue.js","sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '../assets/mixins' as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock"],"mappings":";;;;cACEA,GAAA;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B,CAAA,GAAAF,EAAA,CAAA,MAAOA,EAAA,CAAA,IAAA;AAAA;;;;;;"}
+{"version":3,"file":"PlCloseModalBtn.vue.js","sources":["../../src/utils/PlCloseModalBtn.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.component\">\n    <div />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use \"../assets/mixins\" as *;\n\n.component {\n  display: flex;\n  place-content: center;\n  place-items: center;\n  width: 40px;\n  height: 40px;\n  cursor: pointer;\n  border-radius: 12px; // slide-modal 6px\n  &:hover {\n    background-color: var(--btn-sec-hover-grey);\n    transition: all 0.1s ease-in-out;\n  }\n  > div {\n    background-color: var(--ic-01);\n    @include mask(url(../assets/images/24_close.svg), 24px);\n  }\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock"],"mappings":";;;;cACEA,GAAA;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B,CAAA,GAAAF,EAAA,CAAA,MAAOA,EAAA,CAAA,IAAA;AAAA;;;;;;"}

package/dist/utils/TextLabel.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLabel.vue.js","sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: '';\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock","$style"],"mappings":";;;;cACEA,GAAA;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B;AAAA,MAAW,OAAEC;AAAAA;OACX;AAAA,QAAW,OAAEA;AAAAA;SACX;AAAA;;;;;;;;"}
+{"version":3,"file":"TextLabel.vue.js","sources":["../../src/utils/TextLabel.vue"],"sourcesContent":["<template>\n  <div :class=\"$style.textLabel\">\n    <div :class=\"$style.label\">\n      <div :class=\"$style.labelText\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.textLabel {\n  padding: 0px 12px;\n}\n\n.label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.labelText {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.label::after {\n  display: block;\n  flex: 1;\n  content: \"\";\n  height: 1px;\n  background-color: var(--border-color-div-grey);\n  width: 100%;\n}\n</style>\n"],"names":["_cache","_openBlock","_createElementBlock","$style"],"mappings":";;;;cACEA,GAAA;SAAWC,EAAA,GAAAC,EAAS,OAAS;AAAA;KAC3B;AAAA,MAAW,OAAEC;AAAAA;OACX;AAAA,QAAW,OAAEA;AAAAA;SACX;AAAA;;;;;;;;"}

package/dist/utils/useLabelNotch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLabelNotch.d.ts","sourceRoot":"","sources":["../../src/utils/useLabelNotch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAUhD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,aAAa,SAAU,QA4BxF"}
+{"version":3,"file":"useLabelNotch.d.ts","sourceRoot":"","sources":["../../src/utils/useLabelNotch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAUhD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAAE,aAAa,SAAU,QA+BxF"}

package/dist/utils/useLabelNotch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabelNotch.js","sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from 'vue';\nimport { tap, tapIf } from '../helpers/functions';\nimport { onChanged } from '../composition/utils';\nimport { call } from '../helpers/utils';\nimport { startResizeObserving, stopResizeObserving } from '../global/resizeObserver';\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = 'label') {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return label.getBoundingClientRect().width + tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset)); //\n        });\n\n        if (el.style.getPropertyValue('--label-offset-right-x') !== `${rightOffset}px`) {\n          el.style.setProperty('--label-offset-right-x', `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"names":["offset","contourOffset","useLabelNotch","root","labelSelector","labels","onChanged","tapIf","el","label","startResizeObserving","rightOffset","call","tap","n","onBeforeUnmount","stopResizeObserving"],"mappings":";;;;;AAMA,MAAMA,IAAS,GAETC,IAAgB;AAKf,SAASC,EAAcC,GAAoCC,IAAgB,SAAS;AACzF,QAAMC,wBAAa,IAAA;AAEnB,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMJ,KAAA,gBAAAA,EAAM,OAAO,CAACK,MAAO;AACzB,YAAMC,IAAQD,EAAG,cAAcJ,CAAa;AAE5C,MAAKK,MAILJ,EAAO,IAAII,CAAK,GAEhBC,EAAqBD,GAAO,MAAM;AAChC,cAAME,IAAcC,EAAK,MAChBH,EAAM,sBAAA,EAAwB,QAAQI,EAAIb,GAAQ,CAACc,MAAO,OAAO,MAAMA,CAAC,IAAIb,IAAgBa,IAAIb,CAAc,CACtH;AAED,QAAIO,EAAG,MAAM,iBAAiB,wBAAwB,MAAM,GAAGG,CAAW,QACxEH,EAAG,MAAM,YAAY,0BAA0B,GAAGG,CAAW,IAAI;AAAA,MAErE,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,GAEDI,EAAgB,MAAM;AACpB,UAAM,KAAKV,EAAO,OAAA,CAAQ,EAAE,IAAI,CAACG,MAAOQ,EAAoBR,CAAE,CAAC;AAAA,EACjE,CAAC;AACH;"}
+{"version":3,"file":"useLabelNotch.js","sources":["../../src/utils/useLabelNotch.ts"],"sourcesContent":["import { onBeforeUnmount, type Ref } from \"vue\";\nimport { tap, tapIf } from \"../helpers/functions\";\nimport { onChanged } from \"../composition/utils\";\nimport { call } from \"../helpers/utils\";\nimport { startResizeObserving, stopResizeObserving } from \"../global/resizeObserver\";\n\nconst offset = 8; // see --label-offset-left-x css var\n\nconst contourOffset = 4; // see --contour-offset css var\n\n/**\n * Adjust the width of the cutout on the clip path for the notched label (TextField, Dropdown)\n */\nexport function useLabelNotch(root: Ref<HTMLElement | undefined>, labelSelector = \"label\") {\n  const labels = new Set<Element>();\n\n  onChanged(() => {\n    tapIf(root?.value, (el) => {\n      const label = el.querySelector(labelSelector);\n\n      if (!label) {\n        return;\n      }\n\n      labels.add(label);\n\n      startResizeObserving(label, () => {\n        const rightOffset = call(() => {\n          return (\n            label.getBoundingClientRect().width +\n            tap(offset, (n) => (Number.isNaN(n) ? contourOffset : n + contourOffset))\n          ); //\n        });\n\n        if (el.style.getPropertyValue(\"--label-offset-right-x\") !== `${rightOffset}px`) {\n          el.style.setProperty(\"--label-offset-right-x\", `${rightOffset}px`);\n        }\n      });\n    });\n  });\n\n  onBeforeUnmount(() => {\n    Array.from(labels.values()).map((el) => stopResizeObserving(el));\n  });\n}\n"],"names":["offset","contourOffset","useLabelNotch","root","labelSelector","labels","onChanged","tapIf","el","label","startResizeObserving","rightOffset","call","tap","n","onBeforeUnmount","stopResizeObserving"],"mappings":";;;;;AAMA,MAAMA,IAAS,GAETC,IAAgB;AAKf,SAASC,EAAcC,GAAoCC,IAAgB,SAAS;AACzF,QAAMC,wBAAa,IAAA;AAEnB,EAAAC,EAAU,MAAM;AACd,IAAAC,EAAMJ,KAAA,gBAAAA,EAAM,OAAO,CAACK,MAAO;AACzB,YAAMC,IAAQD,EAAG,cAAcJ,CAAa;AAE5C,MAAKK,MAILJ,EAAO,IAAII,CAAK,GAEhBC,EAAqBD,GAAO,MAAM;AAChC,cAAME,IAAcC,EAAK,MAErBH,EAAM,sBAAA,EAAwB,QAC9BI,EAAIb,GAAQ,CAACc,MAAO,OAAO,MAAMA,CAAC,IAAIb,IAAgBa,IAAIb,CAAc,CAE3E;AAED,QAAIO,EAAG,MAAM,iBAAiB,wBAAwB,MAAM,GAAGG,CAAW,QACxEH,EAAG,MAAM,YAAY,0BAA0B,GAAGG,CAAW,IAAI;AAAA,MAErE,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,GAEDI,EAAgB,MAAM;AACpB,UAAM,KAAKV,EAAO,OAAA,CAAQ,EAAE,IAAI,CAACG,MAAOQ,EAAoBR,CAAE,CAAC;AAAA,EACjE,CAAC;AACH;"}

package/dist/utils/useValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidation.js","sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from 'vue';\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === 'string') {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"names":["validateFormValue","value","rules","errors","rule","err","useValidation","val","computed"],"mappings":";AAIO,SAASA,EAAqBC,GAAUC,GAAuC;AACpF,QAAMC,IAAmB,CAAA;AACzB,SAAID,KAASA,EAAM,SAAS,KAC1BA,EAAM,QAAQ,CAACE,MAAS;AACtB,UAAMC,IAAMD,EAAKH,CAAK;AACtB,IAAI,OAAOI,KAAQ,YACjBF,EAAO,KAAKE,CAAG;AAAA,EAEnB,CAAC,GAEI;AAAA,IACL,SAASF,EAAO,WAAW;AAAA,IAC3B,QAAAA;AAAA,EAAA;AAEJ;AAEO,SAASG,EAAiBC,GAAaL,GAAuC;AACnF,SAAOM,EAAS,MACPR,EAAkBO,EAAI,OAAOL,CAAK,CAC1C;AACH;"}
+{"version":3,"file":"useValidation.js","sources":["../../src/utils/useValidation.ts"],"sourcesContent":["import { computed, type Ref } from \"vue\";\n\n// Validation rules similar to those in Vuetify\n\nexport function validateFormValue<T>(value: T, rules: ((v: T) => boolean | string)[]) {\n  const errors: string[] = [];\n  if (rules && rules.length > 0) {\n    rules.forEach((rule) => {\n      const err = rule(value);\n      if (typeof err === \"string\") {\n        errors.push(err);\n      }\n    });\n  }\n  return {\n    isValid: errors.length === 0,\n    errors: errors,\n  };\n}\n\nexport function useValidation<T>(val: Ref<T>, rules: ((v: T) => boolean | string)[]) {\n  return computed(() => {\n    return validateFormValue(val.value, rules);\n  });\n}\n"],"names":["validateFormValue","value","rules","errors","rule","err","useValidation","val","computed"],"mappings":";AAIO,SAASA,EAAqBC,GAAUC,GAAuC;AACpF,QAAMC,IAAmB,CAAA;AACzB,SAAID,KAASA,EAAM,SAAS,KAC1BA,EAAM,QAAQ,CAACE,MAAS;AACtB,UAAMC,IAAMD,EAAKH,CAAK;AACtB,IAAI,OAAOI,KAAQ,YACjBF,EAAO,KAAKE,CAAG;AAAA,EAEnB,CAAC,GAEI;AAAA,IACL,SAASF,EAAO,WAAW;AAAA,IAC3B,QAAAA;AAAA,EAAA;AAEJ;AAEO,SAASG,EAAiBC,GAAaL,GAAuC;AACnF,SAAOM,EAAS,MACPR,EAAkBO,EAAI,OAAOL,CAAK,CAC1C;AACH;"}