@platforma-sdk/ui-vue 1.68.8 → 1.70.0

package/dist/components/PlDatasetSelector/PlDatasetSelector.style.css

@@ -1 +1 @@
-.pl-dataset-selector[data-v-b52c3499]{flex-direction:column;gap:12px;display:flex}
+.pl-dataset-selector[data-v-95f2adf4]{flex-direction:column;gap:12px;display:flex}

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue.d.ts

@@ -1,17 +1,17 @@
-import { DatasetOption, PlRef, PrimaryRef } from '@platforma-sdk/model';
+import { DatasetOption, DatasetSelection } from '@platforma-sdk/model';
 /**
- * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.
+ * Select a dataset and (optionally) a filter column, emitting a {@link DatasetSelection}.
  *
  * Behaves like {@link PlDropdownRef} when none of the offered datasets carry
  * filter options. When the selected dataset has compatible filters, a second
  * dropdown appears with the filters plus a "No filter" entry.
  *
- * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`
- * is treated as an unfiltered dataset), but always emits `PrimaryRef`
- * (or `undefined` when cleared).
+ * The emitted value bundles the user's pick (`primary`) with the auto-attached
+ * `enrichments` payload from the matching `DatasetOption`. Enrichments are
+ * opaque to the UI — block authors unbundle them inside their args resolver.
  */
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
-    modelValue?: PrimaryRef | PlRef | undefined;
+    modelValue?: DatasetSelection | undefined;
 } & {
     /** Available datasets, each optionally carrying compatible filter choices. */
     options?: Readonly<DatasetOption[]>;
@@ -38,14 +38,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /** Disable all interaction. */
     disabled?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: PrimaryRef | Readonly<{
-        __isRef: true;
-        blockId: string;
-        name: string;
-        requireEnrichments?: true | undefined;
-    }> | undefined) => any;
+    "update:modelValue": (value: DatasetSelection | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<{
-    modelValue?: PrimaryRef | PlRef | undefined;
+    modelValue?: DatasetSelection | undefined;
 } & {
     /** Available datasets, each optionally carrying compatible filter choices. */
     options?: Readonly<DatasetOption[]>;
@@ -72,12 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /** Disable all interaction. */
     disabled?: boolean;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: PrimaryRef | Readonly<{
-        __isRef: true;
-        blockId: string;
-        name: string;
-        requireEnrichments?: true | undefined;
-    }> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DatasetSelection | undefined) => any) | undefined;
 }>, {
     error: undefined;
     label: string;

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlDatasetSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"names":[],"mappings":"AAsKA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAO7E;;;;;;;;;;GAUG;;iBA0HU,UAAU,GAAG,KAAK,GAAG,SAAS;;IA7GvC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;;;;;;iBAsFT,UAAU,GAAG,KAAK,GAAG,SAAS;;IA7GvC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;;;;;;;WApBV,MAAM;iBAQA,MAAM;aAVV,QAAQ,CAAC,aAAa,EAAE,CAAC;YAI1B,MAAM;0BAEQ,MAAM;eAYjB,OAAO;cAER,OAAO;cAEP,OAAO;iBAVJ,MAAM;uBAEA,MAAM;mBAEV,MAAM;;cA3Bd,MAAM,OAAO;;cAAb,MAAM,OAAO;;AAFzB,wBAmQK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlDatasetSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"names":[],"mappings":"AAuKA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAS,MAAM,sBAAsB,CAAC;AAOnF;;;;;;;;;;GAUG;;iBA2HU,gBAAgB,GAAG,SAAS;;IAlHrC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;iBA2FT,gBAAgB,GAAG,SAAS;;IAlHrC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;;WApBV,MAAM;iBAQA,MAAM;aAVV,QAAQ,CAAC,aAAa,EAAE,CAAC;YAI1B,MAAM;0BAEQ,MAAM;eAYjB,OAAO;cAER,OAAO;cAEP,OAAO;iBAVJ,MAAM;uBAEA,MAAM;mBAEV,MAAM;;cAvBd,MAAM,OAAO;;cAAb,MAAM,OAAO;;AAFzB,wBAqQK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue2.js

@@ -1,5 +1,5 @@
 import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createSlots as i, createVNode as a, defineComponent as o, mergeModels as s, openBlock as c, renderSlot as l, unref as u, useModel as d, useSlots as f, withCtx as p } from "vue";
