carbon-components-angular/aspect-ratio/aspect-ratio.directive.d.ts

Next generation components

/**
 *
 * carbon-angular v0.0.0 | aspect-ratio.directive.d.ts
 *
 * Copyright 2014, 2026 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 * as i0 from "@angular/core";
export declare type AspectRatioValue = "1x1" | "2x3" | "3x2" | "3x4" | "4x3" | "1x2" | "2x1" | "9x16" | "16x9";
/**
 * Applies Carbon aspect ratio box classes (`cds--aspect-ratio`) to the host element.
 *
 * ```html
 * <div cdsAspectRatio ratio="16x9">...</div>
 * ```
 *
 * ```typescript
 * import { AspectRatioModule } from 'carbon-components-angular';
 * ```
 */
export declare class AspectRatioDirective {
    /**
     * Set aspect ratio
     */
    ratio: AspectRatioValue;
    readonly aspectRatioBase = true;
    /**
     * Set ratio class based on `ratio` input
     */
    get ratio1x1(): boolean;
    get ratio2x3(): boolean;
    get ratio3x2(): boolean;
    get ratio3x4(): boolean;
    get ratio4x3(): boolean;
    get ratio1x2(): boolean;
    get ratio2x1(): boolean;
    get ratio9x16(): boolean;
    get ratio16x9(): boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<AspectRatioDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<AspectRatioDirective, "[cdsAspectRatio], [ibmAspectRatio]", never, { "ratio": "ratio"; }, {}, never, never, false>;
}