@simai-studio/view 1.0.0 → 1.2.0

package/dist/smart/view-flow/static/default/answered.html

@@ -0,0 +1,57 @@
+<!-- sf-view-flow, example «answered»: 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-flow mode="edit" state="accepted" heading="Новая командировка" block-id="b1" style="display: contents;"><script type="application/json" data-sf-settings>{"fields":[{"key":"city","label":"Город","propertyType":"string","width":"half","required":true,"placeholder":"Куда","value":"Казань"},{"key":"from","label":"Выезд","propertyType":"date","width":"half","required":true,"value":"2026-11-20"},{"key":"nights","label":"Ночей","propertyType":"integer","width":"half","value":3},{"key":"goal","label":"Цель поездки","propertyType":"text","width":"full","placeholder":"Например, встреча с заказчиком","value":"Встреча с заказчиком"}]}</script>
+<section class="sf-view-flow sf-view-flow--edit sf-view-flow--accepted sf-view-flow--size-1-2" aria-labelledby="sf-view-flow-answered-1" data-state="accepted" data-sf-static>
+<div class="sf-view-flow__heading" role="heading" id="sf-view-flow-answered-1" aria-level="3">Новая командировка</div>
+
+<div class="sf-view-flow__groups">
+<div class="sf-view-flow__group" data-group="group-1">
+<div class="sf-view-flow__fields" id="sf-view-flow-answered-2">
+
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="city">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Город</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">Казань</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="from">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Выезд</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">20 нояб. 2026 г.</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="nights">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Ночей</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">3</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--full flex flex-col gap-1/4 min-w-0" data-field="goal">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Цель поездки</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">Встреча с заказчиком</span></div>
+
+</div>
+</div></div>
+</div>
+
+<footer class="sf-view-flow__footer">
+
+<p role="status" tabindex="-1" class="sf-view-flow__status">
+<sf-icon size="1/2" aria-hidden="true" icon="check_circle" style="display: contents;"><i class="sf-icon sf-icon--size-1/2 sf-icon--weight-regular" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>check_circle</i></sf-icon><span>Отправлено</span>
+</p>
+<div class="sf-view-flow__actions" hidden></div>
+</footer>
+</section>
+</sf-view-flow>

package/dist/smart/view-flow/static/default/ask.html

