@nova-ui/bits
Version:
SolarWinds Nova Framework
65 lines • 14.2 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, ElementRef, HostBinding, Input, } from "@angular/core";
import { ResizeDirection } from "../../../common/directives/resizer/public-api";
import * as i0 from "@angular/core";
// <example-url>./../examples/index.html#/layout</example-url>
export class SheetComponent {
constructor(elRef) {
this.elRef = elRef;
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";
this.resizeDirection =
this.direction === "row"
? ResizeDirection.right
: ResizeDirection.bottom;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SheetComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SheetComponent, selector: "nui-sheet", inputs: { fitContent: "fitContent", direction: "direction", initialSizeValue: "initialSizeValue" }, host: { properties: { "class.sheet-fit-content": "this.fitContent", "class.sheet-direction-column": "this.directionColumn", "class.sheet-direction-row": "this.directionRow" }, classAttribute: "nui-sheet" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;overflow:auto;width:100%;height:100%;min-height:50px;box-shadow:0 0 5px 0 var(--nui-shadow-color, rgba(17, 17, 17, .3));flex-grow:1;min-width:min-content;background-color:var(--nui-color-bg-light,#fff)}:host.sheet-fit-content{width:auto;height:auto;flex-shrink:0}:host.sheet-direction-column{flex-direction:column}:host.sheet-direction-row{flex-direction:row}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):not(:last-of-type):not(:first-of-type){border-right-color:var(--nui-color-line-dark,#999999);border-right-width:var(--nui-line-default,1px);border-right-style:solid;border-left-color:var(--nui-color-line-default,#d9d9d9);border-left-width:var(--nui-line-default,1px);border-left-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):last-of-type{border-left-color:var(--nui-color-line-default,#d9d9d9);border-left-width:var(--nui-line-default,1px);border-left-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):first-of-type{border-right-color:var(--nui-color-line-dark,#999999);border-right-width:var(--nui-line-default,1px);border-right-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):only-child{border:none}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):not(:last-of-type):not(:first-of-type){border-bottom-color:var(--nui-color-line-dark,#999999);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid;border-top-color:var(--nui-color-line-default,#d9d9d9);border-top-width:var(--nui-line-default,1px);border-top-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):last-of-type{border-top-color:var(--nui-color-line-default,#d9d9d9);border-top-width:var(--nui-line-default,1px);border-top-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):first-of-type{border-bottom-color:var(--nui-color-line-dark,#999999);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):only-child{border:none}:host-context(.nui-sheet-group--separate-sheets.sheet-group-direction-row >):not(:last-of-type){margin-right:15px}:host-context(.nui-sheet-group--separate-sheets.sheet-group-direction-column >):not(:last-of-type){margin-bottom:15px}:host-context(.nui-sheet-group--resizable) nui-sheet{width:auto;height:auto}:host-context(.nui-sheet-group--joined-sheets){box-shadow:none}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SheetComponent, decorators: [{
type: Component,
args: [{ selector: "nui-sheet", host: { class: "nui-sheet" }, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:flex;overflow:auto;width:100%;height:100%;min-height:50px;box-shadow:0 0 5px 0 var(--nui-shadow-color, rgba(17, 17, 17, .3));flex-grow:1;min-width:min-content;background-color:var(--nui-color-bg-light,#fff)}:host.sheet-fit-content{width:auto;height:auto;flex-shrink:0}:host.sheet-direction-column{flex-direction:column}:host.sheet-direction-row{flex-direction:row}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):not(:last-of-type):not(:first-of-type){border-right-color:var(--nui-color-line-dark,#999999);border-right-width:var(--nui-line-default,1px);border-right-style:solid;border-left-color:var(--nui-color-line-default,#d9d9d9);border-left-width:var(--nui-line-default,1px);border-left-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):last-of-type{border-left-color:var(--nui-color-line-default,#d9d9d9);border-left-width:var(--nui-line-default,1px);border-left-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):first-of-type{border-right-color:var(--nui-color-line-dark,#999999);border-right-width:var(--nui-line-default,1px);border-right-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-row >):only-child{border:none}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):not(:last-of-type):not(:first-of-type){border-bottom-color:var(--nui-color-line-dark,#999999);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid;border-top-color:var(--nui-color-line-default,#d9d9d9);border-top-width:var(--nui-line-default,1px);border-top-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):last-of-type{border-top-color:var(--nui-color-line-default,#d9d9d9);border-top-width:var(--nui-line-default,1px);border-top-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):first-of-type{border-bottom-color:var(--nui-color-line-dark,#999999);border-bottom-width:var(--nui-line-default,1px);border-bottom-style:solid}:host-context(.nui-sheet-group--joined-sheets.sheet-group-direction-column >):only-child{border:none}:host-context(.nui-sheet-group--separate-sheets.sheet-group-direction-row >):not(:last-of-type){margin-right:15px}:host-context(.nui-sheet-group--separate-sheets.sheet-group-direction-column >):not(:last-of-type){margin-bottom:15px}:host-context(.nui-sheet-group--resizable) nui-sheet{width:auto;height:auto}:host-context(.nui-sheet-group--joined-sheets){box-shadow:none}\n"] }]
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fitContent: [{
type: HostBinding,
args: ["class.sheet-fit-content"]
}, {
type: Input
}], direction: [{
type: Input
}], initialSizeValue: [{
type: Input
}], directionColumn: [{
type: HostBinding,
args: ["class.sheet-direction-column"]
}], directionRow: [{
type: HostBinding,
args: ["class.sheet-direction-row"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvc2hlZXQvc2hlZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvc2hlZXQvc2hlZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseURBQXlEO0FBQ3pELEVBQUU7QUFDRiwrRUFBK0U7QUFDL0UsNEVBQTRFO0FBQzVFLDhFQUE4RTtBQUM5RSwrRUFBK0U7QUFDL0UsOEVBQThFO0FBQzlFLDREQUE0RDtBQUM1RCxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLHVEQUF1RDtBQUN2RCxFQUFFO0FBQ0YsNkVBQTZFO0FBQzdFLDRFQUE0RTtBQUM1RSwrRUFBK0U7QUFDL0UsMEVBQTBFO0FBQzFFLGlGQUFpRjtBQUNqRiw2RUFBNkU7QUFDN0UsaUJBQWlCO0FBRWpCLE9BQU8sRUFDSCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBRVIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtDQUErQyxDQUFDOztBQUdoRiw4REFBOEQ7QUFPOUQsTUFBTSxPQUFPLGNBQWM7SUFXdkIsWUFBbUIsS0FBaUI7UUFBakIsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQVAzQixjQUFTLEdBQTRCLEtBQUssQ0FBQztRQUVQLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQzNCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBSXZCLENBQUM7SUFFakMsUUFBUTtRQUNYLElBQUksQ0FBQyxlQUFlO1lBQ2hCLENBQUMsSUFBSSxDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxTQUFTLEtBQUssUUFBUSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxZQUFZO1lBQ2IsQ0FBQyxDQUFDLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQztnQkFDNUMsSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLLENBQUM7UUFDN0IsSUFBSSxDQUFDLGVBQWU7WUFDaEIsSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLO2dCQUNwQixDQUFDLENBQUMsZUFBZSxDQUFDLEtBQUs7Z0JBQ3ZCLENBQUMsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDO0lBQ3JDLENBQUM7K0dBeEJRLGNBQWM7bUdBQWQsY0FBYyxvV0N0QzNCLDZCQUNBOzs0RkRxQ2EsY0FBYztrQkFOMUIsU0FBUzsrQkFDSSxXQUFXLFFBRWYsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFOytFQU01QixVQUFVO3NCQUZULFdBQVc7dUJBQUMseUJBQXlCOztzQkFDckMsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDdUMsZUFBZTtzQkFBM0QsV0FBVzt1QkFBQyw4QkFBOEI7Z0JBQ0QsWUFBWTtzQkFBckQsV0FBVzt1QkFBQywyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkluaXQsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFJlc2l6ZURpcmVjdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9jb21tb24vZGlyZWN0aXZlcy9yZXNpemVyL3B1YmxpYy1hcGlcIjtcbmltcG9ydCB7IElMYXlvdXRFbGVtZW50RGlyZWN0aW9uIH0gZnJvbSBcIi4uL3B1YmxpYy1hcGlcIjtcblxuLy8gPGV4YW1wbGUtdXJsPi4vLi4vZXhhbXBsZXMvaW5kZXguaHRtbCMvbGF5b3V0PC9leGFtcGxlLXVybD5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm51aS1zaGVldFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vc2hlZXQuY29tcG9uZW50Lmh0bWxcIixcbiAgICBob3N0OiB7IGNsYXNzOiBcIm51aS1zaGVldFwiIH0sXG4gICAgc3R5bGVVcmxzOiBbXCIuL3NoZWV0LmNvbXBvbmVudC5sZXNzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBTaGVldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3Muc2hlZXQtZml0LWNvbnRlbnRcIilcbiAgICBASW5wdXQoKVxuICAgIGZpdENvbnRlbnQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgZGlyZWN0aW9uOiBJTGF5b3V0RWxlbWVudERpcmVjdGlvbiA9IFwicm93XCI7XG4gICAgQElucHV0KCkgaW5pdGlhbFNpemVWYWx1ZTogc3RyaW5nO1xuICAgIEBIb3N0QmluZGluZyhcImNsYXNzLnNoZWV0LWRpcmVjdGlvbi1jb2x1bW5cIikgZGlyZWN0aW9uQ29sdW1uID0gZmFsc2U7XG4gICAgQEhvc3RCaW5kaW5nKFwiY2xhc3Muc2hlZXQtZGlyZWN0aW9uLXJvd1wiKSBkaXJlY3Rpb25Sb3cgPSB0cnVlO1xuXG4gICAgcHVibGljIHJlc2l6ZURpcmVjdGlvbjogUmVzaXplRGlyZWN0aW9uO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsUmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpcmVjdGlvbkNvbHVtbiA9XG4gICAgICAgICAgICAodGhpcy5kaXJlY3Rpb25Db2x1bW4gJiYgIXRoaXMuZGlyZWN0aW9uUm93KSB8fFxuICAgICAgICAgICAgdGhpcy5kaXJlY3Rpb24gPT09IFwiY29sdW1uXCI7XG4gICAgICAgIHRoaXMuZGlyZWN0aW9uUm93ID1cbiAgICAgICAgICAgICghdGhpcy5kaXJlY3Rpb25Db2x1bW4gJiYgdGhpcy5kaXJlY3Rpb25Sb3cpIHx8XG4gICAgICAgICAgICB0aGlzLmRpcmVjdGlvbiA9PT0gXCJyb3dcIjtcbiAgICAgICAgdGhpcy5yZXNpemVEaXJlY3Rpb24gPVxuICAgICAgICAgICAgdGhpcy5kaXJlY3Rpb24gPT09IFwicm93XCJcbiAgICAgICAgICAgICAgICA/IFJlc2l6ZURpcmVjdGlvbi5yaWdodFxuICAgICAgICAgICAgICAgIDogUmVzaXplRGlyZWN0aW9uLmJvdHRvbTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=