@nova-ui/bits
Version:
SolarWinds Nova Framework
52 lines • 7.68 kB
JavaScript
// © 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 CardGroupComponent {
constructor() {
this.direction = "row";
this.directionColumn = false;
this.directionRow = true;
}
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: CardGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardGroupComponent, selector: "nui-card-group", inputs: { direction: "direction" }, host: { properties: { "class.card-group-direction-column": "this.directionColumn", "class.card-group-direction-row": "this.directionRow" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow-y:auto}:host.card-group-direction-column{flex-direction:column}:host.card-group-direction-row{flex-direction:row}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardGroupComponent, decorators: [{
type: Component,
args: [{ selector: "nui-card-group", template: "<ng-content></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow-y:auto}:host.card-group-direction-column{flex-direction:column}:host.card-group-direction-row{flex-direction:row}\n"] }]
}], propDecorators: { direction: [{
type: Input
}], directionColumn: [{
type: HostBinding,
args: ["class.card-group-direction-column"]
}], directionRow: [{
type: HostBinding,
args: ["class.card-group-direction-row"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2xheW91dC9jYXJkLWdyb3VwL2NhcmQtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvY2FyZC1ncm91cC9jYXJkLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YsK0VBQStFO0FBQy9FLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDhFQUE4RTtBQUM5RSw0REFBNEQ7QUFDNUQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSx1REFBdUQ7QUFDdkQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSw0RUFBNEU7QUFDNUUsK0VBQStFO0FBQy9FLDBFQUEwRTtBQUMxRSxpRkFBaUY7QUFDakYsNkVBQTZFO0FBQzdFLGlCQUFpQjtBQUVqQixPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBSXRFLDhEQUE4RDtBQU05RCxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBTWEsY0FBUyxHQUE0QixLQUFLLENBQUM7UUFDRixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUMzQixpQkFBWSxHQUFHLElBQUksQ0FBQztLQVN0RTtJQVJVLFFBQVE7UUFDWCxJQUFJLENBQUMsZUFBZTtZQUNoQixDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO2dCQUM1QyxJQUFJLENBQUMsU0FBUyxLQUFLLFFBQVEsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWTtZQUNiLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxTQUFTLEtBQUssS0FBSyxDQUFDO0lBQ2pDLENBQUM7K0dBWFEsa0JBQWtCO21HQUFsQixrQkFBa0Isd09DOUIvQiw2QkFDQTs7NEZENkJhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDSSxnQkFBZ0I7OEJBS2pCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQzRDLGVBQWU7c0JBQWhFLFdBQVc7dUJBQUMsbUNBQW1DO2dCQUNELFlBQVk7c0JBQTFELFdBQVc7dUJBQUMsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gwqkgMjAyMiBTb2xhcldpbmRzIFdvcmxkd2lkZSwgTExDLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vICBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0b1xuLy8gIGRlYWwgaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlXG4vLyAgcmlnaHRzIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yXG4vLyAgc2VsbCBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vICBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyAgYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vICBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vICBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBJTGF5b3V0RWxlbWVudERpcmVjdGlvbiB9IGZyb20gXCIuLi9wdWJsaWMtYXBpXCI7XG5cbi8vIDxleGFtcGxlLXVybD4uLy4uL2V4YW1wbGVzL2luZGV4Lmh0bWwjL2xheW91dDwvZXhhbXBsZS11cmw+XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJudWktY2FyZC1ncm91cFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vY2FyZC1ncm91cC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9jYXJkLWdyb3VwLmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBJbnB1dCgpIGRpcmVjdGlvbjogSUxheW91dEVsZW1lbnREaXJlY3Rpb24gPSBcInJvd1wiO1xuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLmNhcmQtZ3JvdXAtZGlyZWN0aW9uLWNvbHVtblwiKSBkaXJlY3Rpb25Db2x1bW4gPSBmYWxzZTtcbiAgICBASG9zdEJpbmRpbmcoXCJjbGFzcy5jYXJkLWdyb3VwLWRpcmVjdGlvbi1yb3dcIikgZGlyZWN0aW9uUm93ID0gdHJ1ZTtcbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlyZWN0aW9uQ29sdW1uID1cbiAgICAgICAgICAgICh0aGlzLmRpcmVjdGlvbkNvbHVtbiAmJiAhdGhpcy5kaXJlY3Rpb25Sb3cpIHx8XG4gICAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9PT0gXCJjb2x1bW5cIjtcbiAgICAgICAgdGhpcy5kaXJlY3Rpb25Sb3cgPVxuICAgICAgICAgICAgKCF0aGlzLmRpcmVjdGlvbkNvbHVtbiAmJiB0aGlzLmRpcmVjdGlvblJvdykgfHxcbiAgICAgICAgICAgIHRoaXMuZGlyZWN0aW9uID09PSBcInJvd1wiO1xuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==