@milaboratories/uikit 2.16.3 → 2.17.0

package/dist/helpers/columnValue.d.ts

@@ -0,0 +1,25 @@
+import { FunctionalComponent } from 'vue';
+/**
+ * Text shown in place of a selected value missing from its options: one for every such value,
+ * or one per value, `undefined` leaving the usual text.
+ */
+export type MissingValueLabel = string | ((value: unknown) => string | undefined);
+/**
+ * Tooltip over a selected value missing from its options: one text for every such value, or
+ * content per value, `undefined` when there is nothing to tell about it.
+ */
+export type MissingValueTooltip = string | ((value: unknown) => FunctionalComponent | undefined);
+/**
+ * The value a column value id picks, as text; `undefined` for any other value. A picked value
+ * keeps a readable label while the options that would carry it are not loaded or no longer
+ * hold it.
+ */
+export declare function pickedValueText(value: unknown): string | undefined;
+/**
+ * Text shown for a selected value missing from the options: the one `label` gives for it, else
+ * the picked value of a column value id marked as not available, else a generic one.
+ */
+export declare function missingValueText(value: unknown, label: MissingValueLabel | undefined): string;
+/** Content of the tooltip `tooltip` gives over a selected value missing from the options. */
+export declare function missingValueTooltip(value: unknown, tooltip: MissingValueTooltip | undefined): FunctionalComponent | undefined;
+//# sourceMappingURL=columnValue.d.ts.map

package/dist/helpers/columnValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnValue.d.ts","sourceRoot":"","sources":["../../src/helpers/columnValue.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,KAAK,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;AAElF;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,mBAAmB,GAAG,SAAS,CAAC,CAAC;AAEjG;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAElE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAK7F;AAED,6FAA6F;AAC7F,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,GAAG,SAAS,GACvC,mBAAmB,GAAG,SAAS,CAGjC"}

package/dist/helpers/columnValue.js

@@ -0,0 +1,17 @@
+import { columnValueLabel as e, isColumnValueId as t } from "@platforma-sdk/model";
+// src/helpers/columnValue.ts
+function n(n) {
+	return t(n) ? e(n) : void 0;
+}
+function r(e, t) {
+	let r = typeof t == "function" ? t(e) : t;
+	if (r !== void 0) return r;
+	let i = n(e);
+	return i === void 0 ? "Value not available" : `${i} — not available`;
+}
+function i(e, t) {
+	return typeof t == "string" ? () => t : t?.(e);
+}
+export { r as missingValueText, i as missingValueTooltip, n as pickedValueText };
+
+//# sourceMappingURL=columnValue.js.map

package/dist/helpers/columnValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnValue.js","names":["pickedValueText","isColumnValueId","value","columnValueLabel","missingValueText","given","label","picked","missingValueTooltip","tooltip"],"sources":["../../src/helpers/columnValue.ts"],"sourcesContent":["import { columnValueLabel, isColumnValueId } from \"@platforma-sdk/model\";\nimport type { FunctionalComponent } from \"vue\";\n\n/**\n * Text shown in place of a selected value missing from its options: one for every such value,\n * or one per value, `undefined` leaving the usual text.\n */\nexport type MissingValueLabel = string | ((value: unknown) => string | undefined);\n\n/**\n * Tooltip over a selected value missing from its options: one text for every such value, or\n * content per value, `undefined` when there is nothing to tell about it.\n */\nexport type MissingValueTooltip = string | ((value: unknown) => FunctionalComponent | undefined);\n\n/**\n * The value a column value id picks, as text; `undefined` for any other value. A picked value\n * keeps a readable label while the options that would carry it are not loaded or no longer\n * hold it.\n */\nexport function pickedValueText(value: unknown): string | undefined {\n  return isColumnValueId(value) ? columnValueLabel(value) : undefined;\n}\n\n/**\n * Text shown for a selected value missing from the options: the one `label` gives for it, else\n * the picked value of a column value id marked as not available, else a generic one.\n */\nexport function missingValueText(value: unknown, label: MissingValueLabel | undefined): string {\n  const given = typeof label === \"function\" ? label(value) : label;\n  if (given !== undefined) return given;\n  const picked = pickedValueText(value);\n  return picked === undefined ? \"Value not available\" : `${picked} — not available`;\n}\n\n/** Content of the tooltip `tooltip` gives over a selected value missing from the options. */\nexport function missingValueTooltip(\n  value: unknown,\n  tooltip: MissingValueTooltip | undefined,\n): FunctionalComponent | undefined {\n  if (typeof tooltip === \"string\") return () => tooltip;\n  return tooltip?.(value);\n}\n"],"mappings":";;AAoBA,SAAgBA,EAAgB,GAAoC;CAClE,OAAOC,EAAgBC,CAAK,IAAIC,EAAiBD,CAAK,IAAI,KAAA;AAC5D;AAMA,SAAgBE,EAAiB,GAAgB,GAA8C;CAC7F,IAAMC,IAAQ,OAAOC,KAAU,aAAaA,EAAMJ,CAAK,IAAII;CAC3D,IAAID,MAAU,KAAA,GAAW,OAAOA;CAChC,IAAME,IAASP,EAAgBE,CAAK;CACpC,OAAOK,MAAW,KAAA,IAAY,wBAAwB,GAAGA,EAAO;AAClE;AAGA,SAAgBC,EACd,GACA,GACiC;CAEjC,OADI,OAAOC,KAAY,iBAAuBA,IACvCA,IAAUP,CAAK;AACxB"}

