sit-onyx 1.3.0-dev-20251021070623 → 1.3.0-dev-20251021104446

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

@@ -9,6 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OnyxTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxTableProps> & Readonly<{}>, {
+    truncation: import('../../index.js', { with: { "resolution-mode": "import" } }).TruncationType;
     striped: boolean;
     withVerticalBorders: boolean;
     withPageScrolling: boolean;

package/dist/components/OnyxTable/types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'vue';
 import { DensityProp } from '../../composables/density.js';
+import { TruncationType } from '../../types/index.js';
 export type OnyxTableProps = DensityProp & {
     /**
      * Whether to use striped row background colors.
@@ -26,6 +27,13 @@ export type OnyxTableProps = DensityProp & {
      * Supports attributes like id, class, style, and events.
      */
     scrollContainerAttrs?: HTMLAttributes;
+    /**
+     * Defines how overflows of text content in cells (`td`-elements) are handled.
+     * The cell can either grow to multiple lines (`'multiline'`) or truncate the text (`'ellipsis'`).
+     *
+     * @default 'multiline'
+     */
+    truncation?: TruncationType;
 };
 export type OnyxTableSlots = {
     /**

package/dist/index.esm-bundler.js

@@ -6015,7 +6015,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     withVerticalBorders: { type: Boolean, required: false, default: false },
     withPageScrolling: { type: Boolean, required: false, default: false },
     columnGroups: { type: Array, required: false },
-    scrollContainerAttrs: { type: Object, required: false }
+    scrollContainerAttrs: { type: Object, required: false },
+    truncation: { type: null, required: false, default: "multiline" }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -6087,7 +6088,8 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["onyx-table onyx-text", [
             {
               "onyx-table--striped": $setup.props.striped,
-              "onyx-table--vertical-borders": $setup.props.withVerticalBorders
+              "onyx-table--vertical-borders": $setup.props.withVerticalBorders,
+              [`onyx-table--cell-truncation-${$setup.props.truncation}`]: true
             },
             $setup.densityClass
           ]]),
@@ -6172,6 +6174,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     withPageScrolling: { type: Boolean, required: false },
     columnGroups: { type: Array, required: false },
     scrollContainerAttrs: { type: Object, required: false },
+    truncation: { type: null, required: false },
     columns: { type: Array, required: true },
     rows: { type: Array, required: true }
   },
@@ -8343,7 +8346,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     density: { type: null, required: false },
     striped: { type: Boolean, required: false, default: true },
     withVerticalBorders: { type: Boolean, required: false, default: true },
-    withPageScrolling: { type: Boolean, required: false }
+    withPageScrolling: { type: Boolean, required: false },
+    truncation: { type: null, required: false }
   },
   setup(__props, { expose: __expose }) {
     __expose();