@simai-studio/view 0.0.0-stage → 1.0.0

package/dist/smart/view/static/default/embedded.html

@@ -0,0 +1,96 @@
+<!-- sf-view, example «embedded»: the static markup (standard simai.smart-component 1.3.8 §5.4). Generated by scripts/snapshot-first-paint.mjs from the built output; do not edit, run it again. -->
+<sf-view aria-label="Связанные" chrome row-cap="5" expected-columns="2" data-sf-awaiting aria-busy="true"><sf-view-table slot="content" aria-label="Связанные" toolbar="false" style="display: contents;" data-sf-host-toolbar="false" selectable="false" data-sf-host-layout layout="table" size="1" data-sf-host-vertical-scroll vertical-scroll="page" settings="false" settings-menu="false" creatable="false" row-reorder="false" inline-edit="false" filter-templates="false" data-sf-host-row-actions row-actions="false" data-sf-page-scroll data-sf-sticky-head>
+<section class="sf-table  min-w-0 flex flex-col gap-1/3 flex-1 min-h-0 " data-state="loading" aria-busy="true" data-sf-static>
+
+
+<div class="table-wrap min-w-0 max-w-full flex flex-col flex-1 min-h-0">
+<div class="sf-table-scroll min-h-0 min-w-0 overflow-auto flex-1 relative" data-sf-vertical-scroll="page">
+<div class="sf-table-resize-guide" aria-hidden="true" hidden></div>
+
+
+<table class="table border-separate border-spacing-0 min-w-full w-max table-fixed transition" aria-label="Связанные" style="--sf-table-pin-select: 0px;">
+
+
+<thead class="sticky top-0 z-5">
+<tr>
+
+</tr>
+</thead>
+
+
+<tbody data-state="loading" class="sf-table-skeleton">
+<tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="1">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div></div>
+</td>
+</tr>
+</tbody>
+<tbody><tr><td class="sf-table-visually-hidden" colspan="1">
+<span role="status">Загрузка данных</span>
+</td></tr></tbody>
+
+</table>
+</div>
+<div class="sf-table-rail" aria-hidden="true" hidden></div>
+
+</div>
+</section>
+
+
+</sf-view-table><div slot="first-paint" aria-hidden="true" class="sf-data-view-skeleton sf-skeleton sf-skeleton--animation-pulse" data-size="1" data-layout="table" data-sf-static><div class="sf-data-view-skeleton-records"><div class="sf-data-view-skeleton-table"><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div></div><div class="sf-data-view-skeleton-list"><div><span></span><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><span></span></div><div><span></span><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><span></span></div><div><span></span><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><span></span></div><div><span></span><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><span></span></div><div><span></span><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><span></span></div></div></div></div></sf-view>

package/dist/smart/view/static/default/open-record.html