package/dist/index.d.ts

@@ -61,6 +61,8 @@ export * from './components/PlTextField';
 export * from './components/PlToggleSwitch';
 export * from './components/PlTooltip';
 export * from './components/PlColumnLabel';
+export * from './components/PlValueLabel';
+export type { MissingValueLabel, MissingValueTooltip } from './helpers/columnValue';
 export * from './components/PlFileDialog';
 export * from './components/PlFileInput';
 export * from './components/PlNotificationAlert';

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"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"}
+{"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","PlValueLabel_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\";\nexport * from \"./components/PlValueLabel\";\nexport type { MissingValueLabel, MissingValueTooltip } from \"./helpers/columnValue\";\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA,IAAM0E,KAAW,EAAE,iBAAiBC,EAAgB,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.16.3",
+  "version": "2.17.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@milaboratories/helpers": "1.14.6",
-    "@platforma-sdk/model": "1.87.0",
+    "@platforma-sdk/model": "1.88.0",
     "@types/d3-array": "^3.2.1",
     "@types/d3-axis": "^3.0.6",
     "@types/d3-scale": "^4.0.9",

package/src/components/PlAlert/PlAlert.vue

@@ -18,6 +18,13 @@ defineEmits<{
   (e: "update:modelValue", value: boolean): void;
 }>();
 
+defineSlots<{
+  /** The alert text; the alert is the label alone without it. */
+  default?: () => unknown;
+  /** Content in place of the `label` text, such as a control that folds the alert. */
+  label?: () => unknown;
+}>();
+
 withDefaults(
   defineProps<{
     /**
@@ -89,8 +96,12 @@ const iconMap = {
       <div :class="`icon-24 icon-${iconMap[type]}`" />
     </div>
     <div class="pl-alert__main">
-      <label v-if="label" data-testid="pl-alert-label">{{ label }}</label>
-      <div data-testid="pl-alert-message" class="pl-alert__main__text"><slot /></div>
+      <label v-if="label || $slots.label" data-testid="pl-alert-label">
+        <slot name="label">{{ label }}</slot>
+      </label>
+      <div v-if="$slots.default" data-testid="pl-alert-message" class="pl-alert__main__text">
+        <slot />
+      </div>
     </div>
     <PlCloseModalBtn
       v-if="closeable"

package/src/components/PlDropdown/PlDropdown.vue

@@ -10,6 +10,8 @@ export default {
 <script lang="ts" setup generic="M = unknown">
 import { computed, reactive, ref, unref, useTemplateRef, watch, watchPostEffect } from "vue";
 import SvgRequired from "../../assets/images/required.svg?raw";
+import { missingValueText, missingValueTooltip, pickedValueText } from "../../helpers/columnValue";
+import type { MissingValueLabel, MissingValueTooltip } from "../../helpers/columnValue";
 import { getErrorMessage } from "../../helpers/error.ts";
 import { tap } from "../../helpers/functions";
 import { deepEqual } from "../../helpers/objects";
@@ -71,9 +73,16 @@ const props = withDefaults(
     placeholder?: string;
     /**
      * Text shown in the field when `modelValue` has no matching option — e.g. its
-     * upstream block was deleted. Rendered italic in error color.
+     * upstream block was deleted. Rendered italic in error color. One text for every such value,
+     * or a function giving it per value. By default, the value a column value id picks, marked
+     * as not available, or "Value not available".
      */
-    missingValueLabel?: string;
+    missingValueLabel?: MissingValueLabel;
+    /**
+     * Explains a selected value missing from the options in a tooltip over it: one text for every
+     * such value, or a function giving the content per value.
+     */
+    missingValueTooltip?: MissingValueTooltip;
     /**
      * Enables a button to clear the selected value (default: false)
      */
@@ -119,7 +128,8 @@ const props = withDefaults(
     error: undefined,
     showErrorMessage: true,
     placeholder: "...",
-    missingValueLabel: "Value not available",
+    missingValueLabel: undefined,
+    missingValueTooltip: undefined,
     clearable: false,
     required: false,
     disabled: false,
@@ -210,14 +220,25 @@ const selectedOption = computed(() =>
   unref(optionsRef).find((o) => deepEqual(o.value, props.modelValue)),
 );
 
-const textValue = computed(() => selectedOption.value?.label);
+const textValue = computed(() => {
+  const option = selectedOption.value;
+  if (option !== undefined) return option.label;
+  // A picked column value is shown by its own label while the options load.
+  return isLoadingOptions.value ? pickedValueText(props.modelValue) : undefined;
+});
+
+const missingText = computed(() => missingValueText(props.modelValue, props.missingValueLabel));
+
+const missingHint = computed(() =>
+  isMissing.value ? missingValueTooltip(props.modelValue, props.missingValueTooltip) : undefined,
+);
 
 // Native tooltip with the full selected value and its link hint. The `.input-value` layer has
 // `pointer-events: none`, so the title must sit on the field wrapper, which is
-// what actually receives the hover.
+// what actually receives the hover. A missing value with a hint has its own tooltip.
 const fieldTitle = computed(() => {
   if (data.open) return undefined;
-  if (isMissing.value) return props.missingValueLabel;
+  if (isMissing.value) return missingHint.value === undefined ? missingText.value : undefined;
   if (textValue.value === undefined) return undefined;
   const hint = selectedOption.value?.linkHint;
   return hint ? `${textValue.value}\n${hint}` : String(textValue.value);
@@ -385,12 +406,25 @@ watchPostEffect(() => {
           />
 
           <div v-if="!data.open" class="input-value" data-testid="pl-dropdown-value">
+            <PlTooltip
+              v-if="isMissing && missingHint !== undefined"
+              :class="$style.hint"
+              position="top"
+              data-testid="pl-dropdown-value-hint"
+            >
+              <LongText class="input-value--missing" data-testid="pl-dropdown-value-missing">
+                {{ missingText }}
+              </LongText>
+              <template #tooltip>
+                <component :is="missingHint" />
+              </template>
+            </PlTooltip>
             <LongText
-              v-if="isMissing"
+              v-else-if="isMissing"
               class="input-value--missing"
               data-testid="pl-dropdown-value-missing"
             >
-              {{ missingValueLabel }}
+              {{ missingText }}
             </LongText>
             <PlColumnLabel v-else-if="textValue !== undefined" :option="selectedOption">
               <LongText>{{ textValue }}</LongText>
@@ -459,3 +493,10 @@ watchPostEffect(() => {
     </div>
   </div>
 </template>
+
+<style module>
+.hint {
+  min-width: 0;
+  pointer-events: auto;
+}
+</style>

package/src/components/PlDropdown/__tests__/PlDropdown.spec.ts

@@ -1,6 +1,8 @@
 import { describe, it, expect } from "vitest";
 
 import { mount, flushPromises } from "@vue/test-utils";
+import { createColumnValueId, createGlobalPObjectId } from "@platforma-sdk/model";
+import type { MissingValueLabel, MissingValueTooltip } from "../../../helpers/columnValue";
 import PlDropdown from "../PlDropdown.vue";
 
 describe("PlDropdown", () => {
@@ -148,4 +150,97 @@ describe("PlDropdown", () => {
     await flushPromises();
     expect(wrapper.props("modelValue")).toBeUndefined();
   });
+
+  describe("with a column value id", () => {
+    const treated = createColumnValueId({
+      column: createGlobalPObjectId("samples", "metadata.condition"),
+      value: "treated",
+    });
+
+    it("shows the picked value while options are loading", async () => {
+      const wrapper = mount(PlDropdown, { props: { modelValue: treated, options: undefined } });
+      await flushPromises();
+      expect(wrapper.find(".input-value--missing").exists()).toBe(false);
+      expect(wrapper.find("[data-testid='pl-dropdown-value']").text()).toBe("treated");
+      expect(wrapper.find("[data-testid='pl-dropdown-loading']").exists()).toBe(true);
+    });
+
+    it("marks the picked value as not available when options lack it", async () => {
+      const wrapper = mount(PlDropdown, { props: { modelValue: treated, options: [] } });
+      await flushPromises();
+      expect(wrapper.find(".input-value--missing").text()).toBe("treated — not available");
+    });
+
+    it("keeps the caller's missingValueLabel", async () => {
+      const wrapper = mount(PlDropdown, {
+        props: { modelValue: treated, options: [], missingValueLabel: "Gone" },
+      });
+      await flushPromises();
+      expect(wrapper.find(".input-value--missing").text()).toBe("Gone");
+    });
+
+    it("explains a missing value by the hint of the app in a tooltip", async () => {
+      const hint: MissingValueTooltip = (value) =>
+        value === treated ? () => "Samples does not provide it" : undefined;
+      const wrapper = mount(PlDropdown, {
+        props: { modelValue: treated, options: [], missingValueTooltip: hint },
+        attachTo: document.body,
+      });
+      await flushPromises();
+      expect(
+        wrapper.find("[data-testid='pl-dropdown-control'] .pl-dropdown__field").attributes("title"),
+      ).toBeUndefined();
+
+      await wrapper.find("[data-testid='pl-dropdown-value-hint']").trigger("mouseover");
+      await new Promise((resolve) => setTimeout(resolve, 200));
+      expect(document.body.textContent).toContain("Samples does not provide it");
+      wrapper.unmount();
+    });
+
+    it("shows a missing value by the label given for it, as one text or per value", async () => {
+      const round = createGlobalPObjectId("samples", "metadata.round");
+      const field = async (missingValueLabel: MissingValueLabel) => {
+        const wrapper = mount(PlDropdown, {
+          props: { modelValue: round, options: [], missingValueLabel },
+        });
+        await flushPromises();
+        return wrapper.find(".input-value--missing").text();
+      };
+      expect(await field("Gone")).toBe("Gone");
+      expect(await field((value) => (value === round ? "Panning Round" : undefined))).toBe(
+        "Panning Round",
+      );
+      expect(await field(() => undefined)).toBe("Value not available");
+    });
+
+    it("shows one tooltip text over a missing value", async () => {
+      const wrapper = mount(PlDropdown, {
+        props: { modelValue: treated, options: [], missingValueTooltip: "Gone upstream" },
+        attachTo: document.body,
+      });
+      await flushPromises();
+      await wrapper.find("[data-testid='pl-dropdown-value-hint']").trigger("mouseover");
+      await new Promise((resolve) => setTimeout(resolve, 200));
+      expect(document.body.textContent).toContain("Gone upstream");
+      wrapper.unmount();
+    });
+
+    it("asks for no hint while the value is among the options", async () => {
+      const asked: unknown[] = [];
+      const hint: MissingValueTooltip = (value) => {
+        asked.push(value);
+        return undefined;
+      };
+      const wrapper = mount(PlDropdown, {
+        props: {
+          modelValue: treated,
+          options: [{ label: "Treated", value: treated }],
+          missingValueTooltip: hint,
+        },
+      });
+      await flushPromises();
+      expect(asked).toEqual([]);
+      expect(wrapper.find("[data-testid='pl-dropdown-value-hint']").exists()).toBe(false);
+    });
+  });
 });

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -19,6 +19,8 @@ import {
   watchPostEffect,
 } from "vue";
 import SvgRequired from "../../assets/images/required.svg?raw";
+import { missingValueText, missingValueTooltip, pickedValueText } from "../../helpers/columnValue";
+import type { MissingValueLabel, MissingValueTooltip } from "../../helpers/columnValue";
 import { getErrorMessage } from "../../helpers/error.ts";
 import { deepEqual, deepIncludes } from "../../helpers/objects";
 import { normalizeListOptions } from "../../helpers/utils";
@@ -69,9 +71,16 @@ const props = withDefaults(
     placeholder?: string;
     /**
      * Text shown in a chip when a `modelValue` entry is missing from `options` —
-     * e.g. its upstream source was deleted. Rendered italic in error color.
+     * e.g. its upstream source was deleted. Rendered italic in error color. One text for every
+     * such value, or a function giving it per value. By default, the value a column value id
+     * picks, marked as not available, or "Value not available".
      */
-    missingValueLabel?: string;
+    missingValueLabel?: MissingValueLabel;
+    /**
+     * Explains a selected value missing from the options in a tooltip over it: one text for every
+     * such value, or a function giving the content per value.
+     */
+    missingValueTooltip?: MissingValueTooltip;
     /**
      * If `true`, the dropdown component is marked as required.
      */
@@ -100,7 +109,8 @@ const props = withDefaults(
     helper: undefined,
     error: undefined,
     placeholder: "...",
-    missingValueLabel: "Value not available",
+    missingValueLabel: undefined,
+    missingValueTooltip: undefined,
     required: false,
     disabled: false,
     options: undefined,
@@ -134,7 +144,8 @@ const normalizedOptionsRef = computed(() => normalizeListOptions(props.options ?
 
 const selectedOptionsRef = computed(() => {
   // While options load (`options === undefined`), hide chips for unresolved values
-  // to avoid a "missing" flash that resolves once options arrive.
+  // to avoid a "missing" flash that resolves once options arrive. A picked column value
+  // is shown by its own label meanwhile.
   const optionsLoaded = props.options !== undefined;
   return selectedValuesRef.value
     .map((v) => {
@@ -143,16 +154,20 @@ const selectedOptionsRef = computed(() => {
         // Found: render the option's own (normalized) label verbatim — matches
         // PlDropdown. `opt.label` is always a string (possibly ""), never an object,
         // so there is no raw-value leak to guard against.
-        return { ...opt, isMissing: false };
+        return { ...opt, isMissing: false, hint: undefined };
       }
       if (!optionsLoaded) {
-        return undefined;
+        const label = pickedValueText(v);
+        return label === undefined
+          ? undefined
+          : { value: v, label, isMissing: false, hint: undefined };
       }
       // Honor empty `missingValueLabel` verbatim — caller's explicit "render nothing".
       return {
         value: v,
-        label: props.missingValueLabel,
+        label: missingValueText(v, props.missingValueLabel),
         isMissing: true,
+        hint: missingValueTooltip(v, props.missingValueTooltip),
       };
     })
     .filter((v): v is NonNullable<typeof v> => v !== undefined);
@@ -327,7 +342,20 @@ watchPostEffect(() => {
               @click.stop="data.open = true"
               @close="unselectOption(opt.value)"
             >
-              {{ opt.label }}
+              <!-- The hover stops here: the tooltip of the chip itself would close this one. -->
+              <PlTooltip
+                v-if="opt.hint !== undefined"
+                element="span"
+                position="top"
+                data-testid="pl-dropdown-multi-chip-hint"
+                @mouseover.stop
+              >
+                <span>{{ opt.label }}</span>
+                <template #tooltip>
+                  <component :is="opt.hint" />
+                </template>
+              </PlTooltip>
+              <template v-else>{{ opt.label }}</template>
             </PlChip>
           </div>
 
@@ -384,7 +412,20 @@ watchPostEffect(() => {
               small
               @close="unselectOption(opt.value)"
             >
-              {{ opt.label }}
+              <!-- The hover stops here: the tooltip of the chip itself would close this one. -->
+              <PlTooltip
+                v-if="opt.hint !== undefined"
+                element="span"
+                position="top"
+                data-testid="pl-dropdown-multi-chip-hint"
+                @mouseover.stop
+              >
+                <span>{{ opt.label }}</span>
+                <template #tooltip>
+                  <component :is="opt.hint" />
+                </template>
+              </PlTooltip>
+              <template v-else>{{ opt.label }}</template>
             </PlChip>
           </div>
           <DropdownListItem