ontimize-web-ngx
Version:
Ontimize Web framework using Angular 15
27 lines • 7.32 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
import { BooleanInputConverter } from '../../decorators/input-converter';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/flex";
import * as i3 from "../../pipes/o-translate.pipe";
export const DEFAULT_INPUTS_O_DATA_TOOLBAR = [
'showTitle: show-title',
'title',
];
export class ODataToolbarComponent {
constructor() {
this.showTitle = false;
}
}
ODataToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ODataToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ODataToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ODataToolbarComponent, selector: "o-data-toolbar", inputs: { showTitle: ["show-title", "showTitle"], title: "title" }, host: { classAttribute: "o-data-toolbar" }, ngImport: i0, template: "<ng-content select=\"[o-data-toolbar-projection-start]\"></ng-content>\n<ng-content select=\"[o-data-toolbar-custom-projection-start]\"></ng-content>\n<div fxFlex>\n <span fxLayoutAlign=\"center center\" *ngIf=\"showTitle\" class=\"title\">{{ title | oTranslate }}</span>\n</div>\n<ng-content select=\"[o-data-toolbar-custom-projection-end]\"></ng-content>\n<ng-content select=\"[o-data-toolbar-projection-end]\"></ng-content>\n", styles: [".o-data-toolbar{padding:0 4px;height:64px;display:flex;align-items:center;align-content:space-between;width:100%;flex-direction:row;white-space:nowrap}.o-data-toolbar.dense{height:48px}.o-data-toolbar .title{font-size:18px;font-weight:400;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i3.OTranslatePipe, name: "oTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
__decorate([
BooleanInputConverter(),
__metadata("design:type", Boolean)
], ODataToolbarComponent.prototype, "showTitle", void 0);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ODataToolbarComponent, decorators: [{
type: Component,
args: [{ selector: 'o-data-toolbar', inputs: DEFAULT_INPUTS_O_DATA_TOOLBAR, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'o-data-toolbar' }, template: "<ng-content select=\"[o-data-toolbar-projection-start]\"></ng-content>\n<ng-content select=\"[o-data-toolbar-custom-projection-start]\"></ng-content>\n<div fxFlex>\n <span fxLayoutAlign=\"center center\" *ngIf=\"showTitle\" class=\"title\">{{ title | oTranslate }}</span>\n</div>\n<ng-content select=\"[o-data-toolbar-custom-projection-end]\"></ng-content>\n<ng-content select=\"[o-data-toolbar-projection-end]\"></ng-content>\n", styles: [".o-data-toolbar{padding:0 4px;height:64px;display:flex;align-items:center;align-content:space-between;width:100%;flex-direction:row;white-space:nowrap}.o-data-toolbar.dense{height:48px}.o-data-toolbar .title{font-size:18px;font-weight:400;text-align:center}\n"] }]
}], propDecorators: { showTitle: [] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1kYXRhLXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvby1kYXRhLXRvb2xiYXIvby1kYXRhLXRvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvby1kYXRhLXRvb2xiYXIvby1kYXRhLXRvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBR3pFLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHO0lBRTNDLHVCQUF1QjtJQUV2QixPQUFPO0NBRVIsQ0FBQztBQWFGLE1BQU0sT0FBTyxxQkFBcUI7SUFYbEM7UUFhRSxjQUFTLEdBQVksS0FBSyxDQUFDO0tBSTVCOzttSEFOWSxxQkFBcUI7dUdBQXJCLHFCQUFxQixzS0N4QmxDLCthQU9BO0FEa0JFO0lBQUMscUJBQXFCLEVBQUU7O3dEQUNHOzRGQUZoQixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLFVBR2xCLDZCQUE2QixtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUVuQyxFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTs4QkFLN0IsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJvb2xlYW5JbnB1dENvbnZlcnRlciB9IGZyb20gJy4uLy4uL2RlY29yYXRvcnMvaW5wdXQtY29udmVydGVyJztcblxuXG5leHBvcnQgY29uc3QgREVGQVVMVF9JTlBVVFNfT19EQVRBX1RPT0xCQVIgPSBbXG4gIC8vIHNob3ctdGl0bGUgW3llc3xub3x0cnVlfGZhbHNlXTogc2hvdyB0aGUgdGFibGUgdGl0bGUuIERlZmF1bHQ6IG5vLlxuICAnc2hvd1RpdGxlOiBzaG93LXRpdGxlJyxcbiAgLy90aXRsZTogVGhpcyB0aXRsZSB2YWx1ZSB3aWxsIGFwcGVhciBpbiB0aGUgdG9vbGJhclxuICAndGl0bGUnLFxuXG5dO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvLWRhdGEtdG9vbGJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWRhdGEtdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL28tZGF0YS10b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogREVGQVVMVF9JTlBVVFNfT19EQVRBX1RPT0xCQVIsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBob3N0OlxuICAgIHsgY2xhc3M6ICdvLWRhdGEtdG9vbGJhcicgfVxuXG59KVxuZXhwb3J0IGNsYXNzIE9EYXRhVG9vbGJhckNvbXBvbmVudCB7XG4gIEBCb29sZWFuSW5wdXRDb252ZXJ0ZXIoKVxuICBzaG93VGl0bGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgdGl0bGU6IHN0cmluZztcblxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW28tZGF0YS10b29sYmFyLXByb2plY3Rpb24tc3RhcnRdXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiW28tZGF0YS10b29sYmFyLWN1c3RvbS1wcm9qZWN0aW9uLXN0YXJ0XVwiPjwvbmctY29udGVudD5cbjxkaXYgZnhGbGV4PlxuICA8c3BhbiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiICpuZ0lmPVwic2hvd1RpdGxlXCIgY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIHwgb1RyYW5zbGF0ZSB9fTwvc3Bhbj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiW28tZGF0YS10b29sYmFyLWN1c3RvbS1wcm9qZWN0aW9uLWVuZF1cIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJbby1kYXRhLXRvb2xiYXItcHJvamVjdGlvbi1lbmRdXCI+PC9uZy1jb250ZW50PlxuIl19