-import { createPrimaryRef as m, isPrimaryRef as h, plRefsEqual as g } from "@platforma-sdk/model";
+import { createDatasetSelection as m, createPrimaryRef as h, plRefsEqual as g } from "@platforma-sdk/model";
 import { PlDropdown as _, PlDropdownRef as v } from "@milaboratories/uikit";
 //#region src/components/PlDatasetSelector/PlDatasetSelector.vue?vue&type=script&setup=true&lang.ts
 var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
@@ -32,16 +32,10 @@ var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
 	}),
 	emits: ["update:modelValue"],
 	setup(o) {
-		let s = f(), b = d(o, "modelValue"), x = o, S = e(() => {
-			let e = b.value;
-			if (e !== void 0) return h(e) ? e.column : e;
-		}), C = e(() => {
-			let e = b.value;
-			return h(e) ? e.filter : void 0;
-		}), w = e(() => {
+		let s = f(), b = d(o, "modelValue"), x = o, S = e(() => b.value?.primary.column), C = e(() => b.value?.primary.filter), w = e(() => {
 			let e = S.value;
-			if (e) return x.options?.find((t) => g(t.ref, e, !0));
-		}), T = e(() => (w.value?.filters?.length ?? 0) > 0), E = e(() => {
+			if (e) return x.options?.find((t) => g(t.primary.ref, e, !0));
+		}), T = e(() => x.options?.map((e) => e.primary)), E = e(() => (w.value?.filters?.length ?? 0) > 0), D = e(() => {
 			let e = w.value?.filters;
 			return e ? [{
 				label: x.noFilterLabel,
@@ -50,20 +44,25 @@ var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
 				label: e.label,
 				value: e.ref
 			}))] : [];
-		}), D = e(() => C.value ?? null);
-		function O(e, t) {
-			b.value = e === void 0 ? void 0 : m(e, t);
-		}
-		function k(e) {
-			O(e, void 0);
+		}), O = e(() => C.value ?? null);
+		function k(e, t) {
+			if (e === void 0) {
+				b.value = void 0;
+				return;
+			}
+			let n = x.options?.find((t) => g(t.primary.ref, e, !0));
+			b.value = m(h(e, t), n?.enrichments);
 		}
 		function A(e) {
+			k(e, void 0);
+		}
+		function j(e) {
 			let t = S.value;
-			t && O(t, e ?? void 0);
+			t && k(t, e ?? void 0);
 		}
 		return (e, d) => (c(), r("div", y, [a(u(v), {
 			"model-value": S.value,
-			options: o.options,
+			options: T.value,
 			label: o.label,
 			helper: o.helper,
 			"loading-options-helper": o.loadingOptionsHelper,
@@ -72,7 +71,7 @@ var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
 			clearable: o.clearable,
 			required: o.required,
 			disabled: o.disabled,
-			"onUpdate:modelValue": k
+			"onUpdate:modelValue": A
 		}, i({ _: 2 }, [s.tooltip ? {
 			name: "tooltip",
 			fn: p(() => [l(e.$slots, "tooltip", {}, void 0, !0)]),
@@ -88,14 +87,14 @@ var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
 			"clearable",
 			"required",
 			"disabled"
-		]), T.value ? (c(), t(u(_), {
+		]), E.value ? (c(), t(u(_), {
 			key: 0,
-			"model-value": D.value,
-			options: E.value,
+			"model-value": O.value,
+			options: D.value,
 			label: o.filterLabel,
 			placeholder: o.filterPlaceholder,
 			disabled: o.disabled,
-			"onUpdate:modelValue": A
+			"onUpdate:modelValue": j
 		}, null, 8, [
 			"model-value",
 			"options",

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlDatasetSelector.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.\n *\n * Behaves like {@link PlDropdownRef} when none of the offered datasets carry\n * filter options. When the selected dataset has compatible filters, a second\n * dropdown appears with the filters plus a \"No filter\" entry.\n *\n * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`\n * is treated as an unfiltered dataset), but always emits `PrimaryRef`\n * (or `undefined` when cleared).\n */\nexport default {\n  name: \"PlDatasetSelector\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { DatasetOption, PlRef, PrimaryRef } from \"@platforma-sdk/model\";\nimport { createPrimaryRef, isPrimaryRef, plRefsEqual } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"@milaboratories/uikit\";\nimport { PlDropdown, PlDropdownRef } from \"@milaboratories/uikit\";\nimport { computed } from \"vue\";\n\nconst slots = defineSlots<{\n  tooltip?: () => unknown;\n}>();\n\n/**\n * v-model value. Accepts `PrimaryRef`, plain `PlRef` (treated as unfiltered),\n * or `undefined`. Writes always emit `PrimaryRef` or `undefined`.\n */\nconst model = defineModel<PrimaryRef | PlRef | undefined>();\n\nconst props = withDefaults(\n  defineProps<{\n    /** Available datasets, each optionally carrying compatible filter choices. */\n    options?: Readonly<DatasetOption[]>;\n    /** Label above the dataset dropdown. */\n    label?: string;\n    /** Helper text below the dataset dropdown (shown when there is no error). */\n    helper?: string;\n    /** Helper text shown while `options` is undefined (loading). */\n    loadingOptionsHelper?: string;\n    /** Error message displayed below the dataset dropdown. */\n    error?: unknown;\n    /** Placeholder when no dataset is selected. */\n    placeholder?: string;\n    /** Label above the filter dropdown. */\n    filterLabel?: string;\n    /** Placeholder for the filter dropdown. */\n    filterPlaceholder?: string;\n    /** Label of the \"no filter\" entry prepended to the filter options. */\n    noFilterLabel?: string;\n    /** Show a clear button on the dataset dropdown. */\n    clearable?: boolean;\n    /** Mark the dataset dropdown as required. */\n    required?: boolean;\n    /** Disable all interaction. */\n    disabled?: boolean;\n  }>(),\n  {\n    options: undefined,\n    label: undefined,\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    filterLabel: \"\",\n    filterPlaceholder: \"...\",\n    noFilterLabel: \"No filter\",\n    clearable: false,\n    required: false,\n    disabled: false,\n  },\n);\n\nconst selectedDataset = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  if (v === undefined) return undefined;\n  return isPrimaryRef(v) ? v.column : v;\n});\n\nconst selectedFilter = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  return isPrimaryRef(v) ? v.filter : undefined;\n});\n\nconst currentDatasetOption = computed<DatasetOption | undefined>(() => {\n  const dataset = selectedDataset.value;\n  if (!dataset) return undefined;\n  return props.options?.find((o) => plRefsEqual(o.ref, dataset, true));\n});\n\nconst hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);\n\n/**\n * Filter dropdown options. The first entry (`null`) is the \"No filter\" choice —\n * null distinguishes it from `undefined` (dropdown clear button, disabled here).\n */\nconst filterOptions = computed<ListOption<PlRef | null>[]>(() => {\n  const filters = currentDatasetOption.value?.filters;\n  if (!filters) return [];\n  return [\n    { label: props.noFilterLabel, value: null } as ListOption<PlRef | null>,\n    ...filters.map((f) => ({ label: f.label, value: f.ref }) as ListOption<PlRef | null>),\n  ];\n});\n\nconst filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);\n\nfunction emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {\n  model.value = dataset === undefined ? undefined : createPrimaryRef(dataset, filter);\n}\n\nfunction onDatasetChange(dataset: PlRef | undefined) {\n  emitValue(dataset, undefined);\n}\n\nfunction onFilterChange(value: PlRef | null | undefined) {\n  const dataset = selectedDataset.value;\n  if (!dataset) return;\n  emitValue(dataset, value ?? undefined);\n}\n</script>\n\n<template>\n  <div class=\"pl-dataset-selector\">\n    <PlDropdownRef\n      :model-value=\"selectedDataset\"\n      :options=\"options\"\n      :label=\"label\"\n      :helper=\"helper\"\n      :loading-options-helper=\"loadingOptionsHelper\"\n      :error=\"error\"\n      :placeholder=\"placeholder\"\n      :clearable=\"clearable\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onDatasetChange\"\n    >\n      <template v-if=\"slots.tooltip\" #tooltip>\n        <slot name=\"tooltip\" />\n      </template>\n    </PlDropdownRef>\n    <PlDropdown\n      v-if=\"hasFilters\"\n      :model-value=\"filterValue\"\n      :options=\"filterOptions\"\n      :label=\"filterLabel\"\n      :placeholder=\"filterPlaceholder\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onFilterChange\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.pl-dataset-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;CAaE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWR,IAAM,IAAQ,GAEV,EAME,IAAQ,EAA2C,GAAA,aAAE,EAErD,IAAQ,GA2CR,IAAkB,QAAkC;GACxD,IAAM,IAAI,EAAM;AACZ,aAAM,KAAA,EACV,QAAO,EAAa,EAAE,GAAG,EAAE,SAAS;IACpC,EAEI,IAAiB,QAAkC;GACvD,IAAM,IAAI,EAAM;AAChB,UAAO,EAAa,EAAE,GAAG,EAAE,SAAS,KAAA;IACpC,EAEI,IAAuB,QAA0C;GACrE,IAAM,IAAU,EAAgB;AAC3B,SACL,QAAO,EAAM,SAAS,MAAM,MAAM,EAAY,EAAE,KAAK,GAAS,GAAK,CAAC;IACpE,EAEI,IAAa,SAAgB,EAAqB,OAAO,SAAS,UAAU,KAAK,EAAE,EAMnF,IAAgB,QAA2C;GAC/D,IAAM,IAAU,EAAqB,OAAO;AAE5C,UADK,IACE,CACL;IAAE,OAAO,EAAM;IAAe,OAAO;IAAM,EAC3C,GAAG,EAAQ,KAAK,OAAO;IAAE,OAAO,EAAE;IAAO,OAAO,EAAE;IAAK,EAA8B,CACtF,GAJoB,EAAE;IAKvB,EAEI,IAAc,QAA6B,EAAe,SAAS,KAAK;EAE9E,SAAS,EAAU,GAA4B,GAA2B;AACxE,KAAM,QAAQ,MAAY,KAAA,IAAY,KAAA,IAAY,EAAiB,GAAS,EAAO;;EAGrF,SAAS,EAAgB,GAA4B;AACnD,KAAU,GAAS,KAAA,EAAU;;EAG/B,SAAS,EAAe,GAAiC;GACvD,IAAM,IAAU,EAAgB;AAC3B,QACL,EAAU,GAAS,KAAS,KAAA,EAAU;;yBAKtC,EA2BM,OA3BN,GA2BM,CA1BJ,EAgBgB,EAAA,EAAA,EAAA;GAfb,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,0BAAwB,EAAA;GACxB,OAAO,EAAA;GACP,aAAa,EAAA;GACb,WAAW,EAAA;GACX,UAAU,EAAA;GACV,UAAU,EAAA;GACV,uBAAoB;kBAEL,EAAM,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;MAInB,EAAA,SAAA,GAAA,EADR,EAQE,EAAA,EAAA,EAAA;;GANC,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,aAAa,EAAA;GACb,UAAU,EAAA;GACV,uBAAoB"}
+{"version":3,"file":"PlDatasetSelector.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Select a dataset and (optionally) a filter column, emitting a {@link DatasetSelection}.\n *\n * Behaves like {@link PlDropdownRef} when none of the offered datasets carry\n * filter options. When the selected dataset has compatible filters, a second\n * dropdown appears with the filters plus a \"No filter\" entry.\n *\n * The emitted value bundles the user's pick (`primary`) with the auto-attached\n * `enrichments` payload from the matching `DatasetOption`. Enrichments are\n * opaque to the UI — block authors unbundle them inside their args resolver.\n */\nexport default {\n  name: \"PlDatasetSelector\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { DatasetOption, DatasetSelection, PlRef } from \"@platforma-sdk/model\";\nimport { createDatasetSelection, createPrimaryRef, plRefsEqual } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"@milaboratories/uikit\";\nimport { PlDropdown, PlDropdownRef } from \"@milaboratories/uikit\";\nimport { computed } from \"vue\";\n\nconst slots = defineSlots<{\n  tooltip?: () => unknown;\n}>();\n\nconst model = defineModel<DatasetSelection | undefined>();\n\nconst props = withDefaults(\n  defineProps<{\n    /** Available datasets, each optionally carrying compatible filter choices. */\n    options?: Readonly<DatasetOption[]>;\n    /** Label above the dataset dropdown. */\n    label?: string;\n    /** Helper text below the dataset dropdown (shown when there is no error). */\n    helper?: string;\n    /** Helper text shown while `options` is undefined (loading). */\n    loadingOptionsHelper?: string;\n    /** Error message displayed below the dataset dropdown. */\n    error?: unknown;\n    /** Placeholder when no dataset is selected. */\n    placeholder?: string;\n    /** Label above the filter dropdown. */\n    filterLabel?: string;\n    /** Placeholder for the filter dropdown. */\n    filterPlaceholder?: string;\n    /** Label of the \"no filter\" entry prepended to the filter options. */\n    noFilterLabel?: string;\n    /** Show a clear button on the dataset dropdown. */\n    clearable?: boolean;\n    /** Mark the dataset dropdown as required. */\n    required?: boolean;\n    /** Disable all interaction. */\n    disabled?: boolean;\n  }>(),\n  {\n    options: undefined,\n    label: undefined,\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    filterLabel: \"\",\n    filterPlaceholder: \"...\",\n    noFilterLabel: \"No filter\",\n    clearable: false,\n    required: false,\n    disabled: false,\n  },\n);\n\nconst selectedDataset = computed<PlRef | undefined>(() => model.value?.primary.column);\n\nconst selectedFilter = computed<PlRef | undefined>(() => model.value?.primary.filter);\n\nconst currentDatasetOption = computed<DatasetOption | undefined>(() => {\n  const dataset = selectedDataset.value;\n  if (!dataset) return undefined;\n  return props.options?.find((o) => plRefsEqual(o.primary.ref, dataset, true));\n});\n\n// PlDropdownRef expects `Option[]`; project the primary out of each entry.\nconst primaryOptions = computed<readonly { ref: PlRef; label: string }[] | undefined>(() =>\n  props.options?.map((o) => o.primary),\n);\n\nconst hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);\n\n/**\n * Filter dropdown options. The first entry (`null`) is the \"No filter\" choice —\n * null distinguishes it from `undefined` (dropdown clear button, disabled here).\n */\nconst filterOptions = computed<ListOption<PlRef | null>[]>(() => {\n  const filters = currentDatasetOption.value?.filters;\n  if (!filters) return [];\n  return [\n    { label: props.noFilterLabel, value: null } as ListOption<PlRef | null>,\n    ...filters.map((f) => ({ label: f.label, value: f.ref }) as ListOption<PlRef | null>),\n  ];\n});\n\nconst filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);\n\nfunction emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {\n  if (dataset === undefined) {\n    model.value = undefined;\n    return;\n  }\n  // Resolve from `props.options` directly — `currentDatasetOption` may not\n  // have recomputed yet when this runs synchronously inside a change handler.\n  const option = props.options?.find((o) => plRefsEqual(o.primary.ref, dataset, true));\n  model.value = createDatasetSelection(createPrimaryRef(dataset, filter), option?.enrichments);\n}\n\nfunction onDatasetChange(dataset: PlRef | undefined) {\n  emitValue(dataset, undefined);\n}\n\nfunction onFilterChange(value: PlRef | null | undefined) {\n  const dataset = selectedDataset.value;\n  if (!dataset) return;\n  emitValue(dataset, value ?? undefined);\n}\n</script>\n\n<template>\n  <div class=\"pl-dataset-selector\">\n    <PlDropdownRef\n      :model-value=\"selectedDataset\"\n      :options=\"primaryOptions\"\n      :label=\"label\"\n      :helper=\"helper\"\n      :loading-options-helper=\"loadingOptionsHelper\"\n      :error=\"error\"\n      :placeholder=\"placeholder\"\n      :clearable=\"clearable\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onDatasetChange\"\n    >\n      <template v-if=\"slots.tooltip\" #tooltip>\n        <slot name=\"tooltip\" />\n      </template>\n    </PlDropdownRef>\n    <PlDropdown\n      v-if=\"hasFilters\"\n      :model-value=\"filterValue\"\n      :options=\"filterOptions\"\n      :label=\"filterLabel\"\n      :placeholder=\"filterPlaceholder\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onFilterChange\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.pl-dataset-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;CAaE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWR,IAAM,IAAQ,GAEV,EAEE,IAAQ,EAAyC,GAAA,aAAE,EAEnD,IAAQ,GA2CR,IAAkB,QAAkC,EAAM,OAAO,QAAQ,OAAO,EAEhF,IAAiB,QAAkC,EAAM,OAAO,QAAQ,OAAO,EAE/E,IAAuB,QAA0C;GACrE,IAAM,IAAU,EAAgB;AAC3B,SACL,QAAO,EAAM,SAAS,MAAM,MAAM,EAAY,EAAE,QAAQ,KAAK,GAAS,GAAK,CAAC;IAC5E,EAGI,IAAiB,QACrB,EAAM,SAAS,KAAK,MAAM,EAAE,QAAQ,CACrC,EAEK,IAAa,SAAgB,EAAqB,OAAO,SAAS,UAAU,KAAK,EAAE,EAMnF,IAAgB,QAA2C;GAC/D,IAAM,IAAU,EAAqB,OAAO;AAE5C,UADK,IACE,CACL;IAAE,OAAO,EAAM;IAAe,OAAO;IAAM,EAC3C,GAAG,EAAQ,KAAK,OAAO;IAAE,OAAO,EAAE;IAAO,OAAO,EAAE;IAAK,EAA8B,CACtF,GAJoB,EAAE;IAKvB,EAEI,IAAc,QAA6B,EAAe,SAAS,KAAK;EAE9E,SAAS,EAAU,GAA4B,GAA2B;AACxE,OAAI,MAAY,KAAA,GAAW;AACzB,MAAM,QAAQ,KAAA;AACd;;GAIF,IAAM,IAAS,EAAM,SAAS,MAAM,MAAM,EAAY,EAAE,QAAQ,KAAK,GAAS,GAAK,CAAC;AACpF,KAAM,QAAQ,EAAuB,EAAiB,GAAS,EAAO,EAAE,GAAQ,YAAY;;EAG9F,SAAS,EAAgB,GAA4B;AACnD,KAAU,GAAS,KAAA,EAAU;;EAG/B,SAAS,EAAe,GAAiC;GACvD,IAAM,IAAU,EAAgB;AAC3B,QACL,EAAU,GAAS,KAAS,KAAA,EAAU;;yBAKtC,EA2BM,OA3BN,GA2BM,CA1BJ,EAgBgB,EAAA,EAAA,EAAA;GAfb,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,0BAAwB,EAAA;GACxB,OAAO,EAAA;GACP,aAAa,EAAA;GACb,WAAW,EAAA;GACX,UAAU,EAAA;GACV,UAAU,EAAA;GACV,uBAAoB;kBAEL,EAAM,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;MAInB,EAAA,SAAA,GAAA,EADR,EAQE,EAAA,EAAA,EAAA;;GANC,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,aAAa,EAAA;GACb,UAAU,EAAA;GACV,uBAAoB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.68.8",
+  "version": "1.70.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -26,10 +26,10 @@
     "lru-cache": "^11.2.2",
     "vue": "^3.5.24",
     "zod": "~3.25.76",
-    "@milaboratories/pf-spec-driver": "1.3.6",
-    "@milaboratories/uikit": "2.12.15",
-    "@milaboratories/pl-model-common": "1.36.2",
-    "@platforma-sdk/model": "1.68.8"
+    "@milaboratories/pf-spec-driver": "1.3.7",
+    "@milaboratories/pl-model-common": "1.37.0",
+    "@platforma-sdk/model": "1.70.0",
+    "@milaboratories/uikit": "2.13.1"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -45,9 +45,9 @@
     "typescript": "~5.9.3",
     "vite": "^8.0.6",
     "vitest": "^4.1.3",
-    "@milaboratories/helpers": "1.14.1",
     "@milaboratories/build-configs": "2.0.0",
     "@milaboratories/ts-builder": "1.3.2",
+    "@milaboratories/helpers": "1.14.1",
     "@milaboratories/ts-configs": "1.2.3"
   },
   "scripts": {

package/src/components/PlAgDataTable/sources/table-source-v2.ts

@@ -126,7 +126,7 @@ export async function calculateGridOptions({
 
   // displayable column indices ordered: axes first, then columns by OrderPriority
   const fields = sortIndicesByTypeAndPriority(
-    selectDisplayableIndices(tableSpecs, isPartitionedAxis),
+    selectDisplayableIndices(tableSpecs, isPartitionedAxis, getLabelColumnIndex),
     tableSpecs,
   );
 
@@ -337,8 +337,6 @@ export function makeColDef(
   };
 }
 
-type LabelColumnLookup = (axisId: AxisId) => number;
-
 /** Build index mapping from full tableSpecs to their position in visibleTableSpecs (missing → -1). */
 function buildSpecsToVisibleSpecsMapping(
   tableSpecs: PTableColumnSpec[],
@@ -370,7 +368,7 @@ function createPartitionedAxisPredicate(sheets: PlDataTableSheet[]): (axisId: Ax
 function collectLabelColumnsByAxis(
   tableSpecs: PTableColumnSpec[],
   isPartitionedAxis: (axisId: AxisId) => boolean,
-): LabelColumnLookup {
+): (axisId: AxisId) => number {
   const labelColumns: { axisId: AxisId; labelColumnIdx: number }[] = [];
   for (const [i, spec] of tableSpecs.entries()) {
     if (spec.type !== "column" || !isLabelColumnSpec(spec.spec)) continue;
@@ -390,16 +388,22 @@ function collectLabelColumnsByAxis(
 function selectDisplayableIndices(
   tableSpecs: PTableColumnSpec[],
   isPartitionedAxis: (axisId: AxisId) => boolean,
+  getLabelColumnIndex: (axisId: AxisId) => number,
 ): number[] {
   return tableSpecs
     .entries()
     .filter(([, spec]) => {
       switch (spec.type) {
         case "axis":
-          return !isColumnHidden(spec.spec) && !isPartitionedAxis(spec.id);
+          return (
+            // show axis if not hidden or if it has a label column
+            (!isColumnHidden(spec.spec) ? true : getLabelColumnIndex(spec.id) > -1) &&
+            !isPartitionedAxis(spec.id)
+          );
         case "column":
           return (
             !isColumnHidden(spec.spec) &&
+            // hide label columns (their labeled axes are shown instead)
             !isLabelColumnSpec(spec.spec) &&
             !isLinkerColumnSpec(spec.spec)
           );
@@ -429,7 +433,7 @@ function sortIndicesByTypeAndPriority(indices: number[], tableSpecs: PTableColum
 function replaceAxesWithLabelColumns(
   fields: number[],
   tableSpecs: PTableColumnSpec[],
-  getLabelColumnIndex: LabelColumnLookup,
+  getLabelColumnIndex: (axisId: AxisId) => number,
 ): number[] {
   return fields.map((i) => {
     const spec = tableSpecs[i];

package/src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import {
   PlBtnGhost,
+  PlBtnSecondary,
   PlElementList,
+  PlIcon24,
   PlSearchField,
   PlSlideModal,
   usePlBlockPageTitleTeleportTarget,
@@ -45,6 +47,24 @@ const { filteredItems, segments } = useFilteredItems({
   query,
   getStrings: (item) => [item.label],
 });
+
+const toggleableFilteredItems = computed(() =>
+  filteredItems.value.filter((item) => item.id !== PlAgDataTableRowNumberColId),
+);
+
+const allFilteredHidden = computed(
+  () =>
+    toggleableFilteredItems.value.length > 0 &&
+    toggleableFilteredItems.value.every((item) => !item.column.isVisible()),
+);
+
+const toggleAllFiltered = () => {
+  if (props.api.isDestroyed()) return;
+  const nextVisible = allFilteredHidden.value;
+  const cols = toggleableFilteredItems.value.map((item) => item.column);
+  if (cols.length === 0) return;
+  props.api.setColumnsVisible(cols, nextVisible);
+};
 </script>
 
 <template>
@@ -54,7 +74,17 @@ const { filteredItems, segments } = useFilteredItems({
 
   <PlSlideModal v-model="slideModal" :width="width" close-on-outside-click>
     <template #title>Manage Columns</template>
-    <PlSearchField v-model="query" clearable />
+    <div :class="$style.searchRow">
+      <PlSearchField v-model="query" clearable />
+      <PlBtnSecondary
+        :class="$style.toggleAllBtn"
+        :disabled="toggleableFilteredItems.length === 0"
+        @click.stop="toggleAllFiltered"
+      >
+        <PlIcon24 v-if="allFilteredHidden" name="view-show" />
+        <PlIcon24 v-else name="view-hide" />
+      </PlBtnSecondary>
+    </div>
     <PlElementList
       :items="filteredItems"
       :get-item-key="(item) => item.id"
@@ -101,4 +131,24 @@ const { filteredItems, segments } = useFilteredItems({
   background-color: var(--color-active-select);
   border-radius: 2px;
 }
+
+.searchRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.searchRow > :first-child {
+  flex: 1;
+}
+
+.toggleAllBtn {
+  min-width: unset;
+  opacity: 0.2;
+  transition: opacity 0.3s;
+
+  &:hover {
+    opacity: 1;
+  }
+}
 </style>

package/src/components/PlDatasetSelector/PlDatasetSelector.vue

@@ -1,14 +1,14 @@
 <script lang="ts">
 /**
- * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.
+ * Select a dataset and (optionally) a filter column, emitting a {@link DatasetSelection}.
  *
  * Behaves like {@link PlDropdownRef} when none of the offered datasets carry
  * filter options. When the selected dataset has compatible filters, a second
  * dropdown appears with the filters plus a "No filter" entry.
  *
- * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`
- * is treated as an unfiltered dataset), but always emits `PrimaryRef`
- * (or `undefined` when cleared).
+ * The emitted value bundles the user's pick (`primary`) with the auto-attached
+ * `enrichments` payload from the matching `DatasetOption`. Enrichments are
+ * opaque to the UI — block authors unbundle them inside their args resolver.
  */
 export default {
   name: "PlDatasetSelector",
@@ -16,8 +16,8 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import type { DatasetOption, PlRef, PrimaryRef } from "@platforma-sdk/model";
-import { createPrimaryRef, isPrimaryRef, plRefsEqual } from "@platforma-sdk/model";
+import type { DatasetOption, DatasetSelection, PlRef } from "@platforma-sdk/model";
+import { createDatasetSelection, createPrimaryRef, plRefsEqual } from "@platforma-sdk/model";
 import type { ListOption } from "@milaboratories/uikit";
 import { PlDropdown, PlDropdownRef } from "@milaboratories/uikit";
 import { computed } from "vue";
@@ -26,11 +26,7 @@ const slots = defineSlots<{
   tooltip?: () => unknown;
 }>();
 
-/**
- * v-model value. Accepts `PrimaryRef`, plain `PlRef` (treated as unfiltered),
- * or `undefined`. Writes always emit `PrimaryRef` or `undefined`.
- */
-const model = defineModel<PrimaryRef | PlRef | undefined>();
+const model = defineModel<DatasetSelection | undefined>();
 
 const props = withDefaults(
   defineProps<{
@@ -75,23 +71,21 @@ const props = withDefaults(
   },
 );
 
-const selectedDataset = computed<PlRef | undefined>(() => {
-  const v = model.value;
-  if (v === undefined) return undefined;
-  return isPrimaryRef(v) ? v.column : v;
-});
+const selectedDataset = computed<PlRef | undefined>(() => model.value?.primary.column);
 
-const selectedFilter = computed<PlRef | undefined>(() => {
-  const v = model.value;
-  return isPrimaryRef(v) ? v.filter : undefined;
-});
+const selectedFilter = computed<PlRef | undefined>(() => model.value?.primary.filter);
 
 const currentDatasetOption = computed<DatasetOption | undefined>(() => {
   const dataset = selectedDataset.value;
   if (!dataset) return undefined;
-  return props.options?.find((o) => plRefsEqual(o.ref, dataset, true));
+  return props.options?.find((o) => plRefsEqual(o.primary.ref, dataset, true));
 });
 
+// PlDropdownRef expects `Option[]`; project the primary out of each entry.
+const primaryOptions = computed<readonly { ref: PlRef; label: string }[] | undefined>(() =>
+  props.options?.map((o) => o.primary),
+);
+
 const hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);
 
 /**
@@ -110,7 +104,14 @@ const filterOptions = computed<ListOption<PlRef | null>[]>(() => {
 const filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);
 
 function emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {
-  model.value = dataset === undefined ? undefined : createPrimaryRef(dataset, filter);
+  if (dataset === undefined) {
+    model.value = undefined;
+    return;
+  }
+  // Resolve from `props.options` directly — `currentDatasetOption` may not
+  // have recomputed yet when this runs synchronously inside a change handler.
+  const option = props.options?.find((o) => plRefsEqual(o.primary.ref, dataset, true));
+  model.value = createDatasetSelection(createPrimaryRef(dataset, filter), option?.enrichments);
 }
 
 function onDatasetChange(dataset: PlRef | undefined) {
@@ -128,7 +129,7 @@ function onFilterChange(value: PlRef | null | undefined) {
   <div class="pl-dataset-selector">
     <PlDropdownRef
       :model-value="selectedDataset"
-      :options="options"
+      :options="primaryOptions"
       :label="label"
       :helper="helper"
       :loading-options-helper="loadingOptionsHelper"