@tetacom/ng-components 1.1.23 → 1.1.24

package/component/expand-card/expand-item/expand-item.component.d.ts

@@ -1,10 +1,8 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class ExpandItemComponent implements OnInit {
+export declare class ExpandItemComponent {
     open: boolean;
     openChange: EventEmitter<boolean>;
-    constructor();
-    ngOnInit(): void;
     setOpen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpandItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ExpandItemComponent, "teta-expand-item", ["expand-item"], { "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["head", "*"], false, never>;

package/esm2022/component/expand-card/expand-item/expand-item.component.mjs

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../button/button/button.component";
@@ -6,23 +6,19 @@ import * as i3 from "../../icon/icon/icon.component";
 export class ExpandItemComponent {
     open = true;
     openChange = new EventEmitter();
-    constructor() {
-    }
-    ngOnInit() {
-    }
     setOpen() {
         this.open = !this.open;
         this.openChange.emit(this.open);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandItemComponent, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-50 height-6\">\n  <div class=\"font-overline form-group-title-text\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <div class=\"form-group-title-line\"></div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandItemComponent, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: i3.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', template: "<div class=\"row align-center gap color-text-50 height-6\">\n  <div class=\"font-overline form-group-title-text\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <div class=\"form-group-title-line\"></div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { open: [{
+            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
+        }], propDecorators: { open: [{
                 type: Input
             }], openChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtY2FyZC9leHBhbmQtaXRlbS9leHBhbmQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2V4cGFuZC1jYXJkL2V4cGFuZC1pdGVtL2V4cGFuZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3RHLE1BQU0sT0FBTyxtQkFBbUI7SUFDckIsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNYLFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRW5EO0lBQ0EsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO3VHQWJVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLG9KQ1RoQywwaEJBWUE7OzJGREhhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxhQUFhOzBFQUdkLElBQUk7c0JBQVosS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RldGEtZXhwYW5kLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbmQtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZXhwb3J0QXM6ICdleHBhbmQtaXRlbSdcbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5kSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG9wZW4gPSB0cnVlO1xuICBAT3V0cHV0KCkgb3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgc2V0T3BlbigpIHtcbiAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KHRoaXMub3Blbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3cgYWxpZ24tY2VudGVyIGdhcCBjb2xvci10ZXh0LTUwIGhlaWdodC02XCI+XG4gIDxkaXYgY2xhc3M9XCJmb250LW92ZXJsaW5lIGZvcm0tZ3JvdXAtdGl0bGUtdGV4dFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZm9ybS1ncm91cC10aXRsZS1saW5lXCI+PC9kaXY+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHRldGEtYnV0dG9uIChjbGljayk9XCJzZXRPcGVuKClcIiBbcGFsZXR0ZV09XCIndGV4dCdcIiBbdmlld109XCInZ2hvc3QnXCIgW3NxdWFyZV09XCJ0cnVlXCI+XG4gICAgPHRldGEtaWNvbiBbbmFtZV09XCJvcGVuID8gJ2Fycm93VXBLZXknIDogJ2Fycm93RG93bktleSdcIiBbcGFsZXR0ZV09XCIndGV4dCdcIj48L3RldGEtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJjb250ZW50XCIgKm5nSWY9XCJvcGVuXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtY2FyZC9leHBhbmQtaXRlbS9leHBhbmQtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2V4cGFuZC1jYXJkL2V4cGFuZC1pdGVtL2V4cGFuZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN2QixNQUFNLE9BQU8sbUJBQW1CO0lBQ3JCLElBQUksR0FBRyxJQUFJLENBQUM7SUFDWCxVQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVuRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7dUdBUFUsbUJBQW1COzJGQUFuQixtQkFBbUIsb0pDZmhDLDhlQVdBOzsyRkRJYSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYTs4QkFHZCxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RldGEtZXhwYW5kLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbmQtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZXhwb3J0QXM6ICdleHBhbmQtaXRlbScsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBvcGVuID0gdHJ1ZTtcbiAgQE91dHB1dCgpIG9wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgc2V0T3BlbigpIHtcbiAgICB0aGlzLm9wZW4gPSAhdGhpcy5vcGVuO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KHRoaXMub3Blbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyb3cgYWxpZ24tY2VudGVyIGdhcCBjb2xvci10ZXh0LTkwIGhlaWdodC02XCI+XG4gIDxkaXYgY2xhc3M9XCJyb3cgcm93X2F1dG8gYWxpZ24tY2VudGVyIGZvbnQtdGl0bGUtMlwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiB0ZXRhLWJ1dHRvbiAoY2xpY2spPVwic2V0T3BlbigpXCIgW3BhbGV0dGVdPVwiJ3RleHQnXCIgW3ZpZXddPVwiJ2dob3N0J1wiIFtzcXVhcmVdPVwidHJ1ZVwiPlxuICAgIDx0ZXRhLWljb24gW25hbWVdPVwib3BlbiA/ICdhcnJvd1VwS2V5JyA6ICdhcnJvd0Rvd25LZXknXCIgW3BhbGV0dGVdPVwiJ3RleHQnXCI+PC90ZXRhLWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY29udGVudFwiICpuZ0lmPVwib3BlblwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/component/expand-panel/expand-panel/expand-panel.component.mjs

@@ -43,11 +43,11 @@ export class ExpandPanelComponent {
         this.openChange.emit(this.open);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: i4.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf='open'>\n  <teta-toolbar\n    style='display: flex'\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]='true'\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='closePanel()'\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class='font-title-2' style='display: contents'>\n      <ng-container *ngTemplateOutlet='head?.template'></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet='content?.template'></ng-container>\n</ng-container>\n<ng-container *ngIf='!open'>\n  <div class='width-10 overflow-hidden' style='height: 100%;'>\n    <button\n      teta-button\n      style='\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 6px;\n      '\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='openPanel()'\n    >\n      <div class='font-button-2 nowrap'>{{ placeholder }}</div>\n      <teta-icon style='transform-origin: 0 0;transform: rotate(-90deg) translateX(-100%);'\n                 [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: i4.IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
+            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf='open'>\n  <teta-toolbar\n    style='display: flex'\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]='true'\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='closePanel()'\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class='font-title-2' style='display: contents'>\n      <ng-container *ngTemplateOutlet='head?.template'></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet='content?.template'></ng-container>\n</ng-container>\n<ng-container *ngIf='!open'>\n  <div class='width-10 overflow-hidden' style='height: 100%;'>\n    <button\n      teta-button\n      style='\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 6px;\n      '\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='openPanel()'\n    >\n      <div class='font-button-2 nowrap'>{{ placeholder }}</div>\n      <teta-icon style='transform-origin: 0 0;transform: rotate(-90deg) translateX(-100%);'\n                 [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { content: [{
                 type: ContentChild,
                 args: [ExpandPanelContentDirective, { static: false }]
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
             }], direction: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvZXhwYW5kLXBhbmVsL2V4cGFuZC1wYW5lbC9leHBhbmQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtcGFuZWwvZXhwYW5kLXBhbmVsL2V4cGFuZC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7OztBQVExRSxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLE9BQU8sQ0FBOEI7SUFHckMsSUFBSSxDQUEyQjtJQUV0QixXQUFXLENBQVM7SUFDcEIsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNYLFVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNqRSxVQUFVLENBQVM7SUFDbkIsU0FBUyxHQUFxQixNQUFNLENBQUM7SUFFOUMsZ0JBQWUsQ0FBQztJQUVoQixTQUFTO1FBQ1AsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRTtZQUM1QixPQUFPO1NBQ1I7UUFDRCxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUU7WUFDNUIsT0FBTztTQUNSO1FBQ0QsTUFBTSxNQUFNLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDdkQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7dUdBN0NVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLDZPQUNqQiwyQkFBMkIsdUVBRzNCLHdCQUF3QixnREN0QnhDLGcxQ0FxQ0E7OzJGRG5CYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07MEVBSS9DLE9BQU87c0JBRE4sWUFBWTt1QkFBQywyQkFBMkIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSTVELElBQUk7c0JBREgsWUFBWTt1QkFBQyx3QkFBd0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBR2hELFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0UsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFeHBhbmRQYW5lbENvbnRlbnREaXJlY3RpdmUgfSBmcm9tICcuLi9leHBhbmQtcGFuZWwtY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRXhwYW5kUGFuZWxIZWFkRGlyZWN0aXZlIH0gZnJvbSAnLi4vZXhwYW5kLXBhbmVsLWhlYWQuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1leHBhbmQtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5kLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5kLXBhbmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRQYW5lbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBDb250ZW50Q2hpbGQoRXhwYW5kUGFuZWxDb250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgY29udGVudDogRXhwYW5kUGFuZWxDb250ZW50RGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoRXhwYW5kUGFuZWxIZWFkRGlyZWN0aXZlLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgaGVhZDogRXhwYW5kUGFuZWxIZWFkRGlyZWN0aXZlO1xuXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG9wZW4gPSB0cnVlO1xuICBAT3V0cHV0KCkgb3BlbkNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBASW5wdXQoKSBjb29raWVOYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb3BlblBhbmVsKCkge1xuICAgIHRoaXMub3BlbiA9IHRydWU7XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQodHJ1ZSk7XG4gICAgdGhpcy5zYXZlQ29va2llKCk7XG4gIH1cblxuICBjbG9zZVBhbmVsKCkge1xuICAgIHRoaXMub3BlbiA9IGZhbHNlO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KGZhbHNlKTtcbiAgICB0aGlzLnNhdmVDb29raWUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMucmVzdG9yZUNvb2tpZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBzYXZlQ29va2llKCkge1xuICAgIGlmICghdGhpcy5jb29raWVOYW1lPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgbG9jYWxTdG9yYWdlLnNldEl0ZW0odGhpcy5jb29raWVOYW1lLCBKU09OLnN0cmluZ2lmeSh0aGlzLm9wZW4pKTtcbiAgfVxuXG4gIHByaXZhdGUgcmVzdG9yZUNvb2tpZSgpIHtcbiAgICBpZiAoIXRoaXMuY29va2llTmFtZT8ubGVuZ3RoKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGNvb2tpZSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKHRoaXMuY29va2llTmFtZSk7XG4gICAgdGhpcy5vcGVuID0gY29va2llICE9IG51bGwgPyBKU09OLnBhcnNlKGNvb2tpZSkgOiB0cnVlO1xuICAgIHRoaXMub3BlbkNoYW5nZS5lbWl0KHRoaXMub3Blbik7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJvcGVuXCI+XG4gIDx0ZXRhLXRvb2xiYXJcbiAgICBzdHlsZT1cImRpc3BsYXk6IGZsZXhcIlxuICAgIFtzdHlsZS5qdXN0aWZ5Q29udGVudF09XCJkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnc3BhY2UtYmV0d2VlbicgOiAndW5zZXQnXCJcbiAgICBbc3R5bGUuZmxleERpcmVjdGlvbl09XCJkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAncm93LXJldmVyc2UnIDogJ3JvdydcIj5cbiAgICA8YnV0dG9uXG4gICAgICB0ZXRhLWJ1dHRvblxuICAgICAgW3NxdWFyZV09XCJ0cnVlXCJcbiAgICAgIFtwYWxldHRlXT1cIid0ZXh0J1wiXG4gICAgICBbdmlld109XCInZ2hvc3QnXCJcbiAgICAgIChjbGljayk9XCJjbG9zZVBhbmVsKClcIlxuICAgID5cbiAgICAgIDx0ZXRhLWljb24gW3BhbGV0dGVdPVwiJ3RleHQnXCIgW25hbWVdPVwiZGlyZWN0aW9uID09PSAncmlnaHQnID8gJ2Fycm93UmlnaHRLZXknIDogJ2Fycm93TGVmdEtleSdcIj48L3RldGEtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8c3BhbiBjbGFzcz1cImZvbnQtdGl0bGUtMlwiIHN0eWxlPVwiZGlzcGxheTogY29udGVudHNcIj48bmctY29udGFpbmVyXG4gICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWQ/LnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+PC9zcGFuPlxuICA8L3RldGEtdG9vbGJhcj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnQ/LnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9XCIhb3BlblwiPlxuICA8ZGl2IGNsYXNzPVwid2lkdGgtMTAgb3ZlcmZsb3ctaGlkZGVuXCIgc3R5bGU9XCJoZWlnaHQ6IDEwMCU7XCI+XG4gICAgPGJ1dHRvblxuICAgICAgdGV0YS1idXR0b25cbiAgICAgIHN0eWxlPVwiXG4gICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDAgMDtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKSB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgICAgICAgbWFyZ2luOiA4cHg7XG4gICAgICBcIlxuICAgICAgW3BhbGV0dGVdPVwiJ3RleHQnXCJcbiAgICAgIFt2aWV3XT1cIidnaG9zdCdcIlxuICAgICAgKGNsaWNrKT1cIm9wZW5QYW5lbCgpXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9udC1idXR0b24tMiBub3dyYXBcIj57eyBwbGFjZWhvbGRlciB9fTwvZGl2PlxuICAgICAgPHRldGEtaWNvbiBbbmFtZV09XCJkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnYXJyb3dVcEtleScgOiAnYXJyb3dEb3duS2V5J1wiIFtwYWxldHRlXT1cIid0ZXh0J1wiPjwvdGV0YS1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5kLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnQvZXhwYW5kLXBhbmVsL2V4cGFuZC1wYW5lbC9leHBhbmQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9leHBhbmQtcGFuZWwvZXhwYW5kLXBhbmVsL2V4cGFuZC1wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7OztBQVExRSxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLE9BQU8sQ0FBOEI7SUFHckMsSUFBSSxDQUEyQjtJQUV0QixXQUFXLENBQVM7SUFDcEIsSUFBSSxHQUFHLElBQUksQ0FBQztJQUNYLFVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNqRSxVQUFVLENBQVM7SUFDbkIsU0FBUyxHQUFxQixNQUFNLENBQUM7SUFFOUMsZ0JBQWUsQ0FBQztJQUVoQixTQUFTO1FBQ1AsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRTtZQUM1QixPQUFPO1NBQ1I7UUFDRCxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUNuRSxDQUFDO0lBRU8sYUFBYTtRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUU7WUFDNUIsT0FBTztTQUNSO1FBQ0QsTUFBTSxNQUFNLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLElBQUksR0FBRyxNQUFNLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDdkQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7dUdBN0NVLG9CQUFvQjsyRkFBcEIsb0JBQW9CLDZPQUNqQiwyQkFBMkIsdUVBRzNCLHdCQUF3QixnREN2QnhDLHkzQ0F1Q0E7OzJGRHBCYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07MEVBSS9DLE9BQU87c0JBRE4sWUFBWTt1QkFBQywyQkFBMkIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBSTVELElBQUk7c0JBREgsWUFBWTt1QkFBQyx3QkFBd0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBR2hELFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0UsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEV4cGFuZFBhbmVsQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4uL2V4cGFuZC1wYW5lbC1jb250ZW50LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBFeHBhbmRQYW5lbEhlYWREaXJlY3RpdmUgfSBmcm9tICcuLi9leHBhbmQtcGFuZWwtaGVhZC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZXRhLWV4cGFuZC1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbmQtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbmQtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZFBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQENvbnRlbnRDaGlsZChFeHBhbmRQYW5lbENvbnRlbnREaXJlY3RpdmUsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBjb250ZW50OiBFeHBhbmRQYW5lbENvbnRlbnREaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChFeHBhbmRQYW5lbEhlYWREaXJlY3RpdmUsIHsgc3RhdGljOiBmYWxzZSB9KVxuICBoZWFkOiBFeHBhbmRQYW5lbEhlYWREaXJlY3RpdmU7XG5cbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgQElucHV0KCkgb3BlbiA9IHRydWU7XG4gIEBPdXRwdXQoKSBvcGVuQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBJbnB1dCgpIGNvb2tpZU5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvcGVuUGFuZWwoKSB7XG4gICAgdGhpcy5vcGVuID0gdHJ1ZTtcbiAgICB0aGlzLm9wZW5DaGFuZ2UuZW1pdCh0cnVlKTtcbiAgICB0aGlzLnNhdmVDb29raWUoKTtcbiAgfVxuXG4gIGNsb3NlUGFuZWwoKSB7XG4gICAgdGhpcy5vcGVuID0gZmFsc2U7XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQoZmFsc2UpO1xuICAgIHRoaXMuc2F2ZUNvb2tpZSgpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5yZXN0b3JlQ29va2llKCk7XG4gIH1cblxuICBwcml2YXRlIHNhdmVDb29raWUoKSB7XG4gICAgaWYgKCF0aGlzLmNvb2tpZU5hbWU/Lmxlbmd0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSh0aGlzLmNvb2tpZU5hbWUsIEpTT04uc3RyaW5naWZ5KHRoaXMub3BlbikpO1xuICB9XG5cbiAgcHJpdmF0ZSByZXN0b3JlQ29va2llKCkge1xuICAgIGlmICghdGhpcy5jb29raWVOYW1lPy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgY29va2llID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0odGhpcy5jb29raWVOYW1lKTtcbiAgICB0aGlzLm9wZW4gPSBjb29raWUgIT0gbnVsbCA/IEpTT04ucGFyc2UoY29va2llKSA6IHRydWU7XG4gICAgdGhpcy5vcGVuQ2hhbmdlLmVtaXQodGhpcy5vcGVuKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj0nb3Blbic+XG4gIDx0ZXRhLXRvb2xiYXJcbiAgICBzdHlsZT0nZGlzcGxheTogZmxleCdcbiAgICBbc3R5bGUuanVzdGlmeUNvbnRlbnRdPVwiZGlyZWN0aW9uID09PSAncmlnaHQnID8gJ3NwYWNlLWJldHdlZW4nIDogJ3Vuc2V0J1wiXG4gICAgW3N0eWxlLmZsZXhEaXJlY3Rpb25dPVwiZGlyZWN0aW9uID09PSAncmlnaHQnID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnXCI+XG4gICAgPGJ1dHRvblxuICAgICAgdGV0YS1idXR0b25cbiAgICAgIFtzcXVhcmVdPSd0cnVlJ1xuICAgICAgW3BhbGV0dGVdPVwiJ3RleHQnXCJcbiAgICAgIFt2aWV3XT1cIidnaG9zdCdcIlxuICAgICAgKGNsaWNrKT0nY2xvc2VQYW5lbCgpJ1xuICAgID5cbiAgICAgIDx0ZXRhLWljb24gW3BhbGV0dGVdPVwiJ3RleHQnXCIgW25hbWVdPVwiZGlyZWN0aW9uID09PSAncmlnaHQnID8gJ3N0YXJ0JyA6ICdlbmQnXCI+PC90ZXRhLWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPHNwYW4gY2xhc3M9J2ZvbnQtdGl0bGUtMicgc3R5bGU9J2Rpc3BsYXk6IGNvbnRlbnRzJz5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9J2hlYWQ/LnRlbXBsYXRlJz48L25nLWNvbnRhaW5lcj5cbiAgICA8L3NwYW4+XG4gIDwvdGV0YS10b29sYmFyPlxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PSdjb250ZW50Py50ZW1wbGF0ZSc+PC9uZy1jb250YWluZXI+XG48L25nLWNvbnRhaW5lcj5cbjxuZy1jb250YWluZXIgKm5nSWY9JyFvcGVuJz5cbiAgPGRpdiBjbGFzcz0nd2lkdGgtMTAgb3ZlcmZsb3ctaGlkZGVuJyBzdHlsZT0naGVpZ2h0OiAxMDAlOyc+XG4gICAgPGJ1dHRvblxuICAgICAgdGV0YS1idXR0b25cbiAgICAgIHN0eWxlPSdcbiAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogMCAwO1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpIHRyYW5zbGF0ZVgoLTEwMCUpO1xuICAgICAgICBtYXJnaW46IDZweDtcbiAgICAgICdcbiAgICAgIFtwYWxldHRlXT1cIid0ZXh0J1wiXG4gICAgICBbdmlld109XCInZ2hvc3QnXCJcbiAgICAgIChjbGljayk9J29wZW5QYW5lbCgpJ1xuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9J2ZvbnQtYnV0dG9uLTIgbm93cmFwJz57eyBwbGFjZWhvbGRlciB9fTwvZGl2PlxuICAgICAgPHRldGEtaWNvbiBzdHlsZT0ndHJhbnNmb3JtLW9yaWdpbjogMCAwO3RyYW5zZm9ybTogcm90YXRlKC05MGRlZykgdHJhbnNsYXRlWCgtMTAwJSk7J1xuICAgICAgICAgICAgICAgICBbcGFsZXR0ZV09XCIndGV4dCdcIiBbbmFtZV09XCJkaXJlY3Rpb24gPT09ICdyaWdodCcgPyAnc3RhcnQnIDogJ2VuZCdcIj48L3RldGEtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2022/component/input/input/input.component.mjs

@@ -14,11 +14,11 @@ export class InputComponent {
     }
     align = Align;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: InputComponent, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "<div class=\"font-caption color-text-90 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: InputComponent, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "<div class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"font-caption color-text-90 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
+            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: HostBinding,
                 args: ['class.column']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9pbnB1dC9pbnB1dC9pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2lucHV0L2lucHV0L2lucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBU3hELE1BQU0sT0FBTyxjQUFjO0lBQ2hCLEtBQUssQ0FBVTtJQUNmLElBQUksQ0FBVTtJQUNkLFFBQVEsR0FBYSxTQUFTLENBQUM7SUFJeEMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUduQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBRWpCLElBQ0ksTUFBTTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzFCLENBQUM7SUFFRCxLQUFLLEdBQUcsS0FBSyxDQUFDO3VHQWpCSCxjQUFjOzJGQUFkLGNBQWMsMlBDaEIzQiwrcUJBaUJBOzsyRkREYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlOLFVBQVU7c0JBRlQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxXQUFXO2dCQUl4QixRQUFRO3NCQURQLEtBQUs7Z0JBSUYsTUFBTTtzQkFEVCxXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbGlnbiB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9lbnVtL2FsaWduLmVudW0nO1xuaW1wb3J0IHsgdmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vbW9kZWwvdmlldy10eXBlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBoaW50Pzogc3RyaW5nO1xuICBASW5wdXQoKSB2aWV3VHlwZTogdmlld1R5cGUgPSAncm91bmRlZCc7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yb3cnKVxuICBob3Jpem9udGFsID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcmVxdWlyZWQgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbHVtbicpXG4gIGdldCBjb2x1bW4oKSB7XG4gICAgcmV0dXJuICF0aGlzLmhvcml6b250YWw7XG4gIH1cblxuICBhbGlnbiA9IEFsaWduO1xufVxuIiwiPGRpdiBjbGFzcz1cImZvbnQtY2FwdGlvbiBjb2xvci10ZXh0LTkwIGFsaWduLWNlbnRlciByb3cgbm93cmFwIG92ZXJmbG93LWhpZGRlbiB0ZXh0LW92ZXJmbG93LWVsbGlwc2lzXCJcbiAgICAgW2NsYXNzLnJvd182XT1cImhvcml6b250YWxcIlxuICAgICBbY2xhc3MudGV4dC1maWVsZF9yZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICpuZ0lmPVwibGFiZWw/Lmxlbmd0aCA+IDBcIj5cbiAgPHNwYW4gY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW4gdGV4dC1vdmVyZmxvdy1lbGxpcHNpc1wiXG4gICAgICAgIFt0ZXRhSGludF09XCJoaW50ID8/IGxhYmVsXCJcbiAgICAgICAgW2FsaWduXT1cImFsaWduLmxlZnRcIlxuICAgICAgICBbb3ZlcmZsb3duT25seV09XCIhaGludCB8fCBoaW50ID09PSBsYWJlbFwiPlxuICAgIHt7bGFiZWx9fVxuICA8L3NwYW4+XG48L2Rpdj5cbjxkaXYgW2NsYXNzXT1cIidpbnB1dC1jb250YWluZXIgaW5wdXRfJyt2aWV3VHlwZVwiIFtjbGFzcy5yb3dfNl09XCJob3Jpem9udGFsXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtbWVzc2FnZSBmb250LWVycm9yLW1lc3NhZ2UgZm9udC1jYXB0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWVzc2FnZVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudC9pbnB1dC9pbnB1dC9pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50L2lucHV0L2lucHV0L2lucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBU3hELE1BQU0sT0FBTyxjQUFjO0lBQ2hCLEtBQUssQ0FBVTtJQUNmLElBQUksQ0FBVTtJQUNkLFFBQVEsR0FBYSxTQUFTLENBQUM7SUFJeEMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUduQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBRWpCLElBQ0ksTUFBTTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzFCLENBQUM7SUFFRCxLQUFLLEdBQUcsS0FBSyxDQUFDO3VHQWpCSCxjQUFjOzJGQUFkLGNBQWMsMlBDaEIzQiwrcUJBaUJBOzsyRkREYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFlBQVksbUJBR0wsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUlOLFVBQVU7c0JBRlQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxXQUFXO2dCQUl4QixRQUFRO3NCQURQLEtBQUs7Z0JBSUYsTUFBTTtzQkFEVCxXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbGlnbiB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9lbnVtL2FsaWduLmVudW0nO1xuaW1wb3J0IHsgdmlld1R5cGUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vbW9kZWwvdmlldy10eXBlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGV0YS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBoaW50Pzogc3RyaW5nO1xuICBASW5wdXQoKSB2aWV3VHlwZTogdmlld1R5cGUgPSAncm91bmRlZCc7XG5cbiAgQElucHV0KClcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yb3cnKVxuICBob3Jpem9udGFsID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcmVxdWlyZWQgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbHVtbicpXG4gIGdldCBjb2x1bW4oKSB7XG4gICAgcmV0dXJuICF0aGlzLmhvcml6b250YWw7XG4gIH1cblxuICBhbGlnbiA9IEFsaWduO1xufVxuIiwiPGRpdiBjbGFzcz1cImZvbnQtY2FwdGlvbiBjb2xvci10ZXh0LTcwIGFsaWduLWNlbnRlciByb3cgbm93cmFwIG92ZXJmbG93LWhpZGRlbiB0ZXh0LW92ZXJmbG93LWVsbGlwc2lzXCJcbiAgICAgW2NsYXNzLnJvd182XT1cImhvcml6b250YWxcIlxuICAgICBbY2xhc3MudGV4dC1maWVsZF9yZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICpuZ0lmPVwibGFiZWw/Lmxlbmd0aCA+IDBcIj5cbiAgPHNwYW4gY2xhc3M9XCJvdmVyZmxvdy1oaWRkZW4gdGV4dC1vdmVyZmxvdy1lbGxpcHNpc1wiXG4gICAgICAgIFt0ZXRhSGludF09XCJoaW50ID8/IGxhYmVsXCJcbiAgICAgICAgW2FsaWduXT1cImFsaWduLmxlZnRcIlxuICAgICAgICBbb3ZlcmZsb3duT25seV09XCIhaGludCB8fCBoaW50ID09PSBsYWJlbFwiPlxuICAgIHt7bGFiZWx9fVxuICA8L3NwYW4+XG48L2Rpdj5cbjxkaXYgW2NsYXNzXT1cIidpbnB1dC1jb250YWluZXIgaW5wdXRfJyt2aWV3VHlwZVwiIFtjbGFzcy5yb3dfNl09XCJob3Jpem9udGFsXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtbWVzc2FnZSBmb250LWVycm9yLW1lc3NhZ2UgZm9udC1jYXB0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWVzc2FnZVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/fesm2022/tetacom-ng-components.mjs

@@ -1900,11 +1900,11 @@ class InputComponent {
     }
     align = Align;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: InputComponent, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "<div class=\"font-caption color-text-90 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: InputComponent, selector: "teta-input", inputs: { label: "label", hint: "hint", viewType: "viewType", horizontal: "horizontal", required: "required" }, host: { properties: { "class.row": "this.horizontal", "class.column": "this.column" } }, ngImport: i0, template: "<div class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: HintDirective, selector: "[tetaHint]", inputs: ["tetaHint", "align", "verticalAlign", "delay", "viewType", "overflownOnly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"font-caption color-text-90 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
+            args: [{ selector: 'teta-input', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"font-caption color-text-70 align-center row nowrap overflow-hidden text-overflow-ellipsis\"\n     [class.row_6]=\"horizontal\"\n     [class.text-field_required]=\"required\"\n     *ngIf=\"label?.length > 0\">\n  <span class=\"overflow-hidden text-overflow-ellipsis\"\n        [tetaHint]=\"hint ?? label\"\n        [align]=\"align.left\"\n        [overflownOnly]=\"!hint || hint === label\">\n    {{label}}\n  </span>\n</div>\n<div [class]=\"'input-container input_'+viewType\" [class.row_6]=\"horizontal\">\n    <ng-content></ng-content>\n  <div class=\"input-message font-error-message font-caption\">\n    <ng-content select=\"message\"></ng-content>\n  </div>\n</div>\n", styles: [":host{display:flex;grid-gap:4px;flex-grow:1;flex-basis:10px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], hint: [{
@@ -3734,21 +3734,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
 class ExpandItemComponent {
     open = true;
     openChange = new EventEmitter();
-    constructor() {
-    }
-    ngOnInit() {
-    }
     setOpen() {
         this.open = !this.open;
         this.openChange.emit(this.open);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandItemComponent, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-50 height-6\">\n  <div class=\"font-overline form-group-title-text\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <div class=\"form-group-title-line\"></div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandItemComponent, selector: "teta-expand-item", inputs: { open: "open" }, outputs: { openChange: "openChange" }, exportAs: ["expand-item"], ngImport: i0, template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', template: "<div class=\"row align-center gap color-text-50 height-6\">\n  <div class=\"font-overline form-group-title-text\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <div class=\"form-group-title-line\"></div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { open: [{
+            args: [{ selector: 'teta-expand-item', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'expand-item', template: "<div class=\"row align-center gap color-text-90 height-6\">\n  <div class=\"row row_auto align-center font-title-2\">\n    <ng-content select=\"head\"></ng-content>\n  </div>\n  <button type=\"button\" teta-button (click)=\"setOpen()\" [palette]=\"'text'\" [view]=\"'ghost'\" [square]=\"true\">\n    <teta-icon [name]=\"open ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n  </button>\n</div>\n<div class=\"content\" *ngIf=\"open\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{animation:append-animate .5s linear;transition:order 5s ease-in;display:flex;flex-direction:column;gap:12px}.content{animation:append-animate .5s linear}@keyframes append-animate{0%{opacity:0}to{opacity:1}}\n"] }]
+        }], propDecorators: { open: [{
                 type: Input
             }], openChange: [{
                 type: Output
@@ -3857,11 +3853,11 @@ class ExpandPanelComponent {
         this.openChange.emit(this.open);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ExpandPanelComponent, selector: "teta-expand-panel", inputs: { placeholder: "placeholder", open: "open", cookieName: "cookieName", direction: "direction" }, outputs: { openChange: "openChange" }, queries: [{ propertyName: "content", first: true, predicate: ExpandPanelContentDirective, descendants: true }, { propertyName: "head", first: true, predicate: ExpandPanelHeadDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf='open'>\n  <teta-toolbar\n    style='display: flex'\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]='true'\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='closePanel()'\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class='font-title-2' style='display: contents'>\n      <ng-container *ngTemplateOutlet='head?.template'></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet='content?.template'></ng-container>\n</ng-container>\n<ng-container *ngIf='!open'>\n  <div class='width-10 overflow-hidden' style='height: 100%;'>\n    <button\n      teta-button\n      style='\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 6px;\n      '\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='openPanel()'\n    >\n      <div class='font-button-2 nowrap'>{{ placeholder }}</div>\n      <teta-icon style='transform-origin: 0 0;transform: rotate(-90deg) translateX(-100%);'\n                 [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "teta-toolbar", inputs: ["palette", "class"] }, { kind: "component", type: ButtonComponent, selector: "button[teta-button], teta-button", inputs: ["palette", "class", "view", "square", "viewType", "size"] }, { kind: "component", type: IconComponent, selector: "teta-icon", inputs: ["name", "size", "palette", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ExpandPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"open\">\n  <teta-toolbar\n    style=\"display: flex\"\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]=\"true\"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"closePanel()\"\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'arrowRightKey' : 'arrowLeftKey'\"></teta-icon>\n    </button>\n    <span class=\"font-title-2\" style=\"display: contents\"><ng-container\n      *ngTemplateOutlet=\"head?.template\"></ng-container></span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet=\"content?.template\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"!open\">\n  <div class=\"width-10 overflow-hidden\" style=\"height: 100%;\">\n    <button\n      teta-button\n      style=\"\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 8px;\n      \"\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)=\"openPanel()\"\n    >\n      <div class=\"font-button-2 nowrap\">{{ placeholder }}</div>\n      <teta-icon [name]=\"direction === 'right' ? 'arrowUpKey' : 'arrowDownKey'\" [palette]=\"'text'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
+            args: [{ selector: 'teta-expand-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf='open'>\n  <teta-toolbar\n    style='display: flex'\n    [style.justifyContent]=\"direction === 'right' ? 'space-between' : 'unset'\"\n    [style.flexDirection]=\"direction === 'right' ? 'row-reverse' : 'row'\">\n    <button\n      teta-button\n      [square]='true'\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='closePanel()'\n    >\n      <teta-icon [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n    <span class='font-title-2' style='display: contents'>\n      <ng-container *ngTemplateOutlet='head?.template'></ng-container>\n    </span>\n  </teta-toolbar>\n  <ng-container *ngTemplateOutlet='content?.template'></ng-container>\n</ng-container>\n<ng-container *ngIf='!open'>\n  <div class='width-10 overflow-hidden' style='height: 100%;'>\n    <button\n      teta-button\n      style='\n        transform-origin: 0 0;\n        transform: rotate(-90deg) translateX(-100%);\n        margin: 6px;\n      '\n      [palette]=\"'text'\"\n      [view]=\"'ghost'\"\n      (click)='openPanel()'\n    >\n      <div class='font-button-2 nowrap'>{{ placeholder }}</div>\n      <teta-icon style='transform-origin: 0 0;transform: rotate(-90deg) translateX(-100%);'\n                 [palette]=\"'text'\" [name]=\"direction === 'right' ? 'start' : 'end'\"></teta-icon>\n    </button>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;min-width:0;min-height:0;height:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { content: [{
                 type: ContentChild,
                 args: [ExpandPanelContentDirective, { static: false }]