@@ -0,0 +1,247 @@
+<!-- sf-view, example «open-record»: the static markup (standard simai.smart-component 1.3.8 §5.4). Generated by scripts/snapshot-first-paint.mjs from the built output; do not edit, run it again. -->
+<sf-view aria-label="Решения" current="r-005" data-sf-awaiting aria-busy="true"><sf-view-table slot="content" aria-label="Решения" style="display: contents;" data-sf-host-toolbar selectable="true" data-sf-host-layout layout="auto" size="1" data-sf-host-vertical-scroll vertical-scroll="page" settings="true" settings-menu="false" creatable="false" row-reorder="false" inline-edit="false" filter-templates="false" data-sf-host-row-actions row-actions="false" data-sf-page-scroll data-sf-sticky-head>
+<section class="sf-table  min-w-0 flex flex-col gap-1/3 flex-1 min-h-0 " data-state="loading" aria-busy="true" data-sf-static>
+
+<div class="sf-table-toolbar flex gap-1/2 content-main-between flex-none" data-sf-filter-tags="0">
+<div class="sf-table-toolbar-start flex items-cross-center gap-1/3 flex-wrap min-w-0">
+<div class="flex items-cross-center">
+<sf-button appearance="default" scheme="primary" icon-start="filter_list" size="1" text="Фильтр" style="display: contents;">
+<button type="button" class="sf-button sf-button--size-1 sf-button--default sf-button--primary flex items-cross-center" data-sf-static>
+
+<sf-icon root-class="pointer-event-none" weight="400" aria-hidden="true" icon="filter_list" style="display: contents;"><i class="sf-icon sf-icon--weight-regular pointer-event-none" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>filter_list</i></sf-icon>
+<span class="sf-button-text-container text-center pointer-event-none">
+Фильтр
+</span>
+
+</button>
+</sf-button>
+
+</div>
+
+
+</div>
+<div class="sf-table-toolbar-end flex items-cross-center gap-1/3 flex-wrap flex-auto min-w-0">
+<sf-input root-class="sf-search-input m-inline-start-auto" appearance="bordered" name="sf_table_search" hint-icon="search" size="1" value placeholder="Поиск" style="display: contents;">
+
+
+<label class="sf-input  sf-input--size-1 sf-input--bordered sf-search-input m-inline-start-auto flex flex-col" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options data-sf-input-bound="1" for="sf-view-open-record-1" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-open-record-1" type="text" placeholder="Поиск" value data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+<sf-button-icon appearance="link" scheme="on-surface" size="1" icon="search" aria-label="Поиск" style="display: contents;">
+<button type="button" class="sf-icon-button sf-icon-button--size-1 sf-icon-button--icon sf-icon-button--link flex items-cross-center sf-icon-button--on-surface" aria-label="Поиск" data-sf-static>
+
+<sf-icon root-class="pointer-event-none" weight="400" aria-hidden="true" filled="false" icon="search" style="display: contents;"><i class="sf-icon sf-icon--weight-regular pointer-event-none" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>search</i></sf-icon>
+</button>
+</sf-button-icon>
+
+</span>
+
+</label>
+</sf-input>
+
+
+
+</div>
+</div>
+
+
+<div class="table-wrap min-w-0 max-w-full flex flex-col flex-1 min-h-0">
+<div class="sf-table-scroll min-h-0 min-w-0 overflow-auto flex-1 relative" data-sf-vertical-scroll="page">
+<div class="sf-table-resize-guide" aria-hidden="true" hidden></div>
+
+
+<table class="table border-separate border-spacing-0 min-w-full w-max table-fixed transition" aria-label="Решения" style="--sf-table-pin-select: 0px; --sf-table-pin-settings: 0px;">
+
+<colgroup>
+
+<col data-key="select" style="width: calc(var(--sf-text-height-1) + var(--sf-b6) + calc(var(--sf-px) * 2))">
+
+<col data-key="settings" style="width: calc(var(--sf-text-height-1) + (var(--sf-ui-1--space-y-tightness-default) * 2) + var(--sf-b6))" data-sf-pin-edge>
+
+</colgroup>
+
+
+<thead class="sticky top-0 z-5">
+<tr>
+
+<th class="relative" data-key="select" data-label="select" data-sf-pinned style="position: sticky; inset-inline-start: var(--sf-table-pin-select, 0px); z-index: 2;">
+<sf-checkbox position="end" root-class="content-main-between" size="1" aria-label="Выбрать все строки" style="display: contents;">
+<label class="sf-checkbox sf-checkbox--size-1 flex content-main-between cursor-pointer" data-sf-static>
+
+
+
+<span class="sf-checkbox-box transition flex">
+<input type="checkbox" value="on" aria-label="Выбрать все строки">
+<sf-icon aria-hidden="true" icon style="display: contents;"><i class="sf-icon sf-icon--weight-regular" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static></i></sf-icon>
+</span>
+</label>
+</sf-checkbox>
+</th>
+<th class="relative" data-key="settings" data-label="settings" data-sf-pinned style="position: sticky; inset-inline-start: var(--sf-table-pin-settings, 0px); z-index: 2;" data-sf-pin-edge>
+<span class="sf-table-visually-hidden">Настройки</span>
+</th>
+</tr>
+</thead>
+
+
+<tbody data-state="loading" class="sf-table-skeleton">
+<tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/4"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-2/3"></div>
+</div></div></div>
+</td>
+</tr><tr aria-hidden="true">
+<td colspan="2">
+<div class="flex gap-2"><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-3/5"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/2"></div>
+</div></div><div class="flex-1"><div class="sf-skeleton sf-skeleton--animation-pulse" aria-hidden="true">
+<div class="sf-skeleton-text sf-skeleton-text--size-1/2 w-1/3"></div>
+</div></div></div>
+</td>
+</tr>
+</tbody>
+<tbody><tr><td class="sf-table-visually-hidden" colspan="2">
+<span role="status">Загрузка данных</span>
+</td></tr></tbody>
+
+</table>
+</div>
+<div class="sf-table-rail" aria-hidden="true" hidden></div>
+
+</div>
+</section>
+
+
+</sf-view-table><sf-pagination slot="pagination" style="display: contents;" bottom="false" size="1" page-sizes="10,20,25,30,40" current="1" page-size="25">
+<nav class="sf-pagination sf-pagination--size-1 flex flex-col" aria-label="Страницы результатов" data-sf-static>
+
+
+<div class="sf-pagination-main flex items-cross-center content-main-between">
+
+<div class="sf-pagination-left flex items-cross-center">
+
+<div class="sf-pagination-total flex items-cross-center">
+
+
+<div class="sf-pagination-total-text flex items-cross-center">
+Всего: 10
+
+</div>
+
+</div>
+</div>
+
+<div class="sf-pagination-container flex items-cross-center">
+<span class="sf-pagination-pages-label">Страницы:</span>
+<ol class="sf-pagination-list flex items-cross-center">
+
+
+<li class="sf-pagination-item sf-pagination-item-field flex items-cross-center">
+
+<label class="sf-pagination-page-field flex items-cross-center" style="--sf-pagination-page-input--digits: 1">
+<sf-input appearance="bordered" root-class="sf-pagination-page-input" inputmode="numeric" size="1" value="1" aria-label="Страница:" style="display: contents;">
+<label class="sf-input  sf-input--size-1 sf-input--bordered sf-pagination-page-input flex flex-col" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options data-sf-input-bound="1" for="sf-view-open-record-1" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-open-record-1" type="text" inputmode="numeric" placeholder value="1" aria-label="Страница:" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+
+
+
+</span>
+
+</label>
+</sf-input>
+</label>
+
+</li>
+
+</ol>
+</div>
+
+
+
+<div class="sf-pagination-count flex items-cross-center">
+<span>На странице:</span>
+<sf-dropdown appearance="outlined" search="false" mode="select" portal="true" size="1" value="25" aria-label="На странице:" style="display: contents;">
+<div class="sf-dropdown sf-dropdown--size-1 sf-dropdown--outlined sf-dropdown--text flex flex-col" portal data-portal="true" data-sf-static>
+
+
+<label class="sf-dropdown-field cursor-pointer items-cross-center relative transition flex" tabindex="-1">
+
+
+<input type="text" class="cursor-pointer" readonly placeholder aria-label="На странице:" tabindex="-1">
+
+<button type="button" class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-1/2 absolute" id="sf-view-open-record-2" tabindex="0" aria-expanded="false" aria-haspopup="listbox" aria-controls="sf-dropdown-1--listbox" aria-describedby="sf-view-open-record-3" aria-label="На странице:">
+<i class="sf-icon" aria-hidden="true">keyboard_arrow_down</i>
+</button>
+</label>
+
+<div class="sf-list flex flex-col" style="--sf-list--cell: var(--sf-ui-1--control-height)" hidden></div>
+<span class="sf-dropdown-value" id="sf-view-open-record-3">25</span></div>
+</sf-dropdown>
+</div>
+
+</div>
+
+
+
+</nav>
+</sf-pagination><div slot="first-paint" aria-hidden="true" class="sf-data-view-skeleton sf-skeleton sf-skeleton--animation-pulse" data-size="1" data-layout="auto" data-sf-static><div class="sf-data-view-skeleton-records"><div class="sf-data-view-skeleton-toolbar"><i class="sf-skeleton-text" data-control="button"></i><i class="sf-skeleton-text" data-control="field"></i></div><div class="sf-data-view-skeleton-table"><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div><div><span data-chrome><i class="sf-skeleton-text"></i></span><span data-chrome><i class="sf-skeleton-text" data-control></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span><span><i class="sf-skeleton-text"></i></span></div></div><div class="sf-data-view-skeleton-list"><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div><div><i class="sf-skeleton-text"></i><div><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i><i class="sf-skeleton-text"></i></div><i class="sf-skeleton-text" data-control></i></div></div></div><nav class="sf-pagination sf-pagination--size-1 flex flex-col"><div class="sf-pagination-main flex items-cross-center content-main-between"><div class="sf-pagination-left flex items-cross-center"><i class="sf-skeleton-text"></i></div><div class="sf-pagination-container flex items-cross-center"><span class="sf-pagination-pages-label"><i class="sf-skeleton-text"></i></span><i class="sf-skeleton-text" data-control></i></div><div class="sf-pagination-count flex items-cross-center"><i class="sf-skeleton-text"></i><i class="sf-skeleton-text" data-control="field"></i></div></div></nav></div></sf-view>