@@ -0,0 +1,146 @@
+<!-- sf-view-flow, example «ask»: 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-flow mode="edit" heading="Новая командировка" block-id="b1" style="display: contents;"><script type="application/json" data-sf-settings>{"fields":[{"key":"city","label":"Город","propertyType":"string","width":"half","required":true,"placeholder":"Куда","value":null},{"key":"from","label":"Выезд","propertyType":"date","width":"half","required":true,"value":null},{"key":"nights","label":"Ночей","propertyType":"integer","width":"half","value":2},{"key":"goal","label":"Цель поездки","propertyType":"text","width":"full","placeholder":"Например, встреча с заказчиком","value":null}]}</script>
+<section class="sf-view-flow sf-view-flow--edit sf-view-flow--editing sf-view-flow--open sf-view-flow--size-1-2" aria-labelledby="sf-view-flow-ask-1" data-state="open" data-sf-static>
+<div class="sf-view-flow__heading" role="heading" id="sf-view-flow-ask-1" aria-level="3">Новая командировка</div>
+
+<div class="sf-view-flow__groups">
+<div class="sf-view-flow__group" data-group="group-1">
+<div class="sf-view-flow__fields" id="sf-view-flow-ask-2">
+
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="city">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Город</span>
+<span class="sf-view-flow__required color-error" aria-hidden="true">*</span>
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap">
+<sf-input appearance="bordered" size="1/2" name="sf_field_city" value placeholder="Куда" required aria-label="Город" style="display: contents;">
+<label class="sf-input  sf-input--size-1/2 sf-input--bordered  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-flow-ask-3" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-flow-ask-3" type="text" placeholder="Куда" value required aria-label="Город" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+
+
+
+</span>
+
+</label>
+</sf-input>
+</div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="from">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Выезд</span>
+<span class="sf-view-flow__required color-error" aria-hidden="true">*</span>
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap">
+<sf-input-date size="1/2" name="sf_field_from" value aria-label="Выезд" required style="display: contents;">
+<div class="sf-datepicker-wrap inline-flex flex-col relative sf-datepicker-wrap--drop-down" data-portal="true" data-sf-static>
+
+<sf-input class="sf-datepicker-input" appearance="bordered" size="1/2" aria-label="Выезд" icon-start="calendar_today" value required mask-pattern="00.00.0000" mask-lazy="false" mask-placeholder-char="_" style="display: contents;">
+<label class="sf-input  sf-input--size-1/2 sf-input--bordered  flex flex-col" data-mask="false" data-mask-pattern="00.00.0000" data-mask-lazy="false" data-mask-placeholder-char="_" data-mask-options data-sf-input-bound="1" for="sf-view-flow-ask-4" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+<span class="sf-input-left flex"><sf-icon icon="calendar_today" 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>calendar_today</i></sf-icon></span>
+
+<input id="sf-view-flow-ask-4" type="text" placeholder value required aria-label="Выезд" data-mask="false" data-mask-pattern="00.00.0000" data-mask-lazy="false" data-mask-placeholder-char="_" data-mask-options aria-haspopup="dialog" aria-expanded="false" aria-controls="sf-input-date-1--panel">
+
+
+
+
+
+
+</span>
+
+</label>
+</sf-input>
+
+</div></sf-input-date>
+</div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="nights">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Ночей</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap">
+<sf-input appearance="bordered" size="1/2" name="sf_field_nights" value="2" inputmode="numeric" aria-label="Ночей" style="display: contents;">
+<label class="sf-input  sf-input--size-1/2 sf-input--bordered  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-flow-ask-4" data-sf-static>
+
+<span class="sf-input-field items-cross-center transition flex">
+
+
+<input id="sf-view-flow-ask-4" type="text" inputmode="numeric" placeholder value="2" aria-label="Ночей" data-mask="false" data-mask-pattern data-mask-lazy data-mask-placeholder-char data-mask-options>
+
+
+
+
+
+
+</span>
+
+</label>
+</sf-input>
+</div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--full flex flex-col gap-1/4 min-w-0" data-field="goal">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Цель поездки</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap">
+<sf-input-textarea appearance="bordered" size="1/2" name="sf_field_goal" value placeholder="Например, встреча с заказчиком" aria-label="Цель поездки" style="display: contents;">
+<label class="sf-textarea sf-textarea--size-1/2 sf-textarea--bordered flex flex-col" data-mask="false" data-mask-pattern data-mask-options data-sf-textarea-bound="1" for="sf-view-flow-ask-5" data-sf-static>
+
+<textarea id="sf-view-flow-ask-5" class="transition" placeholder="Например, встреча с заказчиком" spellcheck="true" wrap="soft" rows="3" data-mask="false" data-mask-pattern data-mask-options></textarea>
+
+
+</label>
+</sf-input-textarea>
+</div>
+
+</div>
+</div></div>
+</div>
+
+<footer class="sf-view-flow__footer">
+
+<p role="status" tabindex="-1" class="sf-view-flow__status">
+
+</p>
+<div class="sf-view-flow__actions">
+<sf-button appearance="outline" scheme="on-surface" size="1/2" text="Отмена" style="display: contents;">
+<button type="button" class="sf-button sf-button--size-1/2 sf-button--outline sf-button--on-surface flex items-cross-center" data-action="cancel" data-sf-static>
+
+
+<span class="sf-button-text-container text-center pointer-event-none flex-1">
+Отмена
+</span>
+
+</button>
+</sf-button>
+<sf-button scheme="primary" size="1/2" text="Отправить" style="display: contents;">
+<button type="button" class="sf-button sf-button--size-1/2 sf-button--default sf-button--primary flex items-cross-center" data-action="submit" data-sf-static>
+
+
+<span class="sf-button-text-container text-center pointer-event-none flex-1">
+Отправить
+</span>
+
+</button>
+</sf-button>
+</div>
+</footer>
+</section>
+</sf-view-flow>

