@progress/kendo-angular-dropdowns
Version:
A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree
106 lines (105 loc) • 4.4 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Component, ContentChild, Input } from '@angular/core';
import { ColumnCellTemplateDirective } from './column-cell-template.directive';
import { ColumnHeaderTemplateDirective } from './column-header-template.directive';
import * as i0 from "@angular/core";
/**
* Represents the column definition of the [MultiColumnComboBox]({% slug overview_multicolumncombobox %})
* ([see example]({% slug columns_multicolumncombobox %})).
*/
export class ComboBoxColumnComponent {
/**
* @hidden
*/
cellTemplate;
/**
* @hidden
*/
headerTemplate;
/**
* The field to which the column is bound.
*
* > The `field` property can be set to point to a nested property value - e.g. `category.name`.
*/
field;
/**
* The title of the column.
*/
title;
/**
* The width of the column (in pixels).
*/
width;
/**
* Sets the visibility of the column.
*
* @default false
*/
hidden = false;
/**
* Sets the custom styles for the table cells (excluding the header ones) of the column.
* Under the hood, to apply the property, the style option uses the NgStyle directive.
*/
style;
/**
* Sets the custom styles for the header cell of the column.
* Under the hood, to apply the property, the headerStyle option uses the NgStyle directive.
*/
headerStyle;
/**
* Sets the custom CSS classes to the column cells.
* Under the hood, to apply the property, the class option uses the NgClass directive.
*/
class;
/**
* Sets the custom CSS classes to the column header cell.
* Under the hood, to apply the property, the headerClass option uses the NgClass directive.
*/
headerClass;
/**
* Sets the condition that needs to be satisfied for a column to remain visible.
* If you set the [`hidden`]({% slug api_dropdowns_comboboxcolumncomponent %}#toc-hidden) property, the behavior of `media` is overridden.
*/
media;
/**
* @hidden
*/
matchesMedia = true;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ComboBoxColumnComponent, isStandalone: true, selector: "kendo-combobox-column", inputs: { field: "field", title: "title", width: "width", hidden: "hidden", style: "style", headerStyle: "headerStyle", class: "class", headerClass: "headerClass", media: "media" }, queries: [{ propertyName: "cellTemplate", first: true, predicate: ColumnCellTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ColumnHeaderTemplateDirective, descendants: true }], ngImport: i0, template: '', isInline: true });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComboBoxColumnComponent, decorators: [{
type: Component,
args: [{
selector: 'kendo-combobox-column',
template: '',
standalone: true
}]
}], propDecorators: { cellTemplate: [{
type: ContentChild,
args: [ColumnCellTemplateDirective, { static: false }]
}], headerTemplate: [{
type: ContentChild,
args: [ColumnHeaderTemplateDirective, { static: false }]
}], field: [{
type: Input
}], title: [{
type: Input
}], width: [{
type: Input
}], hidden: [{
type: Input
}], style: [{
type: Input
}], headerStyle: [{
type: Input
}], class: [{
type: Input
}], headerClass: [{
type: Input
}], media: [{
type: Input
}] } });