@tetacom/ng-components 1.4.4 → 1.4.7

package/assets/icons.svg

@@ -678,4 +678,58 @@
   <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="zoom">
     <path fill-rule="evenodd" clip-rule="evenodd" d="M7 11.75C9.62335 11.75 11.75 9.62331 11.75 6.99995C11.75 4.3766 9.62335 2.24995 7 2.24995C4.37665 2.24995 2.25 4.3766 2.25 6.99995C2.25 9.62331 4.37665 11.75 7 11.75ZM11.6616 10.7777C12.4985 9.74632 13 8.4317 13 6.99995C13 3.68625 10.3137 0.999954 7 0.999954C3.68629 0.999954 1 3.68625 1 6.99995C1 10.3137 3.68629 13 7 13C8.43172 13 9.74632 12.4985 10.7777 11.6616L13.5581 14.4419C13.8021 14.686 14.1979 14.686 14.4419 14.4419C14.686 14.1979 14.686 13.8021 14.4419 13.5581L11.6616 10.7777ZM7 4.375C7.34518 4.375 7.625 4.65482 7.625 5V6.375H9C9.34518 6.375 9.625 6.65482 9.625 7C9.625 7.34518 9.34518 7.625 9 7.625H7.625V9C7.625 9.34518 7.34518 9.625 7 9.625C6.65482 9.625 6.375 9.34518 6.375 9V7.625H5C4.65482 7.625 4.375 7.34518 4.375 7C4.375 6.65482 4.65482 6.375 5 6.375H6.375V5C6.375 4.65482 6.65482 4.375 7 4.375Z" fill="currentColor" fill-opacity="0.87"></path>
   </symbol>