package/dist/smart/view-flow/static/default/expired.html

@@ -0,0 +1,16 @@
+<!-- sf-view-flow, example «expired»: 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-flow mode="edit" heading="Новая командировка" block-id="b2" expires-at="2020-01-01T00:00:00Z" style="display: contents;"><script type="application/json" data-sf-settings>{"fields":[{"key":"city","label":"Город","propertyType":"string","width":"half","required":true,"placeholder":"Куда","value":null},{"key":"from","label":"Выезд","propertyType":"date","width":"half","required":true,"value":null},{"key":"nights","label":"Ночей","propertyType":"integer","width":"half","value":2},{"key":"goal","label":"Цель поездки","propertyType":"text","width":"full","placeholder":"Например, встреча с заказчиком","value":null}]}</script>
+<section class="sf-view-flow sf-view-flow--edit sf-view-flow--expired sf-view-flow--size-1-2" aria-labelledby="sf-view-flow-expired-1" data-state="expired" data-sf-static>
+<div class="sf-view-flow__heading" role="heading" id="sf-view-flow-expired-1" aria-level="3">Новая командировка</div>
+
+
+
+<footer class="sf-view-flow__footer">
+
+<p role="status" tabindex="-1" class="sf-view-flow__status">
+<sf-icon size="1/2" aria-hidden="true" icon="timer_off" style="display: contents;"><i class="sf-icon sf-icon--size-1/2 sf-icon--weight-regular" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>timer_off</i></sf-icon><span>Время ответа истекло</span>
+</p>
+<div class="sf-view-flow__actions" hidden></div>
+</footer>
+</section>
+</sf-view-flow>

package/dist/smart/view-flow/static/default/groups.html

@@ -0,0 +1,44 @@
+<!-- sf-view-flow, example «groups»: 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-flow heading="Заказ № 10458" style="display: contents;"><script type="application/json" data-sf-settings>{"groups":[{"key":"order","label":"Заказ","fields":[{"key":"buyer","label":"Покупатель","propertyType":"string","width":"half","value":"Анна Белова"},{"key":"amount","label":"Сумма","propertyType":"number","unit":"₽","width":"half","value":12490}]},{"key":"delivery","label":"Доставка","collapsible":true,"collapsed":true,"fields":[{"key":"city","label":"Город","propertyType":"string","width":"half","value":"Казань"},{"key":"way","label":"Способ","propertyType":"string","width":"half","value":"Курьер"}]}]}</script>
+<section class="sf-view-flow sf-view-flow--view sf-view-flow--open sf-view-flow--size-1-2" aria-labelledby="sf-view-flow-groups-1" data-sf-static>
+<div class="sf-view-flow__heading" role="heading" id="sf-view-flow-groups-1" aria-level="3">Заказ № 10458</div>
+
+<div class="sf-view-flow__groups">
+
+<div class="sf-view-flow__group" data-group="order">
+<div class="sf-view-flow__group-label">Заказ</div>
+
+<div class="sf-view-flow__fields" id="sf-view-flow-groups-2">
+
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="buyer">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Покупатель</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">Анна Белова</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="amount">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Сумма</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">12490 ₽</span></div>
+
+</div>
+</div>
+</div>
+<div class="sf-view-flow__group" data-group="delivery" data-collapsed="true">
+<button type="button" class="sf-view-flow__group-label sf-view-flow__toggle flex items-cross-center gap-1/4" aria-expanded="false" aria-controls="sf-view-flow-groups-3">
+<sf-icon icon="expand_more" size="1/2" aria-hidden="true" style="display: contents;"><i class="sf-icon sf-icon--size-1/2 sf-icon--weight-regular" style="--sf-icon--grade:0;--sf-icon--optical-size:24" aria-hidden="true" data-sf-static>expand_more</i></sf-icon>
+<span>Доставка</span>
+</button>
+
+<div class="sf-view-flow__fields" id="sf-view-flow-groups-3" hidden></div>
+</div>
+</div>
+
+</section>
+</sf-view-flow>

