carbon-components-angular
Version:
Next generation components
72 lines (68 loc) • 2.48 kB
TypeScript
/**
*
* carbon-angular v0.0.0 | column.directive.d.ts
*
* Copyright 2014, 2025 IBM
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { OnChanges, OnDestroy, OnInit } from "@angular/core";
import { GridService } from "./grid.service";
import * as i0 from "@angular/core";
export declare class ColumnDirective implements OnInit, OnChanges, OnDestroy {
private gridService;
get columnClasses(): string;
set columnClasses(classes: string);
class: string;
/**
* Defines columns width for specified breakpoint
* Accepts the following formats:
* - {[breakpoint]: number}
* - {[breakpoint]: "auto"} - css only
* - {[breakpoint]: {[start|end]: number}} - css only
*
* Example:
* <div cdsCol [columnNumbers]={md: 3, lg: 4}></div>
*/
columnNumbers: {};
/**
* Defines columns offset, which increases the left margin of the column.
* This field will only work with flexbox grid.
*
* Accepts the following formats:
* - {[breakpoint]: number}
*
* Example:
* <div cdsCol [offsets]={md: 3, lg: 4}></div>
*/
offsets: {};
/**
* Set to `true` to use css grid column hang class
* This will only work when `isCss` property is set to true
*
* Useful when trying to align content across css grid/subgrid
*/
columnHang: boolean;
protected _columnClasses: string[];
private isCssGrid;
private subscription;
constructor(gridService: GridService);
ngOnInit(): void;
ngOnChanges(): void;
/**
* Unsubscribe from subscription
*/
ngOnDestroy(): void;
private updateColumnClasses;
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, [{ optional: true; }]>;
static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "[cdsCol], [ibmCol]", never, { "class": "class"; "columnNumbers": "columnNumbers"; "offsets": "offsets"; "columnHang": "columnHang"; }, {}, never, never, false>;
}