ontimize-web-ngx/esm2020/lib/components/container/column-collapsible/o-column-collapsible.component.mjs

Ontimize Web framework using Angular 15

import { Component, ElementRef, Inject, Injector, Optional, ViewEncapsulation } from '@angular/core';
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
import { OContainerCollapsibleComponent } from '../o-container-collapsible-component.class';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/flex";
import * as i3 from "@angular/material/expansion";
import * as i4 from "@angular/material/icon";
import * as i5 from "../../../pipes/o-translate.pipe";
export class OColumnCollapsibleComponent extends OContainerCollapsibleComponent {
    constructor(elRef, injector, matFormDefaultOption) {
        super(elRef, injector, matFormDefaultOption);
        this.elRef = elRef;
        this.injector = injector;
        this.matFormDefaultOption = matFormDefaultOption;
    }
}
OColumnCollapsibleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OColumnCollapsibleComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: MAT_FORM_FIELD_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OColumnCollapsibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OColumnCollapsibleComponent, selector: "o-column-collapsible", host: { properties: { "class.o-column-collapsible": "true", "class.o-appearance-outline": "isAppearanceOutline()", "class.o-appearance-outline-title": "hasTitleInAppearanceOutline()" } }, usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel #expPanel [expanded]=\"expanded\" class=\"o-container\" (opened)=\"updateInnerHeight(null)\" (closed)=\"updateInnerHeight(0)\">\n  <mat-expansion-panel-header #containerTitle [expandedHeight]=\"expandedHeight\" [collapsedHeight]=\"collapsedHeight\">\n    <mat-panel-title fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"o-container-title\">\n      <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n      <span *ngIf=\"title\">{{ title | oTranslate }}</span>\n    </mat-panel-title>\n    <mat-panel-description fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <span>{{ description | oTranslate }}</span>\n    </mat-panel-description>\n  </mat-expansion-panel-header>\n  <div #containerContent id=\"innerCol\" fxLayout=\"column\" fxLayoutAlign=\"{{ layoutAlign }}\" fxLayoutGap=\"{{ layoutGap }}\"\n    class=\"o-container-scroll o-scroll\" fxFlex=\"grow\">\n    <ng-content></ng-content>\n  </div>\n</mat-expansion-panel>\n<div #oContainerOutline *ngIf=\"isAppearanceOutline()\" [class.o-container-outline-expanded]=\"expPanel.expanded\" class=\"o-container-outline\">\n  <div class=\"o-container-outline-start\"></div>\n  <div class=\"o-container-outline-gap-title\"></div>\n  <div class=\"o-container-outline-gap-empty1\"></div>\n  <div class=\"o-container-outline-gap-description\"></div>\n  <div class=\"o-container-outline-gap-empty2\"></div>\n  <div class=\"o-container-outline-gap-icon\"></div>\n  <div class=\"o-container-outline-end\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { 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: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i5.OTranslatePipe, name: "oTranslate" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OColumnCollapsibleComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-column-collapsible', encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-column-collapsible]': 'true',
                        '[class.o-appearance-outline]': 'isAppearanceOutline()',
                        '[class.o-appearance-outline-title]': 'hasTitleInAppearanceOutline()'
                    }, template: "<mat-expansion-panel #expPanel [expanded]=\"expanded\" class=\"o-container\" (opened)=\"updateInnerHeight(null)\" (closed)=\"updateInnerHeight(0)\">\n  <mat-expansion-panel-header #containerTitle [expandedHeight]=\"expandedHeight\" [collapsedHeight]=\"collapsedHeight\">\n    <mat-panel-title fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"o-container-title\">\n      <mat-icon *ngIf=\"icon\">{{ icon }}</mat-icon>\n      <span *ngIf=\"title\">{{ title | oTranslate }}</span>\n    </mat-panel-title>\n    <mat-panel-description fxLayout=\"row\" fxLayoutAlign=\"start center\">\n      <span>{{ description | oTranslate }}</span>\n    </mat-panel-description>\n  </mat-expansion-panel-header>\n  <div #containerContent id=\"innerCol\" fxLayout=\"column\" fxLayoutAlign=\"{{ layoutAlign }}\" fxLayoutGap=\"{{ layoutGap }}\"\n    class=\"o-container-scroll o-scroll\" fxFlex=\"grow\">\n    <ng-content></ng-content>\n  </div>\n</mat-expansion-panel>\n<div #oContainerOutline *ngIf=\"isAppearanceOutline()\" [class.o-container-outline-expanded]=\"expPanel.expanded\" class=\"o-container-outline\">\n  <div class=\"o-container-outline-start\"></div>\n  <div class=\"o-container-outline-gap-title\"></div>\n  <div class=\"o-container-outline-gap-empty1\"></div>\n  <div class=\"o-container-outline-gap-description\"></div>\n  <div class=\"o-container-outline-gap-empty2\"></div>\n  <div class=\"o-container-outline-gap-icon\"></div>\n  <div class=\"o-container-outline-end\"></div>\n</div>\n" }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Injector }, { type: undefined, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [MAT_FORM_FIELD_DEFAULT_OPTIONS]
                }] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jb2x1bW4tY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvY29udGFpbmVyL2NvbHVtbi1jb2xsYXBzaWJsZS9vLWNvbHVtbi1jb2xsYXBzaWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnRpbWl6ZS13ZWItbmd4L3NyYy9saWIvY29tcG9uZW50cy9jb250YWluZXIvY29sdW1uLWNvbGxhcHNpYmxlL28tY29sdW1uLWNvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTlFLE9BQU8sRUFDTCw4QkFBOEIsRUFDL0IsTUFBTSw0Q0FBNEMsQ0FBQzs7Ozs7OztBQWFwRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsOEJBQThCO0lBRTdFLFlBQ1ksS0FBaUIsRUFDakIsUUFBa0IsRUFDa0Msb0JBQW9CO1FBRWxGLEtBQUssQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLG9CQUFvQixDQUFDLENBQUM7UUFKbkMsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQUNqQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQ2tDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBQTtJQUdwRixDQUFDOzt5SEFSVSwyQkFBMkIsb0VBS2hCLDhCQUE4Qjs2R0FMekMsMkJBQTJCLCtRQ2xCeEMsdTlDQXdCQTs0RkROYSwyQkFBMkI7a0JBVnZDLFNBQVM7K0JBQ0Usc0JBQXNCLGlCQUVqQixpQkFBaUIsQ0FBQyxJQUFJLFFBQy9CO3dCQUNKLDhCQUE4QixFQUFFLE1BQU07d0JBQ3RDLDhCQUE4QixFQUFFLHVCQUF1Qjt3QkFDdkQsb0NBQW9DLEVBQUUsK0JBQStCO3FCQUN0RTs7MEJBT0UsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5qZWN0b3IsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0ZPUk1fRklFTERfREVGQVVMVF9PUFRJT05TIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbmltcG9ydCB7XG4gIE9Db250YWluZXJDb2xsYXBzaWJsZUNvbXBvbmVudFxufSBmcm9tICcuLi9vLWNvbnRhaW5lci1jb2xsYXBzaWJsZS1jb21wb25lbnQuY2xhc3MnO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ28tY29sdW1uLWNvbGxhcHNpYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL28tY29sdW1uLWNvbGxhcHNpYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Muby1jb2x1bW4tY29sbGFwc2libGVdJzogJ3RydWUnLFxuICAgICdbY2xhc3Muby1hcHBlYXJhbmNlLW91dGxpbmVdJzogJ2lzQXBwZWFyYW5jZU91dGxpbmUoKScsXG4gICAgJ1tjbGFzcy5vLWFwcGVhcmFuY2Utb3V0bGluZS10aXRsZV0nOiAnaGFzVGl0bGVJbkFwcGVhcmFuY2VPdXRsaW5lKCknXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgT0NvbHVtbkNvbGxhcHNpYmxlQ29tcG9uZW50IGV4dGVuZHMgT0NvbnRhaW5lckNvbGxhcHNpYmxlQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJvdGVjdGVkIGluamVjdG9yOiBJbmplY3RvcixcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUykgcHJvdGVjdGVkIG1hdEZvcm1EZWZhdWx0T3B0aW9uXG4gICkge1xuICAgIHN1cGVyKGVsUmVmLCBpbmplY3RvciwgbWF0Rm9ybURlZmF1bHRPcHRpb24pO1xuICB9XG5cbn1cbiIsIjxtYXQtZXhwYW5zaW9uLXBhbmVsICNleHBQYW5lbCBbZXhwYW5kZWRdPVwiZXhwYW5kZWRcIiBjbGFzcz1cIm8tY29udGFpbmVyXCIgKG9wZW5lZCk9XCJ1cGRhdGVJbm5lckhlaWdodChudWxsKVwiIChjbG9zZWQpPVwidXBkYXRlSW5uZXJIZWlnaHQoMClcIj5cbiAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyICNjb250YWluZXJUaXRsZSBbZXhwYW5kZWRIZWlnaHRdPVwiZXhwYW5kZWRIZWlnaHRcIiBbY29sbGFwc2VkSGVpZ2h0XT1cImNvbGxhcHNlZEhlaWdodFwiPlxuICAgIDxtYXQtcGFuZWwtdGl0bGUgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgY2xhc3M9XCJvLWNvbnRhaW5lci10aXRsZVwiPlxuICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIHwgb1RyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8L21hdC1wYW5lbC10aXRsZT5cbiAgICA8bWF0LXBhbmVsLWRlc2NyaXB0aW9uIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgPHNwYW4+e3sgZGVzY3JpcHRpb24gfCBvVHJhbnNsYXRlIH19PC9zcGFuPlxuICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxuICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICA8ZGl2ICNjb250YWluZXJDb250ZW50IGlkPVwiaW5uZXJDb2xcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJ7eyBsYXlvdXRBbGlnbiB9fVwiIGZ4TGF5b3V0R2FwPVwie3sgbGF5b3V0R2FwIH19XCJcbiAgICBjbGFzcz1cIm8tY29udGFpbmVyLXNjcm9sbCBvLXNjcm9sbFwiIGZ4RmxleD1cImdyb3dcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuPGRpdiAjb0NvbnRhaW5lck91dGxpbmUgKm5nSWY9XCJpc0FwcGVhcmFuY2VPdXRsaW5lKClcIiBbY2xhc3Muby1jb250YWluZXItb3V0bGluZS1leHBhbmRlZF09XCJleHBQYW5lbC5leHBhbmRlZFwiIGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZVwiPlxuICA8ZGl2IGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZS1zdGFydFwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZS1nYXAtdGl0bGVcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm8tY29udGFpbmVyLW91dGxpbmUtZ2FwLWVtcHR5MVwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZS1nYXAtZGVzY3JpcHRpb25cIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm8tY29udGFpbmVyLW91dGxpbmUtZ2FwLWVtcHR5MlwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZS1nYXAtaWNvblwiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiby1jb250YWluZXItb3V0bGluZS1lbmRcIj48L2Rpdj5cbjwvZGl2PlxuIl19