package/dist/smart/view-flow/static/default/reference.html

@@ -0,0 +1,72 @@
+<!-- sf-view-flow, example «reference»: 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-flow heading="Заявка на отпуск № 17" style="display: contents;"><script type="application/json" data-sf-settings>{"fields":[{"key":"employee","label":"Сотрудник","propertyType":"string","width":"full","value":"Ирина Волкова"},{"key":"from","label":"С","propertyType":"date","width":"half","value":"2026-12-21"},{"key":"to","label":"По","propertyType":"date","width":"half","value":"2027-01-08"},{"key":"days","label":"Дней","propertyType":"integer","width":"half","value":19},{"key":"status","label":"Статус","propertyType":"choice","width":"half","value":"approved","options":[{"value":"approved","label":"Согласована","scheme":"success"}]}]}</script>
+<section class="sf-view-flow sf-view-flow--view sf-view-flow--open sf-view-flow--size-1-2" aria-labelledby="sf-view-flow-reference-1" data-sf-static>
+<div class="sf-view-flow__heading" role="heading" id="sf-view-flow-reference-1" aria-level="3">Заявка на отпуск № 17</div>
+
+<div class="sf-view-flow__groups">
+<div class="sf-view-flow__group" data-group="group-1">
+<div class="sf-view-flow__fields" id="sf-view-flow-reference-2">
+
+<div class="sf-view-flow__field sf-view-flow__field--full flex flex-col gap-1/4 min-w-0" data-field="employee">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Сотрудник</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">Ирина Волкова</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="from">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>С</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">21 дек. 2026 г.</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="to">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>По</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">8 янв. 2027 г.</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="days">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Дней</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">19</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="status">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Статус</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap">
+<sf-badge line="1/2" appearance="tonal" scheme="success" text="Согласована" style="display: contents;">
+<span class="sf-badge sf-badge--tonal sf-badge--success sf-badge--size-1/3 sf-badge--line-1/2 inline-flex flex-row flex-nowrap content-main-center items-center" data-sf-static>
+
+
+
+<span class="sf-badge-text-container flex items-center">
+<span class="sf-badge-text">Согласована</span>
+</span>
+
+
+</span>
+</sf-badge>
+</div>
+
+</div>
+</div></div>
+</div>
+
+</section>
+</sf-view-flow>

package/dist/smart/view-flow/static/default/untitled.html

@@ -0,0 +1,41 @@
+<!-- sf-view-flow, example «untitled»: 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-flow style="display: contents;"><script type="application/json" data-sf-settings>{"fields":[{"key":"employee","label":"Сотрудник","propertyType":"string","width":"full","value":"Ирина Волкова"},{"key":"from","label":"С","propertyType":"date","width":"half","value":"2026-12-21"},{"key":"to","label":"По","propertyType":"date","width":"half","value":"2027-01-08"}]}</script>
+<section class="sf-view-flow sf-view-flow--view sf-view-flow--open sf-view-flow--size-1-2" aria-label="Данные" data-sf-static>
+
+
+<div class="sf-view-flow__groups">
+<div class="sf-view-flow__group" data-group="group-1">
+<div class="sf-view-flow__fields" id="sf-view-flow-untitled-1">
+
+<div class="sf-view-flow__field sf-view-flow__field--full flex flex-col gap-1/4 min-w-0" data-field="employee">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>Сотрудник</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">Ирина Волкова</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="from">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>С</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">21 дек. 2026 г.</span></div>
+
+</div>
+<div class="sf-view-flow__field sf-view-flow__field--half flex flex-col gap-1/4 min-w-0" data-field="to">
+<div class="sf-view-flow__label flex items-cross-center gap-1/3 color-on-surface-variant">
+<span>По</span>
+
+
+</div>
+<div class="sf-view-flow__value min-w-0 flex items-cross-center gap-1 flex-wrap"><span class="sf-field-view">8 янв. 2027 г.</span></div>
+
+</div>
+</div></div>
+</div>
+
+</section>
+</sf-view-flow>