@ni/nimble-components 18.12.6 → 18.12.7

package/dist/esm/table-column/anchor/index.d.ts

@@ -0,0 +1,74 @@
+import { TableColumn } from '../base';
+import type { TableStringField } from '../../table/types';
+import type { AnchorAppearance } from '../../anchor/types';
+export declare type TableColumnAnchorCellRecord = TableStringField<'label' | 'href'>;
+export interface TableColumnAnchorColumnConfig {
+    placeholder: string;
+    appearance: AnchorAppearance;
+    underlineHidden?: boolean;
+    hreflang?: string;
+    ping?: string;
+    referrerpolicy?: string;
+    rel?: string;
+    target?: string;
+    type?: string;
+    download?: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-anchor': TableColumnAnchor;
+    }
+}
+declare const TableColumnAnchor_base: (abstract new (...args: any[]) => {
+    groupingDisabled: boolean;
+    groupIndex?: number | null | undefined;
+    groupingDisabledChanged(): void;
+    groupIndexChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & (abstract new (...args: any[]) => {
+    fractionalWidth?: number | null | undefined;
+    minPixelWidth?: number | null | undefined;
+    fractionalWidthChanged(): void;
+    minPixelWidthChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => TableColumn<TableColumnAnchorColumnConfig>) & {
+    compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
+    from<TBase extends {
+        new (): HTMLElement;
+        prototype: HTMLElement;
+    }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
+    define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
+});
+/**
+ * A table column for displaying links.
+ */
+export declare class TableColumnAnchor extends TableColumnAnchor_base {
+    labelFieldName?: string;
+    hrefFieldName?: string;
+    placeholder?: string;
+    appearance?: AnchorAppearance;
+    underlineHidden: boolean;
+    hreflang?: string;
+    ping?: string;
+    referrerpolicy?: string;
+    rel?: string;
+    target?: string;
+    type?: string;
+    download?: string;
+    constructor();
+    protected labelFieldNameChanged(): void;
+    protected hrefFieldNameChanged(): void;
+    protected placeholderChanged(): void;
+    protected appearanceChanged(): void;
+    protected underlineHiddenChanged(): void;
+    protected hreflangChanged(): void;
+    protected pingChanged(): void;
+    protected referrerpolicyChanged(): void;
+    protected relChanged(): void;
+    protected targetChanged(): void;
+    protected typeChanged(): void;
+    protected downloadChanged(): void;
+    private updateColumnConfig;
+}
+export declare const tableColumnAnchorTag: string;
+export {};

package/dist/esm/table-column/anchor/index.js

@@ -0,0 +1,129 @@
+import { __decorate } from "tslib";
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { attr } from '@microsoft/fast-element';
+import { TableColumn } from '../base';
+import { styles } from '../base/styles';
+import { template } from '../base/template';
+import { TableColumnSortOperation } from '../base/types';
+import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
+import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
+import { tableColumnAnchorCellViewTag } from './cell-view';
+import { tableColumnTextGroupHeaderTag } from '../text/group-header-view';
+/**
+ * A table column for displaying links.
+ */
+export class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
+    constructor() {
+        super({
+            cellRecordFieldNames: ['label', 'href'],
+            cellViewTag: tableColumnAnchorCellViewTag,
+            groupHeaderViewTag: tableColumnTextGroupHeaderTag,
+            delegatedEvents: ['click']
+        });
+        this.underlineHidden = false;
+        this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
+    }
+    labelFieldNameChanged() {
+        this.columnInternals.dataRecordFieldNames = [
+            this.labelFieldName,
+            this.hrefFieldName
+        ];
+        this.columnInternals.operandDataRecordFieldName = this.labelFieldName;
+    }
+    hrefFieldNameChanged() {
+        this.columnInternals.dataRecordFieldNames = [
+            this.labelFieldName,
+            this.hrefFieldName
+        ];
+    }
+    placeholderChanged() {
+        this.updateColumnConfig();
+    }
+    appearanceChanged() {
+        this.updateColumnConfig();
+    }
+    underlineHiddenChanged() {
+        this.updateColumnConfig();
+    }
+    hreflangChanged() {
+        this.updateColumnConfig();
+    }
+    pingChanged() {
+        this.updateColumnConfig();
+    }
+    referrerpolicyChanged() {
+        this.updateColumnConfig();
+    }
+    relChanged() {
+        this.updateColumnConfig();
+    }
+    targetChanged() {
+        this.updateColumnConfig();
+    }
+    typeChanged() {
+        this.updateColumnConfig();
+    }
+    downloadChanged() {
+        this.updateColumnConfig();
+    }
+    updateColumnConfig() {
+        this.columnInternals.columnConfig = {
+            placeholder: this.placeholder ?? '',
+            appearance: this.appearance,
+            underlineHidden: this.underlineHidden,
+            hreflang: this.hreflang,
+            ping: this.ping,
+            referrerpolicy: this.referrerpolicy,
+            rel: this.rel,
+            target: this.target,
+            type: this.type,
+            download: this.download
+        };
+    }
+}
+__decorate([
+    attr({ attribute: 'label-field-name' })
+], TableColumnAnchor.prototype, "labelFieldName", void 0);
+__decorate([
+    attr({ attribute: 'href-field-name' })
+], TableColumnAnchor.prototype, "hrefFieldName", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "placeholder", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "appearance", void 0);
+__decorate([
+    attr({ attribute: 'underline-hidden', mode: 'boolean' })
+], TableColumnAnchor.prototype, "underlineHidden", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "hreflang", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "ping", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "referrerpolicy", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "rel", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "target", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "type", void 0);
+__decorate([
+    attr
+], TableColumnAnchor.prototype, "download", void 0);
+const nimbleTableColumnAnchor = TableColumnAnchor.compose({
+    baseName: 'table-column-anchor',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleTableColumnAnchor());
+export const tableColumnAnchorTag = DesignSystem.tagFor(TableColumnAnchor);
+//# sourceMappingURL=index.js.map

package/dist/esm/table-column/anchor/index.js.map

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

package/dist/esm/table-column/base/cell-view/index.d.ts

@@ -1,4 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
+import type { TableColumn } from '..';
 import type { TableCellRecord, TableCellState } from '../types';
 /**
  * Base class for table cell views, which are used within the nimble-table-cell.
@@ -7,10 +8,14 @@ import type { TableCellRecord, TableCellState } from '../types';
 export declare abstract class TableCellView<TCellRecord extends TableCellRecord = TableCellRecord, TColumnConfig = unknown> extends FoundationElement implements TableCellState<TCellRecord, TColumnConfig> {
     cellRecord: TCellRecord;
     columnConfig: TColumnConfig;
+    column?: TableColumn<TColumnConfig>;
+    private delegatedEvents;
     /**
      * Called if an element inside this cell view has focus, and this row/cell is being recycled.
      * Expected implementation is to commit changes as needed, and blur the focusable element (or close
      * the menu/popup/etc).
      */
     focusedRecycleCallback(): void;
+    columnChanged(): void;
+    private delegatedEventHandler;
 }

package/dist/esm/table-column/base/cell-view/index.js

@@ -6,12 +6,36 @@ import { FoundationElement } from '@microsoft/fast-foundation';
  * Each TableColumn type has a corresponding TableCellView type (linked via TableColumn.cellViewTag).
  */
 export class TableCellView extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        this.delegatedEvents = [];
+        this.delegatedEventHandler = () => { };
+    }
     /**
      * Called if an element inside this cell view has focus, and this row/cell is being recycled.
      * Expected implementation is to commit changes as needed, and blur the focusable element (or close
      * the menu/popup/etc).
      */
     focusedRecycleCallback() { }
