@tetacom/ng-components 1.4.4 → 1.4.5

package/docs/switchDocs.mdx

@@ -1,15 +1,18 @@
-import {Meta} from "@storybook/blocks";
-import SwitchStories from "../src/component/switch/Switch.stories";
+import { Meta } from '@storybook/blocks';
+import SwitchStories from '../src/component/switch/Switch.stories';
 
-<Meta of={SwitchStories}/>
+<Meta of={SwitchStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Switch</h1>
-  <div class='column'>
-    <p>Switch — компонент, которые совмещает в себе несколько элементов навигации по странице. Занимает много места, но упрощает переходы по разделам.</p>
+  <div class="column">
+    <p>
+      Switch — компонент, которые совмещает в себе несколько элементов навигации по странице. Занимает много места, но
+      упрощает переходы по разделам.
+    </p>
   </div>
   <h3>Правила применения</h3>
-  <div class='column'>
+  <div class="column">
     <p>Основные правила применения этого элемента:</p>
     <ul>
       <li>Не использовать более восьми кнопок в группе выбора.</li>
@@ -18,86 +21,96 @@ import SwitchStories from "../src/component/switch/Switch.stories";
     </ul>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p>В данной библиотеке этот компонент называется <code>teta-switch</code>. Для управления состоянием используется <code>ngModel</code>.</p>
-    <p>Внутрь <code>teta-switch</code> необходимо передать специальные кнопки <code>teta-switch-button</code>, у которых есть свойство <code>value</code> являющееся идентификатором для их выбора</p>
- </div>
+  <div class="column">
+    <p>
+      В данной библиотеке этот компонент называется <code>teta-switch</code>. Для управления состоянием используется{' '}
+      <code>ngModel</code>.
+    </p>
+    <p>
+      Внутрь <code>teta-switch</code> необходимо передать специальные кнопки <code>teta-switch-button</code>, у которых
+      есть свойство <code>value</code> являющееся идентификатором для их выбора
+    </p>
+  </div>
   <h3>Пример кода</h3>
-  <p><pre><code>&lt;teta-switch [(ngModel)]="selected"&gt;
-    &nbsp;&nbsp;&lt;teta-switch-button value="1"&gt;
-    &nbsp;&nbsp;&nbsp;1
-    &nbsp;&nbsp;&lt;/teta-switch-button&gt;
-    &nbsp;&nbsp;&lt;teta-switch-button value="2"&gt;
-    &nbsp;&nbsp;&nbsp;2
-    &nbsp;&nbsp;&lt;/teta-switch-button&gt;
-    &lt;/teta-switch&gt;</code></pre></p>
+  <p>
+    <pre>
+      <code>
+        &lt;teta-switch [(ngModel)]="selected"&gt; &nbsp;&nbsp;&lt;teta-switch-button value="1"&gt; &nbsp;&nbsp;&nbsp;1
+        &nbsp;&nbsp;&lt;/teta-switch-button&gt; &nbsp;&nbsp;&lt;teta-switch-button value="2"&gt; &nbsp;&nbsp;&nbsp;2
+        &nbsp;&nbsp;&lt;/teta-switch-button&gt; &lt;/teta-switch&gt;
+      </code>
+    </pre>
+  </p>
   <h3>Свойства</h3>
   <h4>teta-switch</h4>
   <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'>
-        <p>Свойство округления компонента.</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>disabled</p>
-      </td>
-      <td class='text-align-center'>
-        <code>boolean</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Отключает реакцию компонента на клик пользователя</p>
-      </td>
-    </tr>
+      <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>disabled</p>
+        </td>
+        <td class="text-align-center">
+          <code>boolean</code>
+        </td>
+        <td class="text-align-center">
+          <p>Отключает реакцию компонента на клик пользователя</p>
+        </td>
+      </tr>
     </tbody>
   </table>
   <h4>teta-switch-button</h4>
   <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>size</p>
-      </td>
-      <td class='text-align-center'>
-        <code>'m' |'l'</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Размер кнопки</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>palette</p>
-      </td>
-      <td class='text-align-center'>
-        <code>string</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Отвечает за цвет фона кнопки. Принимает в себя название палитры и указывает 50-й оттенок (Пример: вводим yellow- цвет будет color-yellow-50)."</p>
-      </td>
-    </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>size</p>
+        </td>
+        <td class="text-align-center">
+          <code>'m' |'l'</code>
+        </td>
+        <td class="text-align-center">
+          <p>Размер кнопки</p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>palette</p>
+        </td>
+        <td class="text-align-center">
+          <code>string</code>
+        </td>
+        <td class="text-align-center">
+          <p>
+            Отвечает за цвет фона кнопки. Принимает в себя название палитры и указывает 50-й оттенок (Пример: вводим
+            yellow- цвет будет color-yellow-50)."
+          </p>
+        </td>
+      </tr>
     </tbody>
   </table>
 </div>

package/docs/tagDocs.mdx

@@ -1,19 +1,25 @@
-import {Meta} from "@storybook/blocks";
-import TagStories from "../src/component/tag/Tag.stories";
+import { Meta } from '@storybook/blocks';
+import TagStories from '../src/component/tag/Tag.stories';
 
-<Meta of={TagStories}/>
+<Meta of={TagStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Тег</h1>
-  <div class='column'>
-    <p>Tag (тег) — компонент, который объединяет между собой похожие объекты: статьи, документы, фотографии. По сути,
-      это метки, которые позволяет маркировать и классифицировать контент, и состоят из релевантных ключевых слов,
-      которые облегчают поиск и просмотр контента.</p>
+  <div class="column">
+    <p>
+      Tag (тег) — компонент, который объединяет между собой похожие объекты: статьи, документы, фотографии. По сути, это
+      метки, которые позволяет маркировать и классифицировать контент, и состоят из релевантных ключевых слов, которые
+      облегчают поиск и просмотр контента.
+    </p>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p>Для того чтобы сделать чип, нужно к блоку добавить CSS класс <code>tag</code></p>
+  <div class="column">
+    <p>
+      Для того чтобы сделать чип, нужно к блоку добавить CSS класс <code>tag</code>
+    </p>
     <p>Если помимо текста в чипе нужна кнопка (допустим кнопка с иконкой closeBig), то она должна идти после текста</p>
-    <p>У тегов есть дополнительный класс для отображения с фоном - <code>tag_filled</code></p>
+    <p>
+      У тегов есть дополнительный класс для отображения с фоном - <code>tag_filled</code>
+    </p>
   </div>
 </div>

package/docs/toggleDocs.mdx

@@ -1,54 +1,60 @@
-import {Meta} from "@storybook/blocks";
-import toggleStories from "../src/component/toggle/Toggle.stories";
+import { Meta } from '@storybook/blocks';
+import toggleStories from '../src/component/toggle/Toggle.stories';
 
-<Meta of={toggleStories}/>
+<Meta of={toggleStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Переключатель</h1>
-  <div class='column'>
+  <div class="column">
     <p>Toggle (переключатель) — компонент, который позволяет переключаться между состояниями.</p>
   </div>
   <h3>Функции</h3>
-  <div class='column'>
-    <p>Функционально тогл — аналог чекбокса, но контекст их использования может отличаться. Тогл нельзя использовать для выбора элементов в списке. Например, выбрать несколько параметров.</p>
+  <div class="column">
+    <p>
+      Функционально тогл — аналог чекбокса, но контекст их использования может отличаться. Тогл нельзя использовать для
+      выбора элементов в списке. Например, выбрать несколько параметров.
+    </p>
     <p>Тогл больше и заметнее чекбокса. Хорошо, когда на странице 1 тогл, максимум 2–3.</p>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p><code>teta-toggle</code> - компонент для создание тогла. Для управления его состоянием используется <code>ngModel</code></p>
+  <div class="column">
+    <p>
+      <code>teta-toggle</code> - компонент для создание тогла. Для управления его состоянием используется{' '}
+      <code>ngModel</code>
+    </p>
   </div>
   <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>noLabel</p>
-      </td>
-      <td class='text-align-center'>
-        <code>boolean</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Свойство, которое отображает/скрывает блок текста в тогле</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>disabled</p>
-      </td>
-      <td class='text-align-center'>
-        <code>boolean</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Отключает взаимодействие со всем листом радиокнопок</p>
-      </td>
-    </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>noLabel</p>
+        </td>
+        <td class="text-align-center">
+          <code>boolean</code>
+        </td>
+        <td class="text-align-center">
+          <p>Свойство, которое отображает/скрывает блок текста в тогле</p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>disabled</p>
+        </td>
+        <td class="text-align-center">
+          <code>boolean</code>
+        </td>
+        <td class="text-align-center">
+          <p>Отключает взаимодействие со всем листом радиокнопок</p>
+        </td>
+      </tr>
     </tbody>
   </table>
 </div>

package/docs/toolbarDocs.mdx

@@ -1,16 +1,22 @@
-import {Meta} from "@storybook/blocks";
-import ToolbarStories from "../src/component/toolbar/Toolbar.stories";
+import { Meta } from '@storybook/blocks';
+import ToolbarStories from '../src/component/toolbar/Toolbar.stories';
 
-<Meta of={ToolbarStories}/>
+<Meta of={ToolbarStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Панель инструментов</h1>
-  <div class='column'>
-    <p>Toolbar (панель инструментов) — элемент графического интерфейса пользователя. Обычно панель инструментов располагается в верхней части окна программы и содержит иконки, кнопки или выпадающие списки, которые позволяют пользователю выполнять определенные действия без необходимости просматривать меню или вводить команды вручную.</p>
+  <div class="column">
+    <p>
+      Toolbar (панель инструментов) — элемент графического интерфейса пользователя. Обычно панель инструментов
+      располагается в верхней части окна программы и содержит иконки, кнопки или выпадающие списки, которые позволяют
+      пользователю выполнять определенные действия без необходимости просматривать меню или вводить команды вручную.
+    </p>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p>Для создания туллбара используется компонент <code>teta-toolbar</code></p>
+  <div class="column">
+    <p>
+      Для создания туллбара используется компонент <code>teta-toolbar</code>
+    </p>
     <p>Внутрь передается контент, который необходимо отобразить в нем.</p>
   </div>
 </div>

package/docs/treeDocs.mdx

@@ -1,107 +1,126 @@
-import {Meta} from "@storybook/blocks";
-import TreeStories from "../src/component/tree/Tree.stories";
+import { Meta } from '@storybook/blocks';
+import TreeStories from '../src/component/tree/Tree.stories';
 
-<Meta of={TreeStories}/>
+<Meta of={TreeStories} />
 
-<div class='column gap-24'>
+<div class="column gap-24">
   <h1>Дерево</h1>
-  <div class='column'>
-    <p>Tree (дерево) — компонент, использующийся для отображения иерархических структур, представленных расширяемыми узлами дерева.</p>
+  <div class="column">
+    <p>
+      Tree (дерево) — компонент, использующийся для отображения иерархических структур, представленных расширяемыми
+      узлами дерева.
+    </p>
     <p>Компонент используется для сущностей, которые имеют ссылки на самих себя.</p>
   </div>
   <h3>Правила применения</h3>
-  <div class='column'>
-    <p>У дерева есть отдельные элементы (TreeItem), которые совмещаются между собой. Каждый элемент имеет свой уровень.Раскрытие происходит иерархично: 1 уровень раскрывается на 2 уровень, 2 уровень на 3 уровень и т. п.</p>
+  <div class="column">
+    <p>
+      У дерева есть отдельные элементы (TreeItem), которые совмещаются между собой. Каждый элемент имеет свой
+      уровень.Раскрытие происходит иерархично: 1 уровень раскрывается на 2 уровень, 2 уровень на 3 уровень и т. п.
+    </p>
   </div>
   <h3>Как использовать</h3>
-  <div class='column'>
-    <p>Для начала нужно создать <code> &lt;teta-tree&gt;</code>. Этот компонент ждет свойство <code>data</code>, оно ждет объект со свойством <code>children</code>, которое принимает массив таких же данных. Также можно передавать любые дополнительные свойства, которые необходимы вам для генерации дерева.</p>
-    <p>Внутрь необходимо передать блок <code>ng-template</code> с директивой <code>teta-template</code> для кастомизации элемента дерева.</p>
- </div>
+  <div class="column">
+    <p>
+      Для начала нужно создать <code> &lt;teta-tree&gt;</code>. Этот компонент ждет свойство <code>data</code>, оно ждет
+      объект со свойством <code>children</code>, которое принимает массив таких же данных. Также можно передавать любые
+      дополнительные свойства, которые необходимы вам для генерации дерева.
+    </p>
+    <p>
+      Внутрь необходимо передать блок <code>ng-template</code> с директивой <code>teta-template</code> для кастомизации
+      элемента дерева.
+    </p>
+  </div>
   <h3>Пример кода</h3>
-  <p><pre><code>&lt;teta-tree [data]="data"&gt;
-    &nbsp;&nbsp;&lt;ng-template tetaTemplate let-item&gt;
-    &nbsp;&nbsp;&nbsp;&nbsp;&lt;teta-icon [name]="item.icon"&gt;&lt;/teta-icon&gt;
-    &nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;&#123;&#123;item.name&#125;&#125;&lt;/p&gt;
-    &nbsp;&nbsp;&lt;/ng-template&gt;
-    &nbsp;&lt;/teta-tree&gt;</code></pre></p>
+  <p>
+    <pre>
+      <code>
+        &lt;teta-tree [data]="data"&gt; &nbsp;&nbsp;&lt;ng-template tetaTemplate let-item&gt;
+        &nbsp;&nbsp;&nbsp;&nbsp;&lt;teta-icon [name]="item.icon"&gt;&lt;/teta-icon&gt;
+        &nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;&#123;&#123;item.name&#125;&#125;&lt;/p&gt; &nbsp;&nbsp;&lt;/ng-template&gt;
+        &nbsp;&lt;/teta-tree&gt;
+      </code>
+    </pre>
+  </p>
   <h3>Свойства</h3>
   <h4>teta-tree</h4>
   <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>data</p>
-      </td>
-      <td class='text-align-center'>
-        <code>ITreeData[]</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Данные для формирования дерева</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>childNodeName</p>
-      </td>
-      <td class='text-align-center'>
-        <code>string</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Свойство, отвечающее за название элемента с дочерними элементами дерева (по дефолту <code>children</code>)</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>height</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>openItems</p>
-      </td>
-      <td class='text-align-center'>
-        <code>ITreeData[]</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Свойство, отвечающее контроль над открытыми элементами дерева</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>virtual</p>
-      </td>
-      <td class='text-align-center'>
-        <code>boolean</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Флаг добавления виртуального скролла</p>
-      </td>
-    </tr>
-    <tr>
-      <td class='text-align-center'>
-        <p>openItemsChange</p>
-      </td>
-      <td class='text-align-center'>
-        <code>function</code>
-      </td>
-      <td class='text-align-center'>
-        <p>Переданная функция срабатывает при открытии/закрытии элемента дерева и отдает открытые элементы дерева</p>
-      </td>
-    </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>data</p>
+        </td>
+        <td class="text-align-center">
+          <code>ITreeData[]</code>
+        </td>
+        <td class="text-align-center">
+          <p>Данные для формирования дерева</p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>childNodeName</p>
+        </td>
+        <td class="text-align-center">
+          <code>string</code>
+        </td>
+        <td class="text-align-center">
+          <p>
+            Свойство, отвечающее за название элемента с дочерними элементами дерева (по дефолту <code>children</code>)
+          </p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>height</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>openItems</p>
+        </td>
+        <td class="text-align-center">
+          <code>ITreeData[]</code>
+        </td>
+        <td class="text-align-center">
+          <p>Свойство, отвечающее контроль над открытыми элементами дерева</p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>virtual</p>
+        </td>
+        <td class="text-align-center">
+          <code>boolean</code>
+        </td>
+        <td class="text-align-center">
+          <p>Флаг добавления виртуального скролла</p>
+        </td>
+      </tr>
+      <tr>
+        <td class="text-align-center">
+          <p>openItemsChange</p>
+        </td>
+        <td class="text-align-center">
+          <code>function</code>
+        </td>
+        <td class="text-align-center">
+          <p>Переданная функция срабатывает при открытии/закрытии элемента дерева и отдает открытые элементы дерева</p>
+        </td>
+      </tr>
     </tbody>
   </table>
 </div>

package/esm2022/common/contract/teta-content-ref.mjs

@@ -5,4 +5,4 @@ export class TetaContentRef {
         this.componentRef = componentRef;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV0YS1jb250ZW50LXJlZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vY29udHJhY3QvdGV0YS1jb250ZW50LXJlZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLE9BQU8sY0FBYztJQUN6QixZQUFtQixLQUFZLEVBQVMsT0FBaUIsRUFBUyxZQUFnQztRQUEvRSxVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQVMsWUFBTyxHQUFQLE9BQU8sQ0FBVTtRQUFTLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtJQUNsRyxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudFJlZiwgVmlld1JlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjbGFzcyBUZXRhQ29udGVudFJlZiB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBub2RlczogYW55W10sIHB1YmxpYyB2aWV3UmVmPzogVmlld1JlZiwgcHVibGljIGNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxhbnk+KSB7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV0YS1jb250ZW50LXJlZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vY29udHJhY3QvdGV0YS1jb250ZW50LXJlZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLE9BQU8sY0FBYztJQUN6QixZQUFtQixLQUFZLEVBQVMsT0FBaUIsRUFBUyxZQUFnQztRQUEvRSxVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQVMsWUFBTyxHQUFQLE9BQU8sQ0FBVTtRQUFTLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtJQUFHLENBQUM7Q0FDdkciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnRSZWYsIFZpZXdSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGNsYXNzIFRldGFDb250ZW50UmVmIHtcbiAgY29uc3RydWN0b3IocHVibGljIG5vZGVzOiBhbnlbXSwgcHVibGljIHZpZXdSZWY/OiBWaWV3UmVmLCBwdWJsaWMgY29tcG9uZW50UmVmPzogQ29tcG9uZW50UmVmPGFueT4pIHt9XG59XG4iXX0=

package/esm2022/common/enum/align.enum.mjs

@@ -10,4 +10,4 @@ export var Align;
     Align[Align["outerRight"] = 7] = "outerRight";
     Align[Align["outerAuto"] = 8] = "outerAuto";
 })(Align || (Align = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vZW51bS9hbGlnbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLEtBVVg7QUFWRCxXQUFZLEtBQUs7SUFDZixpQ0FBSSxDQUFBO0lBQ0osbUNBQUssQ0FBQTtJQUNMLHFDQUFNLENBQUE7SUFDTixpQ0FBSSxDQUFBO0lBQ0oseUNBQVEsQ0FBQTtJQUNSLHlDQUFRLENBQUE7SUFDUiwyQ0FBUyxDQUFBO0lBQ1QsNkNBQVUsQ0FBQTtJQUNWLDJDQUFTLENBQUE7QUFDWCxDQUFDLEVBVlcsS0FBSyxLQUFMLEtBQUssUUFVaEIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBBbGlnbiB7XG4gIGxlZnQsXG4gIHJpZ2h0LFxuICBjZW50ZXIsXG4gIGF1dG8sXG4gIGZpdFdpZHRoLFxuICBtaW5XaWR0aCxcbiAgb3V0ZXJMZWZ0LFxuICBvdXRlclJpZ2h0LFxuICBvdXRlckF1dG9cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vZW51bS9hbGlnbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLEtBVVg7QUFWRCxXQUFZLEtBQUs7SUFDZixpQ0FBSSxDQUFBO0lBQ0osbUNBQUssQ0FBQTtJQUNMLHFDQUFNLENBQUE7SUFDTixpQ0FBSSxDQUFBO0lBQ0oseUNBQVEsQ0FBQTtJQUNSLHlDQUFRLENBQUE7SUFDUiwyQ0FBUyxDQUFBO0lBQ1QsNkNBQVUsQ0FBQTtJQUNWLDJDQUFTLENBQUE7QUFDWCxDQUFDLEVBVlcsS0FBSyxLQUFMLEtBQUssUUFVaEIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBBbGlnbiB7XG4gIGxlZnQsXG4gIHJpZ2h0LFxuICBjZW50ZXIsXG4gIGF1dG8sXG4gIGZpdFdpZHRoLFxuICBtaW5XaWR0aCxcbiAgb3V0ZXJMZWZ0LFxuICBvdXRlclJpZ2h0LFxuICBvdXRlckF1dG8sXG59XG4iXX0=

package/esm2022/common/enum/vertical-align.enum.mjs

@@ -8,4 +8,4 @@ export var VerticalAlign;
     VerticalAlign[VerticalAlign["innerBottom"] = 5] = "innerBottom";
     VerticalAlign[VerticalAlign["innerAuto"] = 6] = "innerAuto";
 })(VerticalAlign || (VerticalAlign = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtYWxpZ24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vZW51bS92ZXJ0aWNhbC1hbGlnbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGFBUVg7QUFSRCxXQUFZLGFBQWE7SUFDdkIsK0NBQUcsQ0FBQTtJQUNILHFEQUFNLENBQUE7SUFDTixxREFBTSxDQUFBO0lBQ04saURBQUksQ0FBQTtJQUNKLHlEQUFRLENBQUE7SUFDUiwrREFBVyxDQUFBO0lBQ1gsMkRBQVMsQ0FBQTtBQUNYLENBQUMsRUFSVyxhQUFhLEtBQWIsYUFBYSxRQVF4QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFZlcnRpY2FsQWxpZ24ge1xuICB0b3AsXG4gIGJvdHRvbSxcbiAgY2VudGVyLFxuICBhdXRvLFxuICBpbm5lclRvcCxcbiAgaW5uZXJCb3R0b20sXG4gIGlubmVyQXV0b1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtYWxpZ24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vZW51bS92ZXJ0aWNhbC1hbGlnbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGFBUVg7QUFSRCxXQUFZLGFBQWE7SUFDdkIsK0NBQUcsQ0FBQTtJQUNILHFEQUFNLENBQUE7SUFDTixxREFBTSxDQUFBO0lBQ04saURBQUksQ0FBQTtJQUNKLHlEQUFRLENBQUE7SUFDUiwrREFBVyxDQUFBO0lBQ1gsMkRBQVMsQ0FBQTtBQUNYLENBQUMsRUFSVyxhQUFhLEtBQWIsYUFBYSxRQVF4QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFZlcnRpY2FsQWxpZ24ge1xuICB0b3AsXG4gIGJvdHRvbSxcbiAgY2VudGVyLFxuICBhdXRvLFxuICBpbm5lclRvcCxcbiAgaW5uZXJCb3R0b20sXG4gIGlubmVyQXV0byxcbn1cbiJdfQ==