+
+
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="chatFill">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 4V17C2 17.5523 2.44772 18 3 18H3.17157C3.70201 18 4.21071 17.7893 4.58579 17.4142L7.41421 14.5858C7.78929 14.2107 8.29799 14 8.82843 14H16C17.1046 14 18 13.1046 18 12V4C18 2.89543 17.1046 2 16 2H4C2.89543 2 2 2.89543 2 4ZM6.2 9.20005C6.86274 9.20005 7.4 8.66279 7.4 8.00005C7.4 7.33731 6.86274 6.80005 6.2 6.80005C5.53726 6.80005 5 7.33731 5 8.00005C5 8.66279 5.53726 9.20005 6.2 9.20005ZM11.2 8.00005C11.2 8.66279 10.6627 9.20005 10 9.20005C9.33726 9.20005 8.8 8.66279 8.8 8.00005C8.8 7.33731 9.33726 6.80005 10 6.80005C10.6627 6.80005 11.2 7.33731 11.2 8.00005ZM13.8 9.20005C14.4627 9.20005 15 8.66279 15 8.00005C15 7.33731 14.4627 6.80005 13.8 6.80005C13.1373 6.80005 12.6 7.33731 12.6 8.00005C12.6 8.66279 13.1373 9.20005 13.8 9.20005Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="questionsFill">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM10 6.65996C9.12423 6.65996 8.41429 7.36991 8.41429 8.24568C8.41429 8.63227 8.10089 8.94568 7.71429 8.94568C7.32769 8.94568 7.01429 8.63227 7.01429 8.24568C7.01429 6.59671 8.35104 5.25996 10 5.25996H10.1667C11.7321 5.25996 12.9857 6.55044 12.9857 8.0988C12.9857 9.14246 12.3975 10.1152 11.4559 10.5861L11.3353 10.6464C10.9459 10.841 10.7 11.239 10.7 11.6742C10.7 12.0608 10.3866 12.3742 10 12.3742C9.6134 12.3742 9.3 12.0608 9.3 11.6742C9.3 10.7087 9.84553 9.826 10.7092 9.39419L10.8298 9.33386C11.289 9.10426 11.5857 8.62132 11.5857 8.0988C11.5857 7.3066 10.942 6.65996 10.1667 6.65996H10ZM10 14.9999C10.4418 14.9999 10.8 14.6417 10.8 14.1999C10.8 13.7581 10.4418 13.3999 10 13.3999C9.55817 13.3999 9.2 13.7581 9.2 14.1999C9.2 14.6417 9.55817 14.9999 10 14.9999Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="referenceFill">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C5.89543 2 5 2.89543 5 4C3.89543 4 3 4.89543 3 6V16C3 17.1046 3.89543 18 5 18H13C14.1046 18 15 17.1046 15 16C16.1046 16 17 15.1046 17 14V7.82843C17 7.29799 16.7893 6.78929 16.4142 6.41421L12.5858 2.58579C12.2107 2.21071 11.702 2 11.1716 2H7ZM15 14.6C15.3314 14.6 15.6 14.3314 15.6 14V7.82843C15.6 7.6693 15.5368 7.51669 15.4243 7.40416L11.5958 3.57574C11.4833 3.46321 11.3307 3.4 11.1716 3.4H7C6.66863 3.4 6.4 3.66863 6.4 4L9.17157 4C9.70201 4 10.2107 4.21071 10.5858 4.58579L14.4142 8.41421C14.7893 8.78929 15 9.29799 15 9.82843V14.6ZM5.7 14.6001C5.7 14.2135 6.0134 13.9001 6.4 13.9001H11.6C11.9866 13.9001 12.3 14.2135 12.3 14.6001C12.3 14.9867 11.9866 15.3001 11.6 15.3001H6.4C6.0134 15.3001 5.7 14.9867 5.7 14.6001ZM5.7 11.8001C5.7 11.4135 6.0134 11.1001 6.4 11.1001H11.6C11.9866 11.1001 12.3 11.4135 12.3 11.8001C12.3 12.1867 11.9866 12.5001 11.6 12.5001H6.4C6.0134 12.5001 5.7 12.1867 5.7 11.8001ZM5.7 9.00005C5.7 8.61345 6.0134 8.30005 6.4 8.30005H9.4C9.7866 8.30005 10.1 8.61345 10.1 9.00005C10.1 9.38665 9.7866 9.70005 9.4 9.70005H6.4C6.0134 9.70005 5.7 9.38665 5.7 9.00005Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="serviceFill">
+    <rect x="2" y="2" width="6" height="7.6" rx="2" fill="currentColor" fill-opacity="0.87"></rect>
+    <rect x="9.4" y="2" width="8.6" height="7" rx="2" fill="currentColor" fill-opacity="0.87"></rect>
+    <rect x="12" y="10.3999" width="6" height="7.6" rx="2" fill="currentColor" fill-opacity="0.87"></rect>
+    <rect x="2" y="11" width="8.6" height="7" rx="2" fill="currentColor" fill-opacity="0.87"></rect>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="questionsOutline">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.6 10C16.6 13.6451 13.6451 16.6 10 16.6C6.35492 16.6 3.4 13.6451 3.4 10C3.4 6.35492 6.35492 3.4 10 3.4C13.6451 3.4 16.6 6.35492 16.6 10ZM18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM10 6.66007C9.12423 6.66007 8.41429 7.37001 8.41429 8.24578C8.41429 8.63238 8.10089 8.94578 7.71429 8.94578C7.32769 8.94578 7.01429 8.63238 7.01429 8.24578C7.01429 6.59682 8.35104 5.26007 10 5.26007H10.1667C11.7321 5.26007 12.9857 6.55055 12.9857 8.09891C12.9857 9.14257 12.3975 10.1154 11.4559 10.5862L11.3353 10.6465C10.9459 10.8412 10.7 11.2391 10.7 11.6744C10.7 12.061 10.3866 12.3744 10 12.3744C9.6134 12.3744 9.3 12.061 9.3 11.6744C9.3 10.7088 9.84553 9.82611 10.7092 9.39429L10.8298 9.33397C11.289 9.10436 11.5857 8.62142 11.5857 8.09891C11.5857 7.30671 10.942 6.66007 10.1667 6.66007H10ZM10.8 14.2001C10.8 14.6419 10.4418 15.0001 10 15.0001C9.55817 15.0001 9.2 14.6419 9.2 14.2001C9.2 13.7582 9.55817 13.4001 10 13.4001C10.4418 13.4001 10.8 13.7582 10.8 14.2001Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="registerFill">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M2 4V16C2 17.1046 2.89543 18 4 18H16C17.1046 18 18 17.1046 18 16V6C18 4.89543 17.1046 4 16 4H10.8284C10.298 4 9.78929 3.78929 9.41421 3.41421L8.58579 2.58579C8.21071 2.21071 7.70201 2 7.17157 2H4C2.89543 2 2 2.89543 2 4ZM5.5 7.19995C5.05817 7.19995 4.7 7.51335 4.7 7.89995C4.7 8.28655 5.05817 8.59995 5.5 8.59995H14.5C14.9418 8.59995 15.3 8.28655 15.3 7.89995C15.3 7.51335 14.9418 7.19995 14.5 7.19995H5.5ZM4.7 10.7C4.7 10.3134 5.05817 10 5.5 10H14.5C14.9418 10 15.3 10.3134 15.3 10.7C15.3 11.0866 14.9418 11.4 14.5 11.4H5.5C5.05817 11.4 4.7 11.0866 4.7 10.7Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="chatOutline">
+    <path d="M2.7 4V17C2.7 17.1657 2.83431 17.3 3 17.3H3.17157C3.51635 17.3 3.84701 17.163 4.09081 16.9192L6.91924 14.0908C7.42559 13.5845 8.11234 13.3 8.82843 13.3H16C16.718 13.3 17.3 12.718 17.3 12V4C17.3 3.28203 16.718 2.7 16 2.7H4C3.28203 2.7 2.7 3.28203 2.7 4Z" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
+    <circle cx="6.2" cy="8.00005" r="1.2" fill="currentColor" fill-opacity="0.87"></circle>
+    <circle cx="10" cy="8.00005" r="1.2" fill="currentColor" fill-opacity="0.87"></circle>
+    <circle cx="13.8" cy="8.00005" r="1.2" fill="currentColor" fill-opacity="0.87"></circle>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="referenceOutline">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2C5.89543 2 5 2.89543 5 4C3.89543 4 3 4.89543 3 6V16C3 17.1046 3.89543 18 5 18H13C14.1046 18 15 17.1046 15 16C16.1046 16 17 15.1046 17 14V7.82843C17 7.29799 16.7893 6.78929 16.4142 6.41421L12.5858 2.58579C12.2107 2.21071 11.702 2 11.1716 2H7ZM15 14.6C15.3314 14.6 15.6 14.3314 15.6 14V7.82843C15.6 7.6693 15.5368 7.51669 15.4243 7.40416L11.5958 3.57574C11.4833 3.46321 11.3307 3.4 11.1716 3.4H7C6.66863 3.4 6.4 3.66863 6.4 4L9.17157 4C9.70201 4 10.2107 4.21071 10.5858 4.58579L14.4142 8.41421C14.7893 8.78929 15 9.29799 15 9.82843V14.6ZM4.4 6V16C4.4 16.3314 4.66863 16.6 5 16.6H13C13.3314 16.6 13.6 16.3314 13.6 16V14.6V9.82843C13.6 9.6693 13.5368 9.51669 13.4243 9.40416L9.59584 5.57574C9.48331 5.46321 9.3307 5.4 9.17157 5.4H6.4H5C4.66863 5.4 4.4 5.66863 4.4 6Z" fill="currentColor" fill-opacity="0.87"></path>
+    <path d="M6.4 8.30005C6.0134 8.30005 5.7 8.61345 5.7 9.00005C5.7 9.38665 6.0134 9.70005 6.4 9.70005H9.4C9.7866 9.70005 10.1 9.38665 10.1 9.00005C10.1 8.61345 9.7866 8.30005 9.4 8.30005H6.4Z" fill="currentColor" fill-opacity="0.87"></path>
+    <path d="M6.4 11.1001C6.0134 11.1001 5.7 11.4135 5.7 11.8001C5.7 12.1867 6.0134 12.5001 6.4 12.5001H11.6C11.9866 12.5001 12.3 12.1867 12.3 11.8001C12.3 11.4135 11.9866 11.1001 11.6 11.1001H6.4Z" fill="currentColor" fill-opacity="0.87"></path>
+    <path d="M6.4 13.9001C6.0134 13.9001 5.7 14.2135 5.7 14.6001C5.7 14.9867 6.0134 15.3001 6.4 15.3001H11.6C11.9866 15.3001 12.3 14.9867 12.3 14.6001C12.3 14.2135 11.9866 13.9001 11.6 13.9001H6.4Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="homeFill">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2121 3.7021C10.095 3.58494 9.90502 3.58494 9.78786 3.7021L4.18994 9.30002H4.99999C5.38659 9.30002 5.69999 9.61342 5.69999 10V15.5C5.69999 16.218 6.28202 16.8 6.99999 16.8H13C13.718 16.8 14.3 16.218 14.3 15.5V10C14.3 9.61342 14.6134 9.30002 15 9.30002H15.81L10.2121 3.7021ZM8.79791 2.71215C9.4618 2.04826 10.5382 2.04826 11.2021 2.71215L17.995 9.50504C18.1952 9.70524 18.2551 10.0063 18.1467 10.2679C18.0384 10.5295 17.7831 10.7 17.5 10.7H15.7V15.5C15.7 16.9912 14.4912 18.2 13 18.2H6.99999C5.50882 18.2 4.29999 16.9912 4.29999 15.5V10.7H2.49999C2.21687 10.7 1.96162 10.5295 1.85328 10.2679C1.74493 10.0063 1.80482 9.70524 2.00502 9.50504L8.79791 2.71215Z" fill="currentColor" fill-opacity="0.87"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.78786 3.7021C9.90502 3.58494 10.095 3.58494 10.2121 3.7021L15.81 9.30002H15C14.6134 9.30002 14.3 9.61342 14.3 10V15.5C14.3 16.218 13.718 16.8 13 16.8H6.99999C6.28202 16.8 5.69999 16.218 5.69999 15.5V10C5.69999 9.61342 5.38659 9.30002 4.99999 9.30002H4.18994L9.78786 3.7021ZM10.5 10H9.49999C9.22385 10 8.99999 10.2239 8.99999 10.5V13.5C8.99999 13.7762 9.22385 14 9.49999 14H10.5C10.7761 14 11 13.7762 11 13.5V10.5C11 10.2239 10.7761 10 10.5 10Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="homeOutline">
+    <path d="M2.5 10L9.29289 3.20711C9.68342 2.81658 10.3166 2.81658 10.7071 3.20711L17.5 10H15V15.5C15 16.6046 14.1046 17.5 13 17.5H7C5.89543 17.5 5 16.6046 5 15.5V10H2.5Z" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path d="M9 10.5C9 10.2239 9.22386 10 9.5 10H10.5C10.7761 10 11 10.2239 11 10.5V13.5C11 13.7761 10.7761 14 10.5 14H9.5C9.22386 14 9 13.7761 9 13.5V10.5Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="registerOutline">
+    <path d="M2.7 16V4C2.7 3.28203 3.28203 2.7 4 2.7H7.17157C7.51635 2.7 7.84701 2.83696 8.09081 3.08076L8.58579 2.58579L8.09081 3.08076L8.91924 3.90919C9.42559 4.41554 10.1123 4.7 10.8284 4.7H16C16.718 4.7 17.3 5.28203 17.3 6V16C17.3 16.718 16.718 17.3 16 17.3H4C3.28203 17.3 2.7 16.718 2.7 16Z" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.7 7.89995C4.7 7.51335 5.05817 7.19995 5.5 7.19995H14.5C14.9418 7.19995 15.3 7.51335 15.3 7.89995C15.3 8.28655 14.9418 8.59995 14.5 8.59995H5.5C5.05817 8.59995 4.7 8.28655 4.7 7.89995Z" fill="currentColor" fill-opacity="0.87"></path>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.7 10.7C4.7 10.3134 5.05817 10 5.5 10H14.5C14.9418 10 15.3 10.3134 15.3 10.7C15.3 11.0866 14.9418 11.4 14.5 11.4H5.5C5.05817 11.4 4.7 11.0866 4.7 10.7Z" fill="currentColor" fill-opacity="0.87"></path>
+  </symbol>
+  <symbol fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" id="serviceOutline">
+    <rect x="2.7" y="2.7" width="4.6" height="6.2" rx="1.3" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4"></rect>
+    <rect x="10.1" y="2.7" width="7.2" height="5.6" rx="1.3" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4"></rect>
+    <rect x="12.7" y="11.1" width="4.6" height="6.2" rx="1.3" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4"></rect>
+    <rect x="2.7" y="11.7" width="7.2" height="5.6" rx="1.3" stroke="currentColor" stroke-opacity="0.87" stroke-width="1.4"></rect>
+  </symbol>
 </svg>

