@progress/kendo-angular-dropdowns 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/comboboxes/combobox-column/column-header-template.directive.mjs

@@ -12,13 +12,14 @@ import * as i0 from "@angular/core";
  * The current [`column`]({% slug api_dropdowns_comboboxcolumncomponent %}) is available as implicit context variable.
  */
 export class ColumnHeaderTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnHeaderTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnHeaderTemplate]", ngImport: i0 });
 }
-ColumnHeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnHeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnHeaderTemplateDirective, isStandalone: true, selector: "[kendoMultiColumnComboBoxColumnHeaderTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnHeaderTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnHeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoMultiColumnComboBoxColumnHeaderTemplate]',

package/esm2022/comboboxes/combobox-column/combobox-column.component.mjs

@@ -0,0 +1,105 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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
+            }] } });