@nova-ui/bits/esm2022/lib/layout/card/card.component.mjs

SolarWinds Nova Framework

// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
//  of this software and associated documentation files (the "Software"), to
//  deal in the Software without restriction, including without limitation the
//  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
//  sell copies of the Software, and to permit persons to whom the Software is
//  furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
//  all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
//  THE SOFTWARE.
import { Component, HostBinding, Input } from "@angular/core";
import * as i0 from "@angular/core";
// <example-url>./../examples/index.html#/layout</example-url>
export class CardComponent {
    ngOnInit() {
        this.directionColumn =
            (this.directionColumn && !this.directionRow) ||
                this.direction === "column";
        this.directionRow =
            (!this.directionColumn && this.directionRow) ||
                this.direction === "row";
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardComponent, selector: "nui-card", inputs: { direction: "direction" }, host: { properties: { "class.card-direction-column": "this.directionColumn", "class.card-direction-row": "this.directionRow" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{padding:15px;width:100%}:host.card-direction-column{display:flex;flex-direction:column}:host.card-direction-row{display:flex;flex-direction:row}:host-context(nui-sheet.sheet-direction-column :not(nui-card-group)):not(:last-of-type){border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet.sheet-direction-column):not(:only-child):only-of-type{border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-column):not(:last-of-type){border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-column):only-child{border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-row):not(:last-of-type){border-right-color:var(--nui-color-line-default,#d9d9d9);border-right-width:var(--nui-line-default,1px);border-right-style:solid}:host-context(nui-sheet.sheet-direction-row):not(:last-of-type){border-right-color:var(--nui-color-line-default,#d9d9d9);border-right-width:var(--nui-line-default,1px);border-right-style:solid}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardComponent, decorators: [{
            type: Component,
            args: [{ selector: "nui-card", template: "<ng-content></ng-content>\n", styles: [":host{padding:15px;width:100%}:host.card-direction-column{display:flex;flex-direction:column}:host.card-direction-row{display:flex;flex-direction:row}:host-context(nui-sheet.sheet-direction-column :not(nui-card-group)):not(:last-of-type){border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet.sheet-direction-column):not(:only-child):only-of-type{border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-column):not(:last-of-type){border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-column):only-child{border-bottom-color:var(--nui-color-line-default,#d9d9d9);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(nui-sheet nui-card-group.card-group-direction-row):not(:last-of-type){border-right-color:var(--nui-color-line-default,#d9d9d9);border-right-width:var(--nui-line-default,1px);border-right-style:solid}:host-context(nui-sheet.sheet-direction-row):not(:last-of-type){border-right-color:var(--nui-color-line-default,#d9d9d9);border-right-width:var(--nui-line-default,1px);border-right-style:solid}\n"] }]
        }], propDecorators: { direction: [{
                type: Input
            }], directionColumn: [{
                type: HostBinding,
                args: ["class.card-direction-column"]
            }], directionRow: [{
                type: HostBinding,
                args: ["class.card-direction-row"]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2xheW91dC9jYXJkL2NhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvY2FyZC9jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YsK0VBQStFO0FBQy9FLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDhFQUE4RTtBQUM5RSw0REFBNEQ7QUFDNUQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSx1REFBdUQ7QUFDdkQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSw0RUFBNEU7QUFDNUUsK0VBQStFO0FBQy9FLDBFQUEwRTtBQUMxRSxpRkFBaUY7QUFDakYsNkVBQTZFO0FBQzdFLGlCQUFpQjtBQUVqQixPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBSXRFLDhEQUE4RDtBQU05RCxNQUFNLE9BQU8sYUFBYTtJQUtmLFFBQVE7UUFDWCxJQUFJLENBQUMsZUFBZTtZQUNoQixDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO2dCQUM1QyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWTtZQUNiLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDO0lBQ2pDLENBQUM7K0dBWlEsYUFBYTttR0FBYixhQUFhLHNOQzlCMUIsNkJBQ0E7OzRGRDZCYSxhQUFhO2tCQUx6QixTQUFTOytCQUNJLFVBQVU7OEJBS1gsU0FBUztzQkFBakIsS0FBSztnQkFDc0MsZUFBZTtzQkFBMUQsV0FBVzt1QkFBQyw2QkFBNkI7Z0JBQ0QsWUFBWTtzQkFBcEQsV0FBVzt1QkFBQywwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IElMYXlvdXRFbGVtZW50RGlyZWN0aW9uIH0gZnJvbSBcIi4uL3B1YmxpYy1hcGlcIjtcblxuLy8gPGV4YW1wbGUtdXJsPi4vLi4vZXhhbXBsZXMvaW5kZXguaHRtbCMvbGF5b3V0PC9leGFtcGxlLXVybD5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm51aS1jYXJkXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9jYXJkLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL2NhcmQuY29tcG9uZW50Lmxlc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGRpcmVjdGlvbjogSUxheW91dEVsZW1lbnREaXJlY3Rpb247XG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuY2FyZC1kaXJlY3Rpb24tY29sdW1uXCIpIGRpcmVjdGlvbkNvbHVtbjogYm9vbGVhbjtcbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jYXJkLWRpcmVjdGlvbi1yb3dcIikgZGlyZWN0aW9uUm93OiBib29sZWFuO1xuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpcmVjdGlvbkNvbHVtbiA9XG4gICAgICAgICAgICAodGhpcy5kaXJlY3Rpb25Db2x1bW4gJiYgIXRoaXMuZGlyZWN0aW9uUm93KSB8fFxuICAgICAgICAgICAgdGhpcy5kaXJlY3Rpb24gPT09IFwiY29sdW1uXCI7XG4gICAgICAgIHRoaXMuZGlyZWN0aW9uUm93ID1cbiAgICAgICAgICAgICghdGhpcy5kaXJlY3Rpb25Db2x1bW4gJiYgdGhpcy5kaXJlY3Rpb25Sb3cpIHx8XG4gICAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9PT0gXCJyb3dcIjtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=