@progress/kendo-angular-layout
Version:
Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts
62 lines (61 loc) • 2.68 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 { Directive, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Defines a separator in the content of the Card.
* The separator can be used to visually divide sections within the Card.
*
* ```html
* <kendo-card>
* <div kendoCardSeparator></div>
* <p>Content below the separator</p>
* </kendo-card>
* ```
*/
export class CardSeparatorDirective {
hostClass = true;
get verticalClass() {
return this.orientation === 'vertical';
}
get horizontalClass() {
return this.orientation === 'horizontal';
}
/**
* Sets the color of the Card separator.
*/
color;
/**
* Specifies the orientation of the Card separator.
*
* @default 'horizontal'
*/
orientation = 'horizontal';
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CardSeparatorDirective, isStandalone: true, selector: "[kendoCardSeparator]", inputs: { color: "color", orientation: "orientation" }, host: { properties: { "class.k-card-separator": "this.hostClass", "class.k-separator-vertical": "this.verticalClass", "class.k-separator-horizontal": "this.horizontalClass", "style.color": "this.color" } }, ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardSeparatorDirective, decorators: [{
type: Directive,
args: [{
selector: '[kendoCardSeparator]',
standalone: true
}]
}], propDecorators: { hostClass: [{
type: HostBinding,
args: ['class.k-card-separator']
}], verticalClass: [{
type: HostBinding,
args: ['class.k-separator-vertical']
}], horizontalClass: [{
type: HostBinding,
args: ['class.k-separator-horizontal']
}], color: [{
type: HostBinding,
args: ['style.color']
}, {
type: Input
}], orientation: [{
type: Input
}] } });