nuxt-ui-tools 1.27.1 → 1.27.3

package/dist/module.json

@@ -5,7 +5,7 @@
   "configKey": "nuxtUiTools",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "name": "nuxt-ui-tools",
-  "version": "1.27.1",
+  "version": "1.27.3",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/dashboard/components/dashboard-view-tabs.vue

@@ -9,6 +9,7 @@ const { dashboard, ui } = defineProps({
 });
 defineSlots();
 const EDGE = 16;
+const LABEL = "inline-flex flex-col items-center after:invisible after:block after:h-0 after:overflow-hidden after:font-bold after:content-[attr(data-label)]";
 const { t } = useUiToolsLocale();
 const appUi = useDashboardUi();
 const strip = useTemplateRef("strip");
@@ -60,7 +61,7 @@ watch(
       @click="dashboard.view.current = item.value"
     >
       <slot name="tab" :item :active="dashboard.view.current === item.value">
-        {{ item.label }}
+        <span :class="LABEL" :data-label="item.label">{{ item.label }}{{ " " }}</span>
         <span v-if="item.badge !== void 0" :class="classes.badge" data-dashboard-view-badge>
           {{ item.badge }}
         </span>

package/dist/runtime/display/components/blocks/display-breakdown.vue

@@ -126,6 +126,9 @@ function valueClass(line) {
       <div :class="classes.total">
         <span v-reveal-truncated :class="classes.totalLabel">
           <DisplayRender :content="total?.label ?? title" />
+          <span v-if="!isDisplayContentEmpty(total?.detail)" :class="classes.detail"
+            ><DisplayRender :content="total?.detail"
+          /></span>
           <DisplayChip v-if="total?.chip" :chip="total.chip" />
         </span>
         <button type="button" :class="classes.toggle" :aria-expanded="open" @click="open = !open">
@@ -172,6 +175,9 @@ function valueClass(line) {
       <div v-if="total" :class="classes.total">
         <span v-reveal-truncated :class="classes.totalLabel">
           <DisplayRender :content="total.label" />
+          <span v-if="!isDisplayContentEmpty(total.detail)" :class="classes.detail"
+            ><DisplayRender :content="total.detail"
+          /></span>
           <DisplayChip v-if="total.chip" :chip="total.chip" />
         </span>
         <span :class="classes.totalValue"><DisplayRender :content="total.value" /></span>

package/dist/runtime/shared/styles/scrollbars.css

@@ -1 +1 @@
-@layer theme, base, components, utilities;@layer base{:root{--nut-scrollbar-size:11px;--nut-scrollbar-gap:3px;--nut-table-scrollbar-size:5px;--nut-table-scrollbar-idle-opacity:0;--nut-table-scrollbar-idle-pointer-events:none;--nut-scrollbar-thumb:color-mix(in srgb,var(--ui-text,#1f1d1a) 18%,transparent);--nut-scrollbar-thumb-hover:color-mix(in srgb,var(--ui-text,#1f1d1a) 32%,transparent);--nut-scrollbar-thumb-active:color-mix(in srgb,var(--ui-text,#1f1d1a) 44%,transparent)}@supports (scrollbar-width:thin){*{scrollbar-color:transparent transparent;scrollbar-width:thin;transition:scrollbar-color .2s ease}:hover{scrollbar-color:var(--nut-scrollbar-thumb) transparent}}@supports not (scrollbar-width:thin){::-webkit-scrollbar{background:transparent;height:var(--nut-scrollbar-size);width:var(--nut-scrollbar-size)}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:var(--nut-scrollbar-gap) solid transparent;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--nut-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--nut-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--nut-scrollbar-thumb-active)}}}
+@layer theme, base, components, utilities;@layer base{:root{--nut-scrollbar-size:11px;--nut-scrollbar-gap:3px;--nut-table-scrollbar-size:5px;--nut-table-scrollbar-idle-opacity:0;--nut-table-scrollbar-idle-pointer-events:none;--nut-scrollbar-thumb:color-mix(in srgb,var(--ui-text,#1f1d1a) 18%,transparent);--nut-scrollbar-thumb-hover:color-mix(in srgb,var(--ui-text,#1f1d1a) 32%,transparent);--nut-scrollbar-thumb-active:color-mix(in srgb,var(--ui-text,#1f1d1a) 44%,transparent)}@supports (scrollbar-width:thin){*{scrollbar-color:transparent transparent;scrollbar-width:thin}:hover{scrollbar-color:var(--nut-scrollbar-thumb) transparent}}@supports not (scrollbar-width:thin){::-webkit-scrollbar{background:transparent;height:var(--nut-scrollbar-size);width:var(--nut-scrollbar-size)}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:var(--nut-scrollbar-gap) solid transparent;border-radius:999px}:hover::-webkit-scrollbar-thumb{background-color:var(--nut-scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background-color:var(--nut-scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--nut-scrollbar-thumb-active)}}}

package/dist/runtime/table/builders/index.js

@@ -61,6 +61,41 @@ export function createTableFilterBuilder() {
         kind: "text",
         ...options
       };
+    },
+    query: createTableQueryFilterBuilder()
+  };
+}
+function createTableQueryFilterBuilder() {
+  return {
+    boolean(key, options) {
+      return {
+        key,
+        kind: "boolean",
+        ...options,
+        behavior: { ...options.behavior, applyTo: "query" }
+      };
+    },
+    date(key, options) {
+      return { key, kind: "date", ...options, behavior: { ...options.behavior, applyTo: "query" } };
+    },
+    number(key, options) {
+      return {
+        key,
+        kind: "number",
+        ...options,
+        behavior: { ...options.behavior, applyTo: "query" }
+      };
+    },
+    option(key, options) {
+      return {
+        key,
+        kind: "option",
+        ...options,
+        behavior: { ...options.behavior, applyTo: "query" }
+      };
+    },
+    text(key, options) {
+      return { key, kind: "text", ...options, behavior: { ...options.behavior, applyTo: "query" } };
     }
   };
 }

package/dist/runtime/table/types/filters.d.ts

@@ -708,33 +708,37 @@ export type TableOptionFilterOptions<TRow extends GenericObject = GenericObject,
 export type TableBooleanFilterOptions<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = Omit<TableBooleanFilterDefinition<TRow, TContext, TKey>, 'key' | 'kind'>;
 export type TableNumberFilterOptions<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = Omit<TableNumberFilterDefinition<TRow, TContext, TKey>, 'key' | 'kind'>;
 export type TableDateFilterOptions<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = Omit<TableDateFilterDefinition<TRow, TContext, TKey>, 'key' | 'kind'>;
-/**
- * Keys a filter may use. A row field path filters rows; any other key names a query parameter of
- * the source and requires `behavior.applyTo: 'query'`.
- */
-export type TableFilterKey<TRow extends GenericObject = GenericObject> = TableKnownFieldPath<TRow> | (string & {});
-/** What a filter key adds to its options: nothing for a row field, `applyTo: 'query'` otherwise. */
-export type TableFilterKeyScope<TRow extends GenericObject, TKey extends string> = TKey extends TableKnownFieldPath<TRow> ? unknown : {
+/** What marks a filter as a scope of the source query rather than of the rows. */
+export type TableQueryFilterScope = {
     behavior: {
         applyTo: 'query';
     };
 };
+/**
+ * Builds filters that scope the source query (`behavior.applyTo: 'query'`). Their key names a query
+ * parameter, so it does not have to be a row field.
+ */
+export interface TableQueryFilterBuilder<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject> {
+    text<TKey extends string>(key: TKey, options: TableTextFilterOptions<TRow, TContext, TKey>): TableTextFilterDefinition<TRow, TContext, TKey> & TableQueryFilterScope;
+    option<TKey extends string, TValue extends TableFilterPrimitiveValue, TPresentation extends TableOptionFilterPresentation = TableOptionFilterPresentation>(key: TKey, options: TableOptionFilterOptions<TRow, TContext, TKey, TValue, TPresentation>): TableOptionFilterDefinition<TRow, TContext, TKey, TValue, TPresentation> & TableQueryFilterScope;
+    boolean<TKey extends string>(key: TKey, options: TableBooleanFilterOptions<TRow, TContext, TKey>): TableBooleanFilterDefinition<TRow, TContext, TKey> & TableQueryFilterScope;
+    number<TKey extends string>(key: TKey, options: TableNumberFilterOptions<TRow, TContext, TKey>): TableNumberFilterDefinition<TRow, TContext, TKey> & TableQueryFilterScope;
+    date<TKey extends string>(key: TKey, options: TableDateFilterOptions<TRow, TContext, TKey>): TableDateFilterDefinition<TRow, TContext, TKey> & TableQueryFilterScope;
+}
 export interface TableFilterBuilder<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject> {
-    text<TKey extends TableFilterKey<TRow>>(key: TKey, options: TableTextFilterOptions<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>): TableTextFilterDefinition<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>;
-    option<TKey extends TableFilterKey<TRow>, TValue extends TableFilterPrimitiveValue, TPresentation extends TableOptionFilterPresentation = TableOptionFilterPresentation>(key: TKey, options: TableOptionFilterOptions<TRow, TContext, TKey, TValue, TPresentation> & TableFilterKeyScope<TRow, TKey>): TableOptionFilterDefinition<TRow, TContext, TKey, TValue, TPresentation> & TableFilterKeyScope<TRow, TKey>;
-    boolean<TKey extends TableFilterKey<TRow>>(key: TKey, options: TableBooleanFilterOptions<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>): TableBooleanFilterDefinition<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>;
-    number<TKey extends TableFilterKey<TRow>>(key: TKey, options: TableNumberFilterOptions<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>): TableNumberFilterDefinition<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>;
-    date<TKey extends TableFilterKey<TRow>>(key: TKey, options: TableDateFilterOptions<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>): TableDateFilterDefinition<TRow, TContext, TKey> & TableFilterKeyScope<TRow, TKey>;
+    text<TKey extends TableKnownFieldPath<TRow>>(key: TKey, options: TableTextFilterOptions<TRow, TContext, TKey>): TableTextFilterDefinition<TRow, TContext, TKey>;
+    option<TKey extends TableKnownFieldPath<TRow>, TValue extends TableFilterPrimitiveValue, TPresentation extends TableOptionFilterPresentation = TableOptionFilterPresentation>(key: TKey, options: TableOptionFilterOptions<TRow, TContext, TKey, TValue, TPresentation>): TableOptionFilterDefinition<TRow, TContext, TKey, TValue, TPresentation>;
+    boolean<TKey extends TableKnownFieldPath<TRow>>(key: TKey, options: TableBooleanFilterOptions<TRow, TContext, TKey>): TableBooleanFilterDefinition<TRow, TContext, TKey>;
+    number<TKey extends TableKnownFieldPath<TRow>>(key: TKey, options: TableNumberFilterOptions<TRow, TContext, TKey>): TableNumberFilterDefinition<TRow, TContext, TKey>;
+    date<TKey extends TableKnownFieldPath<TRow>>(key: TKey, options: TableDateFilterOptions<TRow, TContext, TKey>): TableDateFilterDefinition<TRow, TContext, TKey>;
+    /** Filters that scope the source query instead of the rows. See `TableQueryFilterBuilder`. */
+    query: TableQueryFilterBuilder<TRow, TContext>;
 }
 /**
- * One filter of a table: a row filter keyed by a row field, or a query filter
- * (`behavior.applyTo: 'query'`) keyed by any query parameter.
+ * One filter of a table: a row filter keyed by a row field, or a query filter built with
+ * `filter.query` and keyed by any query parameter.
  */
-export type TableUiFilterCollectionItem<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = TableUiFilterDefinition<TRow, TContext, TKey> | (TableUiFilterDefinition<TRow, TContext, string> & {
-    behavior: {
-        applyTo: 'query';
-    };
-});
+export type TableUiFilterCollectionItem<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = TableUiFilterDefinition<TRow, TContext, TKey> | (TableUiFilterDefinition<TRow, TContext, string> & TableQueryFilterScope);
 export type TableUiFilterCollection<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> = TableUiFilterCollectionItem<TRow, TContext, TKey>[] | ((filter: TableFilterBuilder<TRow, TContext>) => TableUiFilterCollectionItem<TRow, TContext, TKey>[]);
 export interface TableFiltersSchema<TRow extends GenericObject = GenericObject, TContext extends GenericObject = GenericObject, TKey extends string = TableKnownFieldPath<TRow>> {
     search?: TableSearchFilter<TRow>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-tools",
-  "version": "1.27.1",
+  "version": "1.27.3",
   "description": "Nuxt module and runtime toolkit for UI-heavy Nuxt applications",
   "homepage": "https://github.com/ChronicStone/nuxt-ui-tools#readme",
   "bugs": "https://github.com/ChronicStone/nuxt-ui-tools/issues",