package/component/avatar/avatar/avatar.component.d.ts

@@ -1,6 +1,6 @@
 import { OnInit } from '@angular/core';
 import { AvatarColorEnum } from '../model/avatar-color.enum';
-import { viewType } from "../../../common/model/view-type.model";
+import { viewType } from '../../../common/model/view-type.model';
 import * as i0 from "@angular/core";
 export declare class AvatarComponent implements OnInit {
     photo?: string | ArrayBuffer;

package/component/button/button/button.component.d.ts

@@ -1,5 +1,5 @@
 import { viewType } from '../../../common/model/view-type.model';
-import { TetaSize } from "../../../common/enum/teta-size.enum";
+import { TetaSize } from '../../../common/enum/teta-size.enum';
 import * as i0 from "@angular/core";
 export type ButtonViewType = 'primary' | 'outline' | 'ghost';
 export declare class ButtonComponent {

package/component/date-picker/base-calendar.d.ts

@@ -4,7 +4,7 @@ import { BehaviorSubject, ReplaySubject } from 'rxjs';
 import { viewType } from '../../common/model/view-type.model';
 import { DayModel } from './model/day-model';
 import { MinMaxDateModel } from './model/min-max-date.model';
-import { TetaLocalisation } from "../../locale/teta-localisation";
+import { TetaLocalisation } from '../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare abstract class BaseCalendar implements OnChanges, OnDestroy {
     protected _cdr: ChangeDetectorRef;

package/component/date-picker/base-picker.d.ts

@@ -6,7 +6,7 @@ import { Align } from '../../common/enum/align.enum';
 import { VerticalAlign } from '../../common/enum/vertical-align.enum';
 import { viewType } from '../../common/model/view-type.model';
 import { DateFromToModel } from './model/from-to.model';
-import { TetaLocalisation } from "../../locale/teta-localisation";
+import { TetaLocalisation } from '../../locale/teta-localisation';
 export declare abstract class BasePicker {
     protected _elementRef: ElementRef;
     protected _cdr: ChangeDetectorRef;

package/component/date-picker/date-picker/date-calendar/date-calendar.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy } from '@angular/
 import { viewType } from '../../../../common/model/view-type.model';
 import { BaseCalendar } from '../../base-calendar';
 import { DayModel } from '../../model/day-model';
-import { TetaLocalisation } from "../../../../locale/teta-localisation";
+import { TetaLocalisation } from '../../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare class DateCalendarComponent extends BaseCalendar implements OnChanges, OnDestroy {
     _cdr: ChangeDetectorRef;

package/component/date-picker/date-picker/date-picker.component.d.ts

@@ -8,7 +8,7 @@ import { viewType } from '../../../common/model/view-type.model';
 import { BasePicker } from '../base-picker';
 import { DatePeriod } from '../model/date-period';
 import { TetaConfigService } from '../../../locale/teta-config.service';
-import { TetaLocalisation } from "../../../locale/teta-localisation";
+import { TetaLocalisation } from '../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare const DATE_PICKER_CONTROL_VALUE_ACCESSOR: any;
 export declare class DatePickerComponent extends BasePicker implements OnInit, ControlValueAccessor, OnChanges {

package/component/date-picker/date-range/date-range.component.d.ts

@@ -8,7 +8,7 @@ import { viewType } from '../../../common/model/view-type.model';
 import { BasePicker } from '../base-picker';
 import { DateFromToModel } from '../model/from-to.model';
 import { TetaConfigService } from '../../../locale/teta-config.service';
-import { TetaLocalisation } from "../../../locale/teta-localisation";
+import { TetaLocalisation } from '../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare const DATE_Range_CONTROL_VALUE_ACCESSOR: any;
 export declare class DateRangeComponent extends BasePicker implements OnInit, ControlValueAccessor {

package/component/date-picker/date-range/range-calendar/range-calendar.component.d.ts

@@ -3,7 +3,7 @@ import { viewType } from '../../../../common/model/view-type.model';
 import { BaseCalendar } from '../../base-calendar';
 import { DayModel } from '../../model/day-model';
 import { DateFromToModel } from '../../model/from-to.model';
-import { TetaLocalisation } from "../../../../locale/teta-localisation";
+import { TetaLocalisation } from '../../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare class RangeCalendarComponent extends BaseCalendar implements OnChanges, OnDestroy {
     _cdr: ChangeDetectorRef;

package/component/date-picker/day-picker/day-item/day-item.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { DayModel } from "../../model/day-model";
+import { DayModel } from '../../model/day-model';
 import * as i0 from "@angular/core";
 export declare class DayItemComponent implements OnInit {
     day: DayModel;

package/component/date-picker/day-picker/day-picker.component.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { DayModel } from "../model/day-model";
-import { DateFromToModel } from "../model/from-to.model";
-import { viewType } from "../../../common/model/view-type.model";
-import { TetaLocalisation } from "../../../locale/teta-localisation";
+import { DayModel } from '../model/day-model';
+import { DateFromToModel } from '../model/from-to.model';
+import { viewType } from '../../../common/model/view-type.model';
+import { TetaLocalisation } from '../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare class DayPickerComponent implements OnChanges {
     date: Date | string | number;

package/component/date-picker/month-picker/month-picker.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { IIdName } from "../../../common/contract/i-id-name";
-import { viewType } from "../../../common/model/view-type.model";
+import { IIdName } from '../../../common/contract/i-id-name';
+import { viewType } from '../../../common/model/view-type.model';
 import * as i0 from "@angular/core";
 export declare class MonthPickerComponent implements OnInit {
     selectedMonth: number;

package/component/date-picker/public-api.d.ts

@@ -1,5 +1,5 @@
-export * from "./date-picker/date-picker.component";
+export * from './date-picker/date-picker.component';
 export * from './date-picker/date-calendar/date-calendar.component';
-export * from "./date-range/date-range.component";
+export * from './date-range/date-range.component';
 export * from './date-range/range-calendar/range-calendar.component';
 export * from './model/public-api';

package/component/date-picker/year-picker/year-picker.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { viewType } from "../../../common/model/view-type.model";
-import { MinMaxDateModel } from "../model/min-max-date.model";
-import { TetaLocalisation } from "../../../locale/teta-localisation";
+import { viewType } from '../../../common/model/view-type.model';
+import { MinMaxDateModel } from '../model/min-max-date.model';
+import { TetaLocalisation } from '../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare class YearPickerComponent implements OnInit {
     selectedYear: number;

package/component/filter/boolean-filter/boolean-filter.component.d.ts

@@ -5,9 +5,9 @@ import { IIdName } from '../../../common/contract/i-id-name';
 import { FilterBase } from '../base/filter-base';
 import { FilterState } from '../contarct/filter-state';
 import { BooleanFilter } from '../contarct/boolean-filter';
-import { TetaConfigService } from "../../../locale/teta-config.service";
-import { Observable } from "rxjs";
-import { TetaLocalisation } from "../../../locale/teta-localisation";
+import { TetaConfigService } from '../../../locale/teta-config.service';
+import { Observable } from 'rxjs';
+import { TetaLocalisation } from '../../../locale/teta-localisation';
 import * as i0 from "@angular/core";
 export declare class BooleanFilterComponent<T> extends FilterComponentBase<T> implements OnInit {
     private changeDetector;

package/component/message/model/message.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { viewType } from "../../../common/model/view-type.model";
+import { viewType } from '../../../common/model/view-type.model';
 export declare class Message {
     name: string | null | undefined;
     title: string | null | undefined;

package/component/property-grid/property-grid/property-grid-group/property-grid-group.component.d.ts

@@ -1,24 +1,18 @@
-import { EventEmitter, QueryList } from '@angular/core';
-import { ControlContainer, FormGroup } from '@angular/forms';
+import { QueryList } from '@angular/core';
 import { IDictionary } from '../../../../common/contract/i-dictionary';
 import { IIdName } from '../../../../common/contract/i-id-name';
 import { TableColumn } from '../../../table/contract/table-column';
 import { PropertyGridItemDescriptionDirective } from '../property-grid-item-description.directive';
 import * as i0 from "@angular/core";
 export declare class PropertyGridGroupComponent<T> {
-    private _formGroup;
-    column: TableColumn;
-    hideNonEditable: boolean;
-    dict: IDictionary<IIdName<any>[]>;
-    item: T;
-    horizontal: boolean;
-    controlValueChange: EventEmitter<IIdName<any>>;
-    decimalPart: number;
-    itemTemplates: QueryList<PropertyGridItemDescriptionDirective>;
-    get formGroup(): FormGroup;
-    get editable(): boolean;
-    constructor(_formGroup: ControlContainer);
-    trackColumns(index: number, column: TableColumn): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGridGroupComponent<any>, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridGroupComponent<any>, "teta-property-grid-group", never, { "column": { "alias": "column"; "required": false; }; "hideNonEditable": { "alias": "hideNonEditable"; "required": false; }; "dict": { "alias": "dict"; "required": false; }; "item": { "alias": "item"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "decimalPart": { "alias": "decimalPart"; "required": false; }; "itemTemplates": { "alias": "itemTemplates"; "required": false; }; }, { "controlValueChange": "controlValueChange"; }, never, never, true, never>;
+    column: import("@angular/core").InputSignal<TableColumn>;
+    hideNonEditable: import("@angular/core").InputSignal<boolean>;
+    dict: import("@angular/core").InputSignal<IDictionary<IIdName<any>[]>>;
+    item: import("@angular/core").InputSignal<T>;
+    horizontal: import("@angular/core").InputSignal<boolean>;
+    controlValueChange: import("@angular/core").OutputEmitterRef<IIdName<any>>;
+    decimalPart: import("@angular/core").InputSignal<number>;
+    itemTemplates: import("@angular/core").InputSignal<QueryList<PropertyGridItemDescriptionDirective>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGridGroupComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridGroupComponent<any>, "teta-property-grid-group", never, { "column": { "alias": "column"; "required": false; "isSignal": true; }; "hideNonEditable": { "alias": "hideNonEditable"; "required": false; "isSignal": true; }; "dict": { "alias": "dict"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "decimalPart": { "alias": "decimalPart"; "required": false; "isSignal": true; }; "itemTemplates": { "alias": "itemTemplates"; "required": false; "isSignal": true; }; }, { "controlValueChange": "controlValueChange"; }, never, never, true, never>;
 }

package/component/property-grid/property-grid/property-grid-item/property-grid-item.component.d.ts

@@ -1,6 +1,5 @@
-import { EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
-import { ControlContainer, FormGroup } from '@angular/forms';
-import { TranslocoService } from '@ngneat/transloco';
+import { OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
+import { FormGroup } from '@angular/forms';
 import { IDictionary } from '../../../../common/contract/i-dictionary';
 import { IIdName } from '../../../../common/contract/i-id-name';
 import { Align } from '../../../../common/enum/align.enum';
@@ -9,30 +8,30 @@ import { TableColumn } from '../../../table/contract/table-column';
 import { PropertyGridItemDescriptionDirective } from '../property-grid-item-description.directive';
 import * as i0 from "@angular/core";
 export declare class PropertyGridItemComponent<T> implements OnDestroy, OnChanges {
-    private _transloco;
+    private transloco;
     private _formGroup;
-    column: TableColumn;
-    hideNonEditable: boolean;
-    dict: IDictionary<IIdName<any>[]>;
-    decimalPart: number;
-    item: T;
-    itemTemplates: QueryList<PropertyGridItemDescriptionDirective>;
-    get template(): PropertyGridItemDescriptionDirective;
+    column: import("@angular/core").InputSignal<TableColumn>;
+    hideNonEditable: import("@angular/core").InputSignal<boolean>;
+    dict: import("@angular/core").InputSignal<IDictionary<IIdName<any>[]>>;
+    decimalPart: import("@angular/core").InputSignal<number>;
+    item: import("@angular/core").InputSignal<T>;
+    itemTemplates: import("@angular/core").InputSignal<QueryList<PropertyGridItemDescriptionDirective>>;
+    template: import("@angular/core").Signal<PropertyGridItemDescriptionDirective>;
     get formGroup(): FormGroup;
-    get editable(): boolean;
-    horizontal: boolean;
-    controlValueChange: EventEmitter<IIdName<any>>;
+    editable: import("@angular/core").Signal<boolean>;
+    horizontal: import("@angular/core").InputSignal<boolean>;
+    controlValueChange: import("@angular/core").OutputEmitterRef<IIdName<any>>;
     align: typeof Align;
     filterTypeEnum: typeof FilterType;
     private _formSub;
-    get caption(): string;
+    caption: import("@angular/core").Signal<string>;
     private _alive;
-    constructor(_transloco: TranslocoService, _formGroup: ControlContainer);
-    getDict(): IIdName<any>[];
+    constructor();
+    getDict(): any;
     controlIsInvalid(controlName: string): boolean;
     getError(column: TableColumn): string;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGridItemComponent<any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridItemComponent<any>, "teta-property-grid-item", never, { "column": { "alias": "column"; "required": false; }; "hideNonEditable": { "alias": "hideNonEditable"; "required": false; }; "dict": { "alias": "dict"; "required": false; }; "decimalPart": { "alias": "decimalPart"; "required": false; }; "item": { "alias": "item"; "required": false; }; "itemTemplates": { "alias": "itemTemplates"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; }, { "controlValueChange": "controlValueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGridItemComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridItemComponent<any>, "teta-property-grid-item", never, { "column": { "alias": "column"; "required": false; "isSignal": true; }; "hideNonEditable": { "alias": "hideNonEditable"; "required": false; "isSignal": true; }; "dict": { "alias": "dict"; "required": false; "isSignal": true; }; "decimalPart": { "alias": "decimalPart"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "itemTemplates": { "alias": "itemTemplates"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; }, { "controlValueChange": "controlValueChange"; }, never, never, true, never>;
 }

package/component/property-grid/property-grid/property-grid.component.d.ts

@@ -1,31 +1,26 @@
-import { EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { QueryList } from '@angular/core';
 import { ControlContainer, FormGroup } from '@angular/forms';
 import { IDictionary } from '../../../common/contract/i-dictionary';
 import { IIdName } from '../../../common/contract/i-id-name';
 import { TableColumn } from '../../table/contract/table-column';
 import { PropertyGridItemDescriptionDirective } from './property-grid-item-description.directive';
 import * as i0 from "@angular/core";
-export declare class PropertyGridComponent<T> implements OnDestroy {
+export declare class PropertyGridComponent<T> {
     private _formGroup;
     formClass: boolean;
     itemTemplates: QueryList<PropertyGridItemDescriptionDirective>;
-    hideNonEditable: boolean;
-    columns: TableColumn[];
-    dict: IDictionary<IIdName<any>[]>;
-    set item(item: T);
-    get item(): T;
-    horizontal: boolean;
-    decimalPart: number;
-    controlValueChange: EventEmitter<IIdName<any>>;
-    private _alive;
-    private _item;
+    hideNonEditable: import("@angular/core").InputSignal<boolean>;
+    columns: import("@angular/core").InputSignal<TableColumn[]>;
+    dict: import("@angular/core").InputSignal<IDictionary<IIdName<any>[]>>;
+    item: import("@angular/core").InputSignal<T>;
+    horizontal: import("@angular/core").InputSignal<boolean>;
+    decimalPart: import("@angular/core").InputSignal<number>;
+    controlValueChange: import("@angular/core").OutputEmitterRef<IIdName<any>>;
     get formGroup(): FormGroup;
     constructor(_formGroup: ControlContainer);
     getEditable(column: TableColumn): boolean;
     onControlValueChange(event: IIdName<any>): void;
-    ngOnDestroy(): void;
-    trackColumns(index: number, column: TableColumn): any;
     private getDictValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<PropertyGridComponent<any>, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridComponent<any>, "teta-property-grid", never, { "hideNonEditable": { "alias": "hideNonEditable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "dict": { "alias": "dict"; "required": false; }; "item": { "alias": "item"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "decimalPart": { "alias": "decimalPart"; "required": false; }; }, { "controlValueChange": "controlValueChange"; }, ["itemTemplates"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyGridComponent<any>, "teta-property-grid", never, { "hideNonEditable": { "alias": "hideNonEditable"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "dict": { "alias": "dict"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "decimalPart": { "alias": "decimalPart"; "required": false; "isSignal": true; }; }, { "controlValueChange": "controlValueChange"; }, ["itemTemplates"], never, true, never>;
 }

package/component/property-grid/public-api.d.ts

@@ -1,4 +1,3 @@
-export * from './property-grid.module';
 export * from './property-grid/property-grid.component';
 export * from './property-grid/property-grid-item/property-grid-item.component';
 export * from './property-grid/property-grid-item-description.directive';

package/component/switch/switch/switch.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SwitchService } from '../switch.service';
-import { viewType } from "../../../common/model/view-type.model";
+import { viewType } from '../../../common/model/view-type.model';
 import * as i0 from "@angular/core";
 export declare const SWITCH_CONTROL_VALUE_ACCESSOR: any;
 export declare class SwitchComponent implements OnInit, OnDestroy, ControlValueAccessor {

package/component/table/table-row/table-row.component.d.ts

@@ -1,6 +1,6 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl, FormGroup } from "@angular/forms";
-import { TableRow } from "../contract/table-row";
+import { FormControl, FormGroup } from '@angular/forms';
+import { TableRow } from '../contract/table-row';
 import * as i0 from "@angular/core";
 export declare class TableRowComponent<T> implements OnChanges {
     row: TableRow<T>;

package/component/tree/tree/tree.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestr
 import { ITreeData } from '../../../common/contract/i-tree-data';
 import { TreeService } from '../tree.service';
 import { TetaTemplateDirective } from '../../../directive/teta-template/teta-template.directive';
-import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 export declare class TreeComponent implements OnInit, OnChanges, OnDestroy {
     private _service;

package/docs/avatarDocs.mdx

@@ -1,98 +1,104 @@
-import {Meta} from "@storybook/blocks";
-import * as  AvatarStories from "../src/component/avatar/avatar.stories";
+import { Meta } from '@storybook/blocks';
+import * as AvatarStories from '../src/component/avatar/avatar.stories';
 
-<Meta of={AvatarStories}/>
+<Meta of={AvatarStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Аватар</h1>
-  <div class='column'>
-    <p>Аватар — графическое изображение пользователя, фотография или рисунок. Он нужен, чтобы быстро узнавать
+  <div class="column">
+    <p>
+      Аватар — графическое изображение пользователя, фотография или рисунок. Он нужен, чтобы быстро узнавать
       пользователя (например, в ветке комментариев), а ещё — чтобы пользователь мог узнать сам себя. Например,
-      проверить, что вошёл в аккаунт под нужным логином.</p>
-    <p>В библиотеке существует два вида аватаров: изображения и цветные буквенные. Также, они различаются по размерам и
-      скруглениям.</p>
+      проверить, что вошёл в аккаунт под нужным логином.
+    </p>
+    <p>
+      В библиотеке существует два вида аватаров: изображения и цветные буквенные. Также, они различаются по размерам и
+      скруглениям.
+    </p>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p>Для создания аватара используется <code>teta-avatar</code></p>
+  <div class="column">
+    <p>
+      Для создания аватара используется <code>teta-avatar</code>
+    </p>
     <p>Аватар нужен в случаях:</p>
     <ul>
       <li>Если на странице есть возможность добавить комментарий;</li>
       <li>Отображение профиля в хедере или же в других компонентах.</li>
     </ul>
   </div>
-  <div class='column'>
+  <div class="column">
     <h3>Скругления и размеры</h3>
     <div>
       <p>В основном, в наших продуктах используются круглые аватары (type: round) с размером 28x28.</p>
     </div>
   </div>
-  <div class='column'>
+  <div class="column">
     <h3>Свойства</h3>
     <table>
       <thead>
-      <tr>
-        <th>Свойство</th>
-        <th>Tип</th>
-        <th>Описание</th>
-      </tr>
+        <tr>
+          <th>Свойство</th>
+          <th>Tип</th>
+          <th>Описание</th>
+        </tr>
       </thead>
       <tbody>
-      <tr>
-        <td  class='text-align-center'>
-          <p>viewType</p>
-        </td>
-        <td class='text-align-center'>
-          <code>'rounded'|'circle'|'brick'</code>
-        </td>
-        <td  class='text-align-center'>
+        <tr>
+          <td class="text-align-center">
+            <p>viewType</p>
+          </td>
+          <td class="text-align-center">
+            <code>'rounded'|'circle'|'brick'</code>
+          </td>
+          <td class="text-align-center">
             <p>Свойство округления компонента.</p>
-        </td>
-      </tr>
-      <tr>
-        <td  class='text-align-center'>
-          <p>size</p>
-        </td>
-        <td class='text-align-center'>
-          <code>'24' | '28' | '32' | '44' | '64' | '128' | '200'</code>
-        </td>
-        <td  class='text-align-center'>
-          <p>Размер компонента</p>
-        </td>
-      </tr>
-      <tr>
-        <td  class='text-align-center'>
-          <p>photo</p>
-        </td>
-        <td class='text-align-center'>
-          <code>string | ArrayBuffer</code>
-        </td>
-        <td  class='text-align-center'>
-          <p>Изображение для фона компонента</p>
-        </td>
-      </tr>
-      <tr>
-        <td  class='text-align-center'>
-          <p>id</p>
-        </td>
-        <td class='text-align-center'>
-          <code>number</code>
-        </td>
-        <td  class='text-align-center'>
-          <p>Свойство, которое отвечает за цвет фона компонента</p>
-        </td>
-      </tr>
-      <tr>
-        <td  class='text-align-center'>
-          <p>name</p>
-        </td>
-        <td class='text-align-center'>
-          <code>string</code>
-        </td>
-        <td  class='text-align-center'>
-          <p>Отображаемый текст</p>
-        </td>
-      </tr>
+          </td>
+        </tr>
+        <tr>
+          <td class="text-align-center">
+            <p>size</p>
+          </td>
+          <td class="text-align-center">
+            <code>'24' | '28' | '32' | '44' | '64' | '128' | '200'</code>
+          </td>
+          <td class="text-align-center">
+            <p>Размер компонента</p>
+          </td>
+        </tr>
+        <tr>
+          <td class="text-align-center">
+            <p>photo</p>
+          </td>
+          <td class="text-align-center">
+            <code>string | ArrayBuffer</code>
+          </td>
+          <td class="text-align-center">
+            <p>Изображение для фона компонента</p>
+          </td>
+        </tr>
+        <tr>
+          <td class="text-align-center">
+            <p>id</p>
+          </td>
+          <td class="text-align-center">
+            <code>number</code>
+          </td>
+          <td class="text-align-center">
+            <p>Свойство, которое отвечает за цвет фона компонента</p>
+          </td>
+        </tr>
+        <tr>
+          <td class="text-align-center">
+            <p>name</p>
+          </td>
+          <td class="text-align-center">
+            <code>string</code>
+          </td>
+          <td class="text-align-center">
+            <p>Отображаемый текст</p>
+          </td>
+        </tr>
       </tbody>
     </table>
   </div>