+    columnChanged() {
+        for (const eventName of this.delegatedEvents) {
+            this.removeEventListener(eventName, this.delegatedEventHandler);
+        }
+        this.delegatedEvents = [];
+        this.delegatedEventHandler = () => { };
+        if (!this.column) {
+            return;
+        }
+        this.delegatedEvents = this.column.columnInternals.delegatedEvents;
+        this.delegatedEventHandler = (event) => {
+            this.column?.dispatchEvent(new CustomEvent('delegated-event', {
+                detail: { originalEvent: event }
+            }));
+        };
+        for (const delegatedEvent of this.delegatedEvents) {
+            this.addEventListener(delegatedEvent, this.delegatedEventHandler);
+        }
+    }
 }
 __decorate([
     observable
@@ -19,4 +43,7 @@ __decorate([
 __decorate([
     observable
 ], TableCellView.prototype, "columnConfig", void 0);
+__decorate([
+    observable
+], TableCellView.prototype, "column", void 0);
 //# sourceMappingURL=index.js.map

package/dist/esm/table-column/base/cell-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAG/D;;;GAGG;AACH,MAAM,OAAgB,aAIlB,SAAQ,iBAAiB;IAQzB;;;;OAIG;IACI,sBAAsB,KAAU,CAAC;CAC3C;AAXG;IADC,UAAU;iDACqB;AAGhC;IADC,UAAU;mDACyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D;;;GAGG;AACH,MAAM,OAAgB,aAIlB,SAAQ,iBAAiB;IAJ7B;;QAeY,oBAAe,GAAsB,EAAE,CAAC;QAiCxC,0BAAqB,GAA2B,GAAG,EAAE,GAAE,CAAC,CAAC;IACrE,CAAC;IAhCG;;;;OAIG;IACI,sBAAsB,KAAU,CAAC;IAEjC,aAAa;QAChB,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,eAAe,EAAE;YAC1C,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACnE;QACD,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,qBAAqB,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,OAAO;SACV;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC;QACnE,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAY,EAAE,EAAE;YAC1C,IAAI,CAAC,MAAM,EAAE,aAAa,CACtB,IAAI,WAAW,CAA6B,iBAAiB,EAAE;gBAC3D,MAAM,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;aACnC,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QAEF,KAAK,MAAM,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE;YAC/C,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;SACrE;IACL,CAAC;CAGJ;AA1CG;IADC,UAAU;iDACqB;AAGhC;IADC,UAAU;mDACyB;AAGpC;IADC,UAAU;6CACgC"}

package/dist/esm/table-column/base/cell-view/template.js

@@ -18,6 +18,7 @@ export const createCellViewTemplate = (cellViewTag) => {
         <${cellViewTag}
             :cellRecord="${y => y.cellState?.cellRecord}"
             :columnConfig="${y => y.cellState?.columnConfig}"
+            :column="${y => y.column}"
             class="cell-view"
         >
         </${cellViewTag}>

package/dist/esm/table-column/base/cell-view/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,MAAM,wBAAwB,GAAG,CAAC,WAAmB,EAAQ,EAAE;IAC3D,IAAI,QAAQ,CAAC;IACb,IAAI;QACA,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;KAClD;IAAC,OAAO,EAAE,EAAE;QACT,oDAAoD;KACvD;IACD,IAAI,CAAC,CAAC,QAAQ,YAAY,aAAa,CAAC,EAAE;QACtC,MAAM,IAAI,KAAK,CACX,uBAAuB,WAAW,uDAAuD,CAC5F,CAAC;KACL;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,WAAmB,EACI,EAAE;IACzB,wBAAwB,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,IAAI,CAAW;WACf,WAAW;2BACK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU;6BAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY;;;YAG/C,WAAW;KAClB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/base/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAElC,MAAM,wBAAwB,GAAG,CAAC,WAAmB,EAAQ,EAAE;IAC3D,IAAI,QAAQ,CAAC;IACb,IAAI;QACA,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;KAClD;IAAC,OAAO,EAAE,EAAE;QACT,oDAAoD;KACvD;IACD,IAAI,CAAC,CAAC,QAAQ,YAAY,aAAa,CAAC,EAAE;QACtC,MAAM,IAAI,KAAK,CACX,uBAAuB,WAAW,uDAAuD,CAC5F,CAAC;KACL;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAClC,WAAmB,EACI,EAAE;IACzB,wBAAwB,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,IAAI,CAAW;WACf,WAAW;2BACK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU;6BAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY;uBACpC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;;;YAGxB,WAAW;KAClB,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/table-column/base/models/column-internals.d.ts

@@ -19,6 +19,10 @@ export interface ColumnInternalsOptions {
      * The element this tag refers to must derive from TableGroupHeaderView.
      */
     readonly groupHeaderViewTag: string;
+    /**
+     * The names of events that should be delegated from the cell view to the column.
+     */
+    readonly delegatedEvents: readonly string[];
 }
 /**
  * Internal column state configured by plugin authors
@@ -37,6 +41,10 @@ export declare class ColumnInternals<TColumnConfig> {
      * Template for the cell view
      */
     readonly cellViewTemplate: ViewTemplate<TableCell>;
+    /**
+     * The names of events that should be delegated from the cell view to the column.
+     */
+    readonly delegatedEvents: readonly string[];
     /**
      * The relevant, static configuration a column requires its cell view to have access to.
      */

package/dist/esm/table-column/base/models/column-internals.js

@@ -44,6 +44,7 @@ export class ColumnInternals {
         this.cellRecordFieldNames = options.cellRecordFieldNames;
         this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);
         this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(options.groupHeaderViewTag);
+        this.delegatedEvents = options.delegatedEvents;
     }
     fractionalWidthChanged() {
         this.currentFractionalWidth = this.fractionalWidth;

package/dist/esm/table-column/base/models/column-internals.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EACH,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAsB/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IA6FxB,YAAmB,OAA+B;QAvFlD;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAmBzD;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAgBhC;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QAUnD,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;IACN,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC;IACvD,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7C,CAAC;CACJ;AAxFG;IADC,UAAU;qDACyB;AAMpC;IADC,UAAU;mEACwC;AAMnD;IADC,UAAU;sDACqE;AAOhF;IADC,UAAU;6DAC+D;AAW1E;IADC,UAAU;yDACqB;AAQhC;IADC,UAAU;mDACgB;AAM3B;IADC,UAAU;mDACgB;AAO3B;IADC,UAAU;wDACqC;AAMhD;IADC,UAAU;sDACiC;AAO5C;IADC,UAAU;+DAC4C;AAOvD;IADC,UAAU;0DACuB"}
+{"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EACH,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA2B/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IAkGxB,YAAmB,OAA+B;QA5FlD;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAwBzD;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAgBhC;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QAUnD,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;IACnD,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC;IACvD,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7C,CAAC;CACJ;AAzFG;IADC,UAAU;qDACyB;AAMpC;IADC,UAAU;mEACwC;AAMnD;IADC,UAAU;sDACqE;AAOhF;IADC,UAAU;6DAC+D;AAW1E;IADC,UAAU;yDACqB;AAQhC;IADC,UAAU;mDACgB;AAM3B;IADC,UAAU;mDACgB;AAO3B;IADC,UAAU;wDACqC;AAMhD;IADC,UAAU;sDACiC;AAO5C;IADC,UAAU;+DAC4C;AAOvD;IADC,UAAU;0DACuB"}

package/dist/esm/table-column/base/types.d.ts

@@ -9,6 +9,15 @@ export interface TableCellState<TCellRecord extends TableCellRecord = TableCellR
     cellRecord: TCellRecord;
     columnConfig: TColumnConfig;
 }
+export interface TableColumnWithPlaceholderColumnConfig {
+    placeholder: string;
+}
+/**
+ * The event details for the 'delegated-event' CustomEvent
+ */
+export interface DelegatedEventEventDetails {
+    originalEvent: Event;
+}
 /**
  * The possible operations to use when sorting a table column.
  */

package/dist/esm/table-column/base/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/table-column/base/types.ts"],"names":[],"mappings":"AAiBA;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,OAAO;IACd;;;OAGG;IACH,wBAAwB,EAAE,0BAA0B;CAC9C,CAAC;AAIX,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO;MACrC,uBAAuB;MACvB,OAAO;MACP,YAAY;MACZ,OAAO;MACP,aAAa;MACb,OAAO;MACP,gBAAgB;MAChB,OAAO,CAAC;AAEd,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/table-column/base/types.ts"],"names":[],"mappings":"AA4BA;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACpC;;OAEG;IACH,KAAK,EAAE,OAAO;IACd;;;OAGG;IACH,wBAAwB,EAAE,0BAA0B;CAC9C,CAAC;AAIX,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,oBAAoB,GAAG,OAAO;MACrC,uBAAuB;MACvB,OAAO;MACP,YAAY;MACZ,OAAO;MACP,aAAa;MACb,OAAO;MACP,gBAAgB;MAChB,OAAO,CAAC;AAEd,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,CAAC"}

package/dist/esm/table-column/text/group-header-view/index.d.ts

@@ -1,4 +1,4 @@
-import type { TableColumnTextColumnConfig } from '..';
+import type { TableColumnWithPlaceholderColumnConfig } from '../../base/types';
 import { TableGroupHeaderView } from '../../base/group-header-view';
 declare global {
     interface HTMLElementTagNameMap {
@@ -9,7 +9,7 @@ declare global {
  * The custom element used to render a group row header for a group representing rows
  * grouped by a TableColumnText column.
  */
-export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnTextColumnConfig> {
+export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnWithPlaceholderColumnConfig> {
     /** @internal */
     textSpan: HTMLElement;
     /** @internal */

package/dist/esm/table-column/text/index.d.ts

@@ -1,8 +1,8 @@
 import type { TableStringField } from '../../table/types';
 import { TableColumn } from '../base';
+import { TableColumnWithPlaceholderColumnConfig } from '../base/types';
 export declare type TableColumnTextCellRecord = TableStringField<'value'>;
-export interface TableColumnTextColumnConfig {
-    placeholder: string;
+export interface TableColumnTextColumnConfig extends TableColumnWithPlaceholderColumnConfig {
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/table-column/text/index.js

@@ -18,7 +18,8 @@ export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidt
         super({
             cellRecordFieldNames: ['value'],
             cellViewTag: tableColumnTextCellViewTag,
-            groupHeaderViewTag: tableColumnTextGroupHeaderTag
+            groupHeaderViewTag: tableColumnTextGroupHeaderTag,
+            delegatedEvents: []
         });
         this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
     }

package/dist/esm/table-column/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,CAAA,WAAwC,CAAA,CAAC,CAC1E;IAOG;QACI,KAAK,CAAC;YACF,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;SACpD,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3F,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrE,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;SACtC,CAAC;IACN,CAAC;CACJ;AAxBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAuBhC,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAEH,wBAAwB,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,CAAA,WAAwC,CAAA,CAAC,CAC1E;IAOG;QACI,KAAK,CAAC;YACF,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;YACjD,eAAe,EAAE,EAAE;SACtB,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3F,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrE,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;SACtC,CAAC;IACN,CAAC;CACJ;AAzBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAwBhC,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "18.12.6",
+  "version": "18.12.7",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",