@simai-studio/ui 0.0.0-stage → 5.20261019.1559

package/distr/smart/field-renderers/js/field-renderers.min.js

@@ -0,0 +1,434 @@
+(()=>{"use strict";var e={e5483002f3ea(e,t,r){r.a(e,async(e,t)=>{try{var a=r("ddf1cdb42ecc"),n=r("5961360f41f4"),l=r("0d662e4d7d63"),i=r("fc654eb7fab0"),o=e([a,l]);[a,l]=o.then?(await o)():o;function s(e){return String(e?.size||"").trim()||"1"}function u(e,t){const r=t.getFilterControlValue(e.key);return a.html`
+        <sf-input
+                size=${s(t)}
+                appearance="filled"
+                placeholder="${he(t,"containsText")}"
+                value="${r.value||""}"
+                name="sf_filter_${e.key||"text"}"
+                @change=${a=>{t.patchTempFilterValue(e.key,{value:a.target?.value||"",operator:r.operator||e.filter?.defaultOperator||"contains"})}}
+        ></sf-input>
+    `}function c(e,t){const r=t.getFilterControlValue(e.key),n=e.filter?.operators||["eq"],l=r.operator||e.filter?.defaultOperator||n[0],i="between"===l,o=i?r.value:Array.isArray(r.value)?r.value[0]:r.value;return a.html`
+        <div class="flex gap-1/3 flex-col">
+            <div class="sf-filter-operator-range flex gap-1/3 items-cross-center">
+                <sf-range-slider
+                        id="smart-range-slider-single"
+                        min="0"
+                        label="tooltip"
+                        suffix="%"
+                        max="100"
+                        multiple=${String(i)}
+                        .value=${o}
+                        @onSliderEnd=${r=>{t.patchTempFilterValue(e.key,{value:i?r.detail.values||[]:r.detail.value,operator:l})}}
+                ></sf-range-slider>
+            </div>
+            <sf-dropdown
+                    size=${s(t)}
+                    appearance="outlined"
+                    mode="select"
+                    placeholder="${he(t,"operator")}"
+                    root-class="flex-1"
+                    search="false"
+                    @change=${r=>{const a=r.detail?.values?.[0]||r.detail?.value||l;t.patchTempFilterValue(e.key,{operator:a})}}
+            >
+                ${n.map(e=>a.html`
+                    <sf-list-item
+                            kind="text"
+                            size=${s(t)}
+                            text="${t.getFilterOperatorLabel(e)}"
+                            value="${e}"
+                            ?selected=${e===l}
+                    ></sf-list-item>
+                `)}
+            </sf-dropdown>
+        </div>
+    `}function d(e,t){const r=t.getFilterControlValue(e.key),n=e.filter?.operators||["eq"],l=r.operator||e.filter?.defaultOperator||n[0],i="between"===l,o=r.value,u=Array.isArray(o)?o:[o||"",""],c=(r,a)=>{if(!i)return void t.patchTempFilterValue(e.key,{value:a||"",operator:l});const n=[...u];n[r]=a||"",t.patchTempFilterValue(e.key,{value:n,operator:l})};return a.html`
+        <div class="flex gap-1/3 flex-col">
+            <div class="sf-filter-operator-inputs flex gap-1/3 items-cross-center">
+                <sf-input
+                        size=${s(t)}
+                        appearance="bordered"
+                        root-class="flex-1 min-w-0"
+                        label="${i?he(t,"rangeFrom"):t.getFilterOperatorLabel(l)}"
+                        value="${i?u[0]||"":o||""}"
+                        name="sf_filter_${e.key||"number"}"
+                        @change=${e=>{c(0,e.target?.value)}}
+                ></sf-input>
+                ${i?a.html`
+                    <sf-input
+                            size=${s(t)}
+                            appearance="bordered"
+                            label="${he(t,"rangeTo")}"
+                            root-class="flex-1 min-w-0"
+                            value="${u[1]||""}"
+                            name="sf_filter_${e.key||"number"}_second"
+                            @change=${e=>{c(1,e.target?.value)}}
+                    ></sf-input>`:a.nothing}
+            </div>
+            <sf-dropdown
+                    size=${s(t)}
+                    appearance="outlined"
+                    mode="select"
+                    placeholder="${he(t,"operator")}"
+                    root-class="flex-1"
+                    search="false"
+                    @change=${r=>{const a=r.detail?.values?.[0]||r.detail?.value||l;t.patchTempFilterValue(e.key,{operator:a})}}
+            >
+                ${n.map(e=>a.html`
+                    <sf-list-item
+                            kind="text"
+                            size=${s(t)}
+                            text="${t.getFilterOperatorLabel(e)}"
+                            value="${e}"
+                            ?selected=${e===l}
+                    ></sf-list-item>
+                `)}
+            </sf-dropdown>
+        </div>
+    `}function p(e,t){const r=t.getFilterControlValue(e.key),n=e.filter?.operators||["eq"],l=r.operator||e.filter?.defaultOperator||n[0],i="between"===l,o=i&&Array.isArray(r.value)?r.value:i?["",""]:r.value||"";return a.html`
+        <div class="flex flex-col gap-1/3">
+            <sf-datepicker
+                    .value=${o}
+                    ?range=${i}
+                    name="sf_filter_${e.key||"date"}"
+                    locale="ru-Ru"
+                    @change=${r=>{t.patchTempFilterValue(e.key,{value:r.detail.value,operator:l})}}
+            ></sf-datepicker>
+            <sf-dropdown
+                    size=${s(t)}
+                    appearance="outlined"
+                    mode="select"
+                    placeholder="${he(t,"operator")}"
+                    root-class="flex-1"
+                    search="false"
+                    @change=${r=>{const a=r.detail?.values?.[0]||r.detail?.value||l;t.patchTempFilterValue(e.key,{operator:a})}}
+            >
+                ${n.map(e=>a.html`
+                    <sf-list-item
+                            kind="text"
+                            size=${s(t)}
+                            text="${t.getFilterOperatorLabel(e)}"
+                            value="${e}"
+                            ?selected=${e===l}
+                    ></sf-list-item>
+                `)}
+            </sf-dropdown>
+        </div>
+    `}function f(e,t){const r=t.getEndpointFilterPage(e),n=t.getVisibleFilterOptions(e),l=t.getFilterControlValue(e.key),i=t.getFilterOptionSearch(e.key),o=new Set(l.values||[]);return a.html`
+        <div class="flex flex-col gap-1/2 overflow-x-hidden">
+            ${!e.filter?.searchable||r&&!r.searchable?"":a.html`
+                <sf-input
+                        size=${s(t)}
+                        appearance="filled"
+                        placeholder="${he(t,"searchInList")}"
+                        value="${i}"
+                        name="sf_filter_${e.key||"list"}_search"
+                        @input=${r=>{t.patchTempFilterOptionSearch(e.key,r.target?.value||"")}}
+                        @change=${r=>{t.patchTempFilterOptionSearch(e.key,r.target?.value||"")}}
+                ></sf-input>
+            `}
+            <div class="flex flex-col gap-1/2 overflow-x-hidden" data-size="4.5">
+                ${n.map(r=>t.renderFilterOption(e,r,o))}
+            </div>
+            ${n.length||"loading"===r?.status||"error"===r?.status?"":a.html`
+                <!-- A list with nothing in it says why, in one line, as every
+                     list does (simai.interaction-rules, five states). -->
+                <sf-empty-state layout="inline" size="1/2" kind=${i?"nothing-found":"no-data"}></sf-empty-state>`}
+            ${r?a.html`
+                <div role="status" aria-live="polite" class="sf-text-1">
+                    ${"loading"===r.status?he(t,"loadingOptions"):""}
+                </div>
+                ${"error"===r.status?a.html`<sf-empty-state layout="inline" size="1/2" kind="error" text=${he(t,"optionsError")}
+                    @sf-empty-state-action=${r=>{"retry"===r.detail?.id&&t.loadEndpointFilterPage(e,null,i)}}></sf-empty-state>`:""}
+                ${r.nextCursor&&"error"!==r.status?a.html`<sf-button appearance="outline" size=${s(t)} text="${he(t,"loadMore")}"
+                    ?disabled=${"loading"===r.status}
+                    @click=${()=>t.loadEndpointFilterPage(e,r.nextCursor,i)}></sf-button>`:""}
+            `:""}
+        </div>
+    `}function g(e,t){return f(e,t)}function m(e,t){const r=e.filter?.options??["image","document","archive","other"].map(e=>({value:e,label:he(t,`fileKind_${e}`)}));return f({...e,filter:{...e.filter||{},options:r,defaultOperator:e.filter?.defaultOperator??"in"}},t)}function h(e,t){const r=e.filter?.options??(Array.isArray(e.swatches)?e.swatches:[]).map(e=>"string"==typeof e?{value:e,label:e}:e).filter(e=>e?.value).map(e=>({value:e.value,label:e.label??e.value,color:e.value}));return r.length?f({...e,filter:{...e.filter||{},options:r,optionRenderer:e.filter?.optionRenderer??"swatch",defaultOperator:e.filter?.defaultOperator??"in"}},t):u(e,t)}const $={text:u,string:u,number:d,integer:d,date:p,datetime:p,range:c,"date-range":p,"multi-select":f,"single-select":f,choice:f,choices:f,boolean:f,user:f,"entity-multi-select":g,"entity-single-select":g,record:g,relation:g,file:m,color:h};function y(e={},t){const r=e.filter?.control||e.propertyType||e.type||e.dataType||"text";return($[r]||$.text)(e,t)}const b="1/2",v="tonal",S=[[/^image\//u,"image"],[/^video\//u,"movie"],[/^audio\//u,"audiotrack"],[/^text\/(csv|tab-separated-values)$/u,"table"],[/^text\//u,"description"],[/pdf$/u,"picture_as_pdf"],[/(zip|compressed|tar|rar|7z)/u,"folder_zip"],[/(sheet|excel|spreadsheet)/u,"table"],[/(word|document)$/u,"description"],[/(presentation|powerpoint)/u,"slideshow"]];function w(e){const t=String(e||"").toLowerCase(),r=S.find(([e])=>e.test(t));return r?r[1]:"attach_file"}function x(e,t){const r=Fe(t);return r?a.html`
+        <sf-color size="1/2" appearance="plain" value=${String(r)}
+                  label=${e.label||e.key||""} disabled></sf-color>
+    `:a.nothing}function F(e,t){const r=Fe(t),n=e.inheritedValue??"";return r||n?a.html`
+        <sf-color
+                size="1"
+                appearance="plain"
+                value=${r?String(r):a.nothing}
+                inherited-value=${n?String(n):a.nothing}
+                label=${e.label||e.key||""}
+                disabled
+        ></sf-color>
+    `:a.nothing}function k(e,t,r){const n=Fe(t),l=e.inheritedValue??"";return a.html`
+        <sf-color
+                size=${M}
+                appearance="bordered"
+                name=${K(e)}
+                value=${n?String(n):a.nothing}
+                inherited-value=${l?String(l):a.nothing}
+                swatches=${e.swatches?String(e.swatches):a.nothing}
+                ?clearable=${Boolean(l)||!0!==e.required}
+                ?disabled=${!0===e.readonly}
+                label=${e.label||e.key||""}
+                @change=${t=>r.setFieldValue(e,t.detail?.value??"")}
+        ></sf-color>
+    `}function T(e,t){return t&&"object"==typeof t&&t.label?W(e)?A(t):{component:{type:"reference-link",props:{line:b,label:String(t.label),icon:w(t.mime),...t.href?{href:String(t.href)}:{}}}}:null}function A(e){const t=String(e.mime??e.mimeType??""),r=Boolean(e.href)&&/^image\//u.test(t);return{component:{type:"file-preview",props:{compact:!0,fileName:String(e.label),mimeType:t,icon:w(t),...e.href?{href:String(e.href)}:{},...r?{imageUrl:String(e.href),kind:"image"}:{kind:"icon"},actions:!1,downloadAction:!1,removeAction:!1}}}}function z(e,t){if(!Array.isArray(t)||!t.length)return null;if("badges"===String(e.variant??""))return _(e,t);const r=e.options||e.filter?.options||e.constraints?.options,a=e=>{const t=Array.isArray(r)?r.find(t=>String(t?.value)===String(e)):null;return String(t?.label??t?.text??e)};return t.map(e=>({component:{type:"tag",props:{line:b,kind:"default",text:a(e)}}}))}function _(e,t){const r=e.options||e.filter?.options||e.constraints?.options;return t.map(t=>{const a=t&&"object"==typeof t?t.value:t,l=Array.isArray(r)?r.find(e=>String(e?.value)===String(a)):null,i=l?(0,n.f)(l):null,o=t&&"object"==typeof t&&void 0!==t.text?String(t.text):String(l?.label??l?.text??a);return{component:{type:"badge",props:{line:b,text:o,appearance:e.badgeAppearance??v,...i?.scheme?{scheme:i.scheme}:{},...i?.rootStyle?{rootStyle:i.rootStyle}:{}}}}})}const O={string:Z,date:E,datetime:E,boolean:V,choices:z,file:T,color:x,include:te,choice:j,integer:P,number:P,user:B,record:C,relation:C};function q(e,t){return{yes:e.trueText??e.labels?.true??he(t,"yes"),no:e.falseText??e.labels?.false??he(t,"no")}}function V(e,t,r){if("boolean"!=typeof t)return null;const a=q(e,r);return t?a.yes:a.no}function j(e,t){const r=e.options||e.filter?.options||e.constraints?.options;if(!Array.isArray(r))return null;const a=r.find(e=>String(e?.value)===String(t));if(!a)return null;const l=(0,n.f)(a);return{component:{type:"badge",props:{line:b,text:a.label??a.text??String(t),appearance:e.badgeAppearance??v,...l?.scheme?{scheme:l.scheme}:{},...l?.rootStyle?{rootStyle:l.rootStyle}:{}}}}}function E(e,t,r){const a=r?.formatFieldValue?.(e,t);return"string"==typeof a&&""!==a?a:null}function P(e,t,r){const a=e.variant||e.filter?.variant,n=Number(Fe(t));return"scale"===a&&Number.isFinite(n)?n<0||n>100?null:{component:{type:"progress-scale",props:{line:b,value:String(n)}}}:E(e,t,r)}function R(e){return{component:{type:"reference-link",props:{line:b,appearance:"plain",icon:"",label:String(e.label),...e.href?{href:String(e.href)}:{}}}}}function B(e,t){return t&&"object"==typeof t&&t.label?[{component:{type:"avatar",props:{line:b,text:t.avatarText||""}}},t.href?R(t):String(t.label)]:null}function C(e,t){return t&&"object"==typeof t&&t.label?R(t):null}function L(e={},t,r){const a=e.propertyType||e.type||e.dataType,n=O[a];if(!n)return null;const l=n(e,t,r);return l??null}let M="1";const N={record:$e,relation:$e,user:$e,string:re,text:ae,integer:ne,number:ne,date:oe,datetime:oe,boolean:se,choice:ce,choices:fe,file:be,color:k,include:ee};function K(e){return`sf_field_${e.key||"value"}`}function U(e,t,r){return a.html`
+        <sf-country-code
+                size=${M}
+                name=${K(e)}
+                value=${Fe(t)??""}
+                label=${e.label||e.key||""}
+                ?required=${Boolean(e.required)}
+                ?disabled=${!0===e.readonly}
+                use-mask="true"
+                show-code="true"
+                @change=${t=>r.setFieldValue(e,t.detail?.value??t.target?.value??"")}
+        ></sf-country-code>
+    `}function I(e){return"password"===String(e.variant??"")}function D(e){return e&&"object"==typeof e&&!Array.isArray(e)?!0===e.set:"string"==typeof e&&""!==e}function H(e,t){return he(e,D(t)?"passwordSet":"passwordUnset")}function Y(e){const t=e.currentTarget,r=t?.closest?.(".sf-field-password")?.querySelector?.("sf-input");if(!r)return;const a="true"!==t.getAttribute("aria-pressed");r.setAttribute("input-type",a?"text":"password"),t.setAttribute("aria-pressed",a?"true":"false"),t.setAttribute("icon",a?"visibility_off":"visibility")}function J(e,t,r){const n=D(t),l=e.placeholder||(n?he(r,"passwordKeep"):""),i=t=>{const a=t.target?.value??"";r.setFieldValue(e,""===a?void 0:a)};return a.html`
+        <span class="sf-field-password flex items-cross-center gap-1/3 min-w-0" spellcheck="false">
+            <sf-input
+                    size=${M}
+                    appearance="bordered"
+                    root-class="flex-1 min-w-0"
+                    input-type="password"
+                    autocomplete="new-password"
+                    name=${K(e)}
+                    placeholder=${l||a.nothing}
+                    ?required=${Boolean(e.required)&&!n}
+                    aria-label=${e.label||e.key||""}
+                    @input=${i}
+                    @change=${i}
+            ></sf-input>
+            <sf-icon-button
+                    size=${M}
+                    appearance="link"
+                    scheme="on-surface"
+                    icon="visibility"
+                    aria-pressed="false"
+                    aria-label=${he(r,"showPassword")}
+                    @click=${Y}
+            ></sf-icon-button>
+        </span>
+    `}function Z(e,t,r){return I(e)?H(r,t):null}function G(e,t,r){return I(e)?a.html`<span class="sf-field-view">${H(r,t)}</span>`:Te(e,t,r)}const Q=new Set(["image","image-card","image-list"]);function W(e){return Q.has(String(e.variant??""))}function X(e,t){const r=Fe(t);return r?a.html`
+        <pre class="sf-field-include" data-language=${e.language?String(e.language):a.nothing}><code>${String(r)}</code></pre>
+    `:a.nothing}function ee(e,t,r){return a.html`
+        <sf-textarea
+                size=${M}
+                appearance="bordered"
+                class="sf-field-include-edit"
+                name=${K(e)}
+                value=${Fe(t)??""}
+                rows="8"
+                spellcheck="false"
+                ?required=${Boolean(e.required)}
+                aria-label=${e.label||e.key||""}
+                ?disabled=${!0===e.readonly}
+                @change=${t=>r.setFieldValue(e,t.target?.value??"")}
+                @input=${t=>r.setFieldValue(e,t.target?.value??"")}
+        ></sf-textarea>
+    `}function te(e,t){const r=Fe(t);if(!r)return a.nothing;const n=String(r).split("\n")[0];return a.html`<code>${n.length>60?`${n.slice(0,60)}…`:n}</code>`}function re(e,t,r){return"phone"===String(e.variant??"")?U(e,t,r):I(e)?J(e,t,r):(t=Fe(t),a.html`
+        <sf-input
+                size=${M}
+                appearance="bordered"
+                name=${K(e)}
+                value=${t??""}
+                placeholder=${e.placeholder||a.nothing}
+                ?required=${Boolean(e.required)}
+                aria-label=${e.label||e.key||""}
+                @input=${t=>r.setFieldValue(e,t.target?.value??"")}
+                @change=${t=>r.setFieldValue(e,t.target?.value??"")}
+        ></sf-input>
+    `)}function ae(e,t,r){return t=Fe(t),a.html`
+        <sf-textarea
+                size=${M}
+                appearance="bordered"
+                name=${K(e)}
+                value=${t??""}
+                placeholder=${e.placeholder||a.nothing}
+                ?required=${Boolean(e.required)}
+                aria-label=${e.label||e.key||""}
+                @input=${t=>r.setFieldValue(e,t.target?.value??"")}
+                @change=${t=>r.setFieldValue(e,t.target?.value??"")}
+        ></sf-textarea>
+    `}function ne(e,t,r){const n="number"===(e.propertyType||e.type);return t=Fe(t),a.html`
+        <sf-input
+                size=${M}
+                appearance="bordered"
+                name=${K(e)}
+                value=${t??""}
+                inputmode=${n?"decimal":"numeric"}
+                ?required=${Boolean(e.required)}
+                aria-label=${e.label||e.key||""}
+                @input=${t=>{const a=t.target?.value??"";r.setFieldValue(e,""===a?null:Number(a))}}
+                @change=${t=>{const a=t.target?.value??"";r.setFieldValue(e,""===a?null:Number(a))}}
+        ></sf-input>
+    `}const le=/^(\d{4}-\d{2}-\d{2})[T ](\d{2}:\d{2}(?::\d{2})?(?:\.\d+)?)(Z|[+-]\d{2}:?\d{2})?$/;function ie(e){const t="string"==typeof e?e.trim().match(le):null;return t?{date:t[1],suffix:`T${t[2]}${t[3]||""}`}:{date:e,suffix:""}}function oe(e,t,r){t=Fe(t);const{date:n,suffix:l}=ie(t);return a.html`
+        <sf-datepicker
+                size=${M}
+                name=${K(e)}
+                value=${n??""}
+                label=${e.label||""}
+                ?required=${Boolean(e.required)}
+                @change=${t=>{const a=t.detail?.value??t.target?.value??null;r.setFieldValue(e,a&&l?`${a}${l}`:a)}}
+        ></sf-datepicker>
+    `}function se(e,t,r){if(!(!0!==e.required))return a.html`
+            <sf-switch
+                    size=${M}
+                    name=${K(e)}
+                    ?checked=${!0===t}
+                    label=${e.label||""}
+                    @change=${t=>r.setFieldValue(e,Boolean(t.target?.checked))}
+            ></sf-switch>
+        `;const n=q(e,r),l=JSON.stringify([{value:"yes",label:n.yes},{value:"no",label:n.no}]);return a.html`
+        <sf-button-group
+                size=${M}
+                items=${l}
+                value=${!0===t?"yes":!1===t?"no":a.nothing}
+                aria-label=${e.label||e.key||""}
+                @change=${t=>{const a=t.detail?.value;r.setFieldValue(e,"yes"===a||"no"!==a&&null)}}
+        ></sf-button-group>
+    `}function ue(e,t,r){const a=e.options||e.filter?.options||e.constraints?.options||[],n=r?new Set((Array.isArray(t)?t:[]).map(e=>String(e))):new Set([String(t??"")]);return a.map(e=>({type:"text",size:"1",text:e.label??e.text??String(e.value),value:String(e.value),selected:n.has(String(e.value))}))}function ce(e,t,r){return t=Fe(t),a.html`
+        <sf-dropdown
+                size=${M}
+                appearance="outlined"
+                mode="select"
+                search="false"
+                name=${K(e)}
+                ?required=${Boolean(e.required)}
+                value=${t??""}
+                aria-label=${e.label||e.key||""}
+                .options=${ue(e,t,!1)}
+                @change=${t=>r.setFieldValue(e,t.detail?.value??null)}
+        ></sf-dropdown>
+    `}const de=13;function pe(e,t,r){const n=e.options||e.filter?.options||e.constraints?.options||[],l=new Set((Array.isArray(t)?t:[]).map(e=>String(e)));return a.html`
+        <div class="sf-field-checklist grid gap-1/3 w-full min-w-0" role="group" aria-label=${e.label||e.key||""}
+             style="grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr))">
+            ${n.map(t=>a.html`<sf-checkbox size=${M}
+                    name=${K(e)} value=${String(t.value)}
+                    label=${t.label??t.text??String(t.value)}
+                    .checked=${l.has(String(t.value))}
+                    @change=${a=>((t,a)=>{const i=n.filter(e=>String(e.value)===String(t.value)?a:l.has(String(e.value))).map(e=>e.value);r.setFieldValue(e,i)})(t,Boolean(a.target?.checked??a.detail?.checked))}></sf-checkbox>`)}
+        </div>
+    `}function fe(e,t,r){const n=e.options||e.filter?.options||e.constraints?.options||[],l=String(e.variant??"");return"checklist"===l||"select"!==l&&n.length>=de?pe(e,t,r):a.html`
+        <sf-dropdown
+                size=${M}
+                appearance="outlined"
+                mode="select"
+                multiple
+                search="false"
+                name=${K(e)}
+                ?required=${Boolean(e.required)}
+                aria-label=${e.label||e.key||""}
+                .options=${ue(e,t,!0)}
+                @change=${t=>{const a=t.detail?.values??t.detail?.value;r.setFieldValue(e,Array.isArray(a)?a:a?[a]:[])}}
+        ></sf-dropdown>
+    `}const ge={en:{yes:"Yes",no:"No",searchInList:"Find in the list",containsText:"Contains…",fileKind_image:"Images",fileKind_document:"Documents",fileKind_archive:"Archives",fileKind_other:"Other files",operator:"Operator",rangeFrom:"From",rangeTo:"To",loadingOptions:"Loading the options",optionsError:"The options could not be loaded",pickRecord:"Choose a record",searchRecords:"Find a record",loadingRecords:"Loading records",recordsError:"The records could not be loaded",retry:"Try again",loadMore:"Load more",removeFile:"Remove",passwordSet:"Set",passwordUnset:"Not set",passwordKeep:"Set; type a new one to replace it",showPassword:"Show password"},ru:{yes:"Да",no:"Нет",searchInList:"Найти в списке",containsText:"Содержит…",fileKind_image:"Изображения",fileKind_document:"Документы",fileKind_archive:"Архивы",fileKind_other:"Прочие файлы",operator:"Оператор",rangeFrom:"От",rangeTo:"До",loadingOptions:"Загрузка вариантов",optionsError:"Не удалось загрузить варианты",pickRecord:"Выберите запись",searchRecords:"Найти запись",loadingRecords:"Загрузка записей",recordsError:"Не удалось загрузить записи",retry:"Повторить",loadMore:"Загрузить ещё",removeFile:"Удалить",passwordSet:"Задан",passwordUnset:"Не задан",passwordKeep:"Задан; введите новый, чтобы заменить",showPassword:"Показать пароль"}},me="sf-field-renderers";function he(e,t){return e?.getFieldText?.(t)??(0,l.pageText)(ge,t,e??null,me)}function $e(e,t,r){if(!r.loadFieldOptions||!r.getFieldOptionsPage)return null;const n=r.getFieldOptionsPage(e)||null;if("unsupported"===n?.status)return null;const l=r.getFieldOptionSearch?.(e)??"",i=t&&"object"==typeof t?t:null,o=Array.isArray(n?.items)?n.items:[],s=[...i&&!o.some(e=>String(e.value)===String(i.value))?[i]:[],...o].map(e=>({type:"text",size:"1",text:String(e.label??e.value),value:String(e.value),selected:Boolean(i&&String(i.value)===String(e.value))}));return a.html`
+        <div class="sf-field-picker flex flex-col gap-1/3" data-field-picker=${e.key||a.nothing}>
+            <sf-dropdown
+                    size=${M}
+                    appearance="outlined"
+                    mode="select"
+                    search="true"
+                    name=${K(e)}
+                    ?required=${Boolean(e.required)}
+                    value=${i?String(i.value):""}
+                    placeholder=${e.placeholder||he(r,"pickRecord")}
+                    search-placeholder=${e.searchPlaceholder||he(r,"searchRecords")}
+                    aria-label=${e.label||e.key||""}
+                    .options=${s}
+                    @change=${t=>(t=>{if(!t)return void r.setFieldValue(e,null);const a=[i,...o].find(e=>e&&String(e.value)===String(t));r.setFieldValue(e,a?{value:a.value,label:a.label}:{value:t})})(t.detail?.value??null)}
+                    @input=${t=>{const a=t.target?.value??"";r.setFieldOptionSearch?.(e,a),r.loadFieldOptions(e,{cursor:null,search:a})}}
+            ></sf-dropdown>
+            ${n?a.html`
+                <div class="sf-field-picker-state flex items-cross-center gap-1/3">
+                    <div role="status" aria-live="polite" class="sf-text-1">
+                        ${"loading"!==n.status||n.quiet?"error"===n.status?he(r,"recordsError"):"":he(r,"loadingRecords")}
+                    </div>
+                    ${"error"===n.status?a.html`
+                        <sf-button appearance="outline" size="1" text=${he(r,"retry")}
+                                @click=${()=>r.loadFieldOptions(e,{cursor:null,search:l})}
+                        ></sf-button>
+                    `:a.nothing}
+                    ${n.nextCursor&&"error"!==n.status?a.html`
+                        <sf-button appearance="outline" size="1" text=${he(r,"loadMore")}
+                                ?disabled=${"loading"===n.status}
+                                @click=${()=>r.loadFieldOptions(e,{cursor:n.nextCursor,search:l})}
+                        ></sf-button>
+                    `:a.nothing}
+                </div>
+            `:a.nothing}
+        </div>
+    `}function ye(e){return Array.isArray(e)?e.filter(e=>e&&"object"==typeof e):e&&"object"==typeof e?[e]:[]}function be(e,t,r){const n=ye(t),l=!0===e.multiple||Array.isArray(t),i=Boolean(r.startFieldUpload&&r.getFieldUploads),o=i?r.getFieldUploads(e):null,s=Array.isArray(o)?o:[];return a.html`
+        <div class="sf-field-file flex flex-col">
+            ${n.map((t,i)=>a.html`
+                <sf-file-preview
+                        file-name=${String(t.label??t.name??"File")}
+                        file-size=${String(t.size??"")}
+                        icon=${w(t.mime??t.mimeType)}
+                        mime-type=${String(t.mime??t.mimeType??"")}
+                        href=${t.href?String(t.href):a.nothing}
+                        download-action=${t.href?"true":"false"}
+                        remove-action="true"
+                        remove-label=${`${he(r,"removeFile")} ${t.label??t.name??""}`.trim()}
+                        @sf-file-preview:remove=${()=>(t=>{const a=n.filter((e,r)=>r!==t);r.setFieldValue(e,l?a:a[0]??null)})(i)}
+                ></sf-file-preview>
+            `)}
+
+            ${i?a.html`
+                        <sf-file-upload
+                                size=${M}
+                                name=${K(e)}
+                                accept=${String(e.accept??"")}
+                                formats=${String(e.formats??"")}
+                                link-text=${e.uploadText||a.nothing}
+                                text=${e.uploadHint||a.nothing}
+                                supporting-text=${e.uploadSupportingText||a.nothing}
+                                ?multiple=${l}
+                                ?disabled=${!0===e.readonly}
+                                aria-label=${e.label||e.key||""}
+                                .items=${s}
+                                @sf-file-upload:select=${t=>{const a=t.detail?.files,n=Array.isArray(a)?a:[];n.length&&r.startFieldUpload(e,n)}}
+                                @sf-file-upload:retry=${t=>{r.retryFieldUpload?.(e,Number(t.detail?.index??-1))}}
+                        ></sf-file-upload>
+                    `:a.nothing}
+        </div>
+    `}const ve=e=>"1/2"===e?.size?"1/2":"1";function Se(e={},t,r,a={}){const n=e.propertyType||e.type||e.dataType;if(!0===e.readonly&&Pe[n])return Re(e,t,r,a);const l=N[n];if(!l||!r?.setFieldValue)return null;const i=M;M=ve(a);try{return l(e,t,r)}finally{M=i}}let we="1";function xe(e){return Boolean(e)&&"object"==typeof e&&!Array.isArray(e)&&"string"==typeof e.text}function Fe(e){return xe(e)?e.value:e}function ke(e,t,r){const a=r?.formatFieldValue?.(e,t);if("string"==typeof a)return a;if(xe(t))return t.text;const n=Fe(t);return null==n?"":String(n)}function Te(e,t,r){const n=ke(e,t,r);return n?a.html`<span class="sf-field-view">${n}</span>`:a.nothing}function Ae(e,t,r){if(null==t||""===t)return a.nothing;const n=e.variant||e.filter?.variant,l=Number(Fe(t));if("scale"===n&&Number.isFinite(l)&&l>=0&&l<=100)return a.html`<sf-progress-scale size="1" value=${String(l)}></sf-progress-scale>`;const i=ke(e,t,r);return a.html`<span class="sf-field-view">${e.unit?`${i} ${e.unit}`:i}</span>`}function ze(e,t,r){const n=ke(e,t,r);return n?a.html`<span class="sf-field-view">${n}</span>`:a.nothing}function _e(e,t,r){if("boolean"!=typeof t)return a.nothing;const n=q(e,r);return a.html`<span class="sf-field-view">${t?n.yes:n.no}</span>`}function Oe(e,t){const r=e.options||e.filter?.options||e.constraints?.options,l=Array.isArray(r)?r.find(e=>String(e?.value)===String(t)):null;if(!l)return a.nothing;const i=(0,n.f)(l);return a.html`
+        <sf-badge
+                line=${we}
+                appearance=${e.badgeAppearance??v}
+                scheme=${i.scheme}
+                style=${i.rootStyle||a.nothing}
+                text=${String(l.label??l.text??t)}
+        ></sf-badge>
+    `}function qe(e,t){if(!Array.isArray(t)||!t.length)return a.nothing;const r=e.options||e.filter?.options||e.constraints?.options;return a.html`
+        <span class="sf-field-view flex flex-wrap items-cross-center gap-1/3 min-w-0">
+            ${t.map(e=>a.html`<sf-tag root-class="flex-none" line=${we} kind="default" text=${(e=>{const t=Array.isArray(r)?r.find(t=>String(t?.value)===String(e)):null;return String(t?.label??t?.text??e)})(e)}></sf-tag>`)}
+        </span>
+    `}function Ve(e,t){return t&&"object"==typeof t&&t.label?a.html`
+        <span class="sf-field-view flex items-cross-center gap-1/3">
+            <sf-avatar line=${we} text=${t.avatarText||""}></sf-avatar>
+            ${t.href?a.html`<sf-reference-link appearance="plain" icon="" line=${we}
+                        label=${String(t.label)} href=${String(t.href)}></sf-reference-link>`:a.html`<span>${String(t.label)}</span>`}
+        </span>
+    `:a.nothing}function je(e,t){return t&&"object"==typeof t&&t.label?a.html`
+        <sf-reference-link
+                appearance="plain"
+                icon=""
+                line=${we}
+                label=${String(t.label)}
+                href=${t.href?String(t.href):a.nothing}
+        ></sf-reference-link>
+    `:a.nothing}function Ee(e,t){const r=ye(t);if(!r.length)return a.nothing;const n=W(e),l="image-card"===String(e.variant??"");return a.html`
+        <span class="sf-field-view flex ${l?"flex-row":"flex-col"} gap-1/3">
+            ${r.map(e=>a.html`
+                <sf-file-preview
+                        file-name=${String(e.label??e.name??"File")}
+                        file-size=${String(e.size??"")}
+                        icon=${w(e.mime??e.mimeType)}
+                        mime-type=${String(e.mime??e.mimeType??"")}
+                        href=${e.href?String(e.href):a.nothing}
+                        image-url=${n&&e.href?String(e.href):a.nothing}
+                        kind=${n?"image":a.nothing}
+                        download-action=${e.href?"true":"false"}
+                        remove-action="false"
+                ></sf-file-preview>
+            `)}
+        </span>
+    `}const Pe={string:G,text:Te,integer:Ae,number:Ae,date:ze,datetime:ze,boolean:_e,choice:Oe,choices:qe,user:Ve,record:je,relation:je,file:Ee,color:F,include:X};function Re(e={},t,r,a={}){const n=e.propertyType||e.type||e.dataType,l=Pe[n];if(!l)return null;const i=we;we=ve(a);try{return l(e,t,r)}finally{we=i}}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.fieldRenderers={...window.SF.fieldRenderers||{},renderCellField:L,renderEditField:Se,renderFilterField:y,renderViewField:Re,FILTER_RENDERERS:$,registry:i.u.map(e=>{return{...e,modes:(t=e.type,(0,i.U)(t,{view:Pe,edit:N,cell:O,filter:$}))};var t})},globalThis.document?.dispatchEvent?.(new CustomEvent("sf-field-renderers-ready"))),t()}catch(Be){t(Be)}})},fc654eb7fab0(e,t,r){r.d(t,{U:()=>n});const a=Object.freeze([{type:"string",label:{ru:"Строка",en:"String"},variants:[{id:"phone",label:{ru:"Телефон",en:"Phone"}},{id:"password",label:{ru:"Пароль",en:"Password"},writeOnly:!0}],params:["placeholder","required","readonly"]},{type:"text",label:{ru:"Текст",en:"Text"},variants:[],params:["placeholder","required","readonly"]},{type:"integer",label:{ru:"Целое число",en:"Integer"},variants:[],params:["unit","required","readonly"]},{type:"number",label:{ru:"Число",en:"Number"},variants:[{id:"scale",label:{ru:"Шкала 0–100",en:"Scale 0–100"}}],params:["unit","required","readonly"]},{type:"date",label:{ru:"Дата",en:"Date"},variants:[],params:["required","readonly"]},{type:"datetime",label:{ru:"Дата и время",en:"Date and time"},variants:[],params:["required","readonly"]},{type:"boolean",label:{ru:"Да или нет",en:"Yes or no"},variants:[],params:["trueText","falseText","required","readonly"]},{type:"choice",label:{ru:"Одно из списка",en:"One of a list"},variants:[],params:["options","badgeAppearance","required","readonly"]},{type:"choices",label:{ru:"Несколько из списка",en:"Several of a list"},variants:[{id:"badges",label:{ru:"Значками",en:"As badges"}},{id:"checklist",label:{ru:"Флажками",en:"As a checklist"}},{id:"select",label:{ru:"Выпадающим списком",en:"As a dropdown"}}],params:["options","badgeAppearance","required","readonly"]},{type:"user",label:{ru:"Пользователь",en:"User"},variants:[],params:["placeholder","searchPlaceholder","required","readonly"]},{type:"record",label:{ru:"Запись",en:"Record"},variants:[],params:["placeholder","searchPlaceholder","required","readonly"]},{type:"relation",label:{ru:"Связь",en:"Relation"},variants:[],params:["placeholder","searchPlaceholder","required","readonly"]},{type:"file",label:{ru:"Файл",en:"File"},variants:[{id:"image",label:{ru:"Изображение",en:"Image"}},{id:"image-card",label:{ru:"Изображение карточкой",en:"Image card"}},{id:"image-list",label:{ru:"Изображения списком",en:"Image list"}}],params:["accept","multiple","formats","uploadText","uploadSupportingText","uploadHint","readonly"]},{type:"color",label:{ru:"Цвет",en:"Colour"},variants:[],params:["swatches","required","readonly"]},{type:"include",label:{ru:"Код",en:"Code"},variants:[],params:["language","required","readonly"]}]);function n(e,t){return{view:Boolean(t.view?.[e]),edit:Boolean(t.edit?.[e]),cell:t.cell?.[e]?"own":"text",filter:t.filter?.[e]?"own":"text"}}r.d(t,["u",0,a])},"5961360f41f4"(e,t,r){r.d(t,{f:()=>o});const a=Object.freeze(["main","tonal","outline"]),n=Object.freeze(["neutral","primary","secondary","tertiary","info","success","warning","danger","on-surface"]),l=Object.freeze(["1/3","1/2","1"]);Object.freeze(n.flatMap(e=>a.filter(t=>!("on-surface"===e&&"tonal"===t)).flatMap(t=>l.map(r=>Object.freeze({type:t,scheme:e,size:r})))));const i=/^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;function o(e={}){const t=e?.scheme??e?.color,r="string"==typeof t?t.trim():"",a=r.toLowerCase();return n.includes(a)?{scheme:a,rootStyle:""}:i.test(r)?{scheme:"neutral",rootStyle:`--sf-badge--background-color: color-mix(in srgb, ${r} 24%, transparent); --sf-badge--color: var(--sf-on-surface)`}:{scheme:"neutral",rootStyle:""}}},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("page-language")),{once:!0}))}};const t={};function r(a){const n=t[a];if(void 0!==n)return n.exports;const l=t[a]={exports:{}};return e[a](l,l.exports,r),l.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",a=e?Symbol("webpack exports"):"__webpack_exports__",n=e?Symbol("webpack error"):"__webpack_error__",l=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};r.a=(e,r,i)=>{let o;i&&((o=[]).d=-1);const s=new Set,u=e.exports;let c,d,p;const f=new Promise((e,t)=>{p=t,d=e});f[a]=u,f[t]=e=>(o&&e(o),s.forEach(e),f.catch(e=>{})),e.exports=f;r(e=>{let r;c=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const r=[];r.d=0,e.then(e=>{i[a]=e,l(r)},e=>{i[n]=e,l(r)});const i={};return i[t]=e=>e(r),i}}const r={};return r[t]=e=>{},r[a]=e,r}))(e);const i=()=>c.map(e=>{if(e[n])throw e[n];return e[a]}),u=new Promise(e=>{r=()=>e(i),r.r=0;const a=e=>e!==o&&!s.has(e)&&(s.add(e),e&&!e.d&&(r.r++,e.push(r)));c.map(e=>e[t](a))});return r.r?u:i()},e=>(e?p(f[n]=e):d(u),l(o))),o?.d<0&&(o.d=0)}})(),r.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{if(Array.isArray(t))for(var a=0;a<t.length;){var n=t[a++],l=t[a++];r.o(e,n)?0===l&&a++:0===l?Object.defineProperty(e,n,{enumerable:!0,value:t[a++]}):Object.defineProperty(e,n,{enumerable:!0,get:l})}else for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);r("e5483002f3ea")})();

package/distr/smart/file-preview/js/file-preview.min.js

@@ -0,0 +1,37 @@
+(()=>{"use strict";var e={"781dfa6013bf"(e,t,a){a.a(e,async(e,t)=>{try{var i=a("fbe0570fcc69"),r=a("d4eb2cc82833"),o=a("0d662e4d7d63"),n=e([i,r,o]);[i,r,o]=n.then?(await n)():n;var l=a.n(i);const s={en:{ariaLabel:"File",downloadLabel:"Download file",removeLabel:"Remove file"},ru:{ariaLabel:"Файл",downloadLabel:"Скачать файл",removeLabel:"Удалить файл"}},d=/\.(?:avif|bmp|gif|jpe?g|png|svg|webp)(?:[?#].*)?$/i;class u extends(l()){static get props(){return{templateName:{attribute:"template",default:"default"},name:{default:"File"},fileName:{attribute:"file-name",default:"File"},size:{default:""},fileSize:{attribute:"file-size",default:""},icon:{default:"description"},href:{default:""},kind:{default:"auto",values:["auto","icon","image"],aliases:["type"],valueAliases:{auto:["default"]}},mimeType:{attribute:"mime-type",default:""},imageUrl:{attribute:"image-url",default:""},avatarSize:{attribute:"avatar-size",default:""},open:{type:Boolean,default:!1},surface:{type:Boolean,default:!1},download:{type:Boolean,default:!0},target:{default:"_blank"},actions:{type:Boolean,default:!0},downloadAction:{attribute:"download-action",type:Boolean,default:!0},removeAction:{attribute:"remove-action",type:Boolean,default:!0},disabled:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},ariaLabel:{attribute:"aria-label",default:""},downloadLabel:{attribute:"download-label",default:""},removeLabel:{attribute:"remove-label",default:""}}}get componentName(){return"file-preview"}shouldClearLightDomBeforeFirstRender(){return super.shouldClearLightDomBeforeFirstRender()||!!this.querySelector(':scope > .sf-file-preview[data-render-managed="1"]')}get templateName(){return this.getAttribute("template")||"default"}get name(){return this.getAttribute("name")||this.getAttribute("file-name")||"File"}get fileName(){return this.getAttribute("file-name")||this.getAttribute("name")||"File"}get size(){return this.getAttribute("size")||this.fileSize}get fileSize(){return this.getAttribute("file-size")||this.getAttribute("size")||""}get icon(){return this.getAttribute("icon")||"description"}get href(){return this.getAttribute("href")||""}get kind(){return this.getProp("kind")}get type(){return this.kind}get mimeType(){return this.getAttribute("mime-type")||""}get imageUrl(){return this.getAttribute("image-url")||""}get avatarSize(){return this.getAttribute("avatar-size")||""}get open(){return this.getBooleanAttr("open",!1)}get surface(){return this.getBooleanAttr("surface",!1)}get download(){return this.getBooleanAttr("download",!0)}get target(){return this.getAttribute("target")||"_blank"}get actions(){return this.getBooleanAttr("actions",!0)}get downloadAction(){return this.getBooleanAttr("download-action",!0)}get removeAction(){return this.getBooleanAttr("remove-action",!0)}get disabled(){return this.getBooleanAttr("disabled",!1)}get ariaLabel(){return this.getAttribute("aria-label")||this.fileName}get downloadLabel(){return this.getAttribute("download-label")||(0,o.pageText)(s,"downloadLabel",this)}get removeLabel(){return this.getAttribute("remove-label")||(0,o.pageText)(s,"removeLabel",this)}get compact(){return this.getBooleanAttr("compact",!1)}get extension(){const e=/\.([a-z0-9]{1,5})$/iu.exec(String(this.fileName||"").trim());return e?e[1].toUpperCase():""}get isImage(){return"image"===this.type||"icon"!==this.type&&(this.mimeType.toLowerCase().startsWith("image/")||d.test(this.imageUrl||this.href||this.fileName))}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,ariaLabel:this.getAttribute("aria-label")||(0,o.pageText)(s,"ariaLabel",this),downloadLabel:this.getAttribute("download-label")||(0,o.pageText)(s,"downloadLabel",this),removeLabel:this.getAttribute("remove-label")||(0,o.pageText)(s,"removeLabel",this),component:this,fileName:this.fileName,fileSize:this.fileSize,icon:this.icon,href:this.href,type:this.type,mimeType:this.mimeType,imageUrl:this.imageUrl,isImage:this.isImage,compact:this.compact,extension:this.extension,surface:this.surface,download:this.download,target:this.target,actions:this.actions,downloadAction:this.downloadAction,removeAction:this.removeAction,disabled:this.disabled,ariaLabel:this.ariaLabel,downloadLabel:this.downloadLabel,removeLabel:this.removeLabel,onDownload:e=>this.handleDownload(e),onRemove:e=>this.handleRemove(e)})}template(){return(0,r.H)(this.templateContext())}get data(){return this.getValue()}getValue(){return{fileName:this.fileName,fileSize:this.fileSize,icon:this.icon,href:this.href,type:this.type,mimeType:this.mimeType,imageUrl:this.imageUrl,target:this.target}}setOpen(e){return this.toggleAttribute("open",Boolean(e)),this}toggleOpen(){return this.setOpen(!this.open)}onDownload(e,t){return"function"==typeof e&&this.addEventListener("sf-file-preview:download",e,t),this}onRemove(e,t){return"function"==typeof e&&this.addEventListener("sf-file-preview:remove",e,t),this}handleDownload(e){if(e?.preventDefault?.(),this.disabled||!this.dispatchFilePreviewEvent("download")||!this.href)return;const t=document.createElement("a");t.href=this.href,this.download?t.download=this.fileName:(t.target=this.target,t.rel="noopener noreferrer"),t.click()}handleRemove(e){e?.preventDefault?.(),this.disabled||this.dispatchFilePreviewEvent("remove")}dispatchFilePreviewEvent(e){return this.dispatchEvent(new CustomEvent(`sf-file-preview:${e}`,{bubbles:!0,cancelable:!0,composed:!0,detail:{action:e,value:this.getValue()}}))}}u.define("sf-file-preview"),t()}catch(e){t(e)}})},d4eb2cc82833(e,t,a){a.a(e,async(e,i)=>{try{a.d(t,{H:()=>d});var r=a("ddf1cdb42ecc"),o=e([r]),n=o.then?(await o)():o;r=n[0];function l({icon:e,label:t,disabled:a,action:i,onClick:o}){return r.html`
+    <button
+      type="button"
+      class="sf-icon-button sf-icon-button--icon sf-icon-button--link sf-icon-button--on-surface sf-icon-button--size-1/2"
+      data-action=${i}
+      ?disabled=${a}
+      aria-label=${t}
+      @click=${o}
+    >
+      <i class="sf-icon" aria-hidden="true">${e}</i>
+    </button>
+  `}function s(e){const t=e.isImage?r.html`<img class="sf-file-preview-thumbnail" src=${e.imageUrl||e.href} alt=${e.fileName}>`:e.extension?r.html`<span class="sf-file-preview-extension" aria-hidden="true">${e.extension}</span>`:r.html`<i class="sf-icon" aria-hidden="true">${e.icon}</i>`,a=["sf-file-preview","sf-file-preview--compact",e.rootClass].filter(Boolean).join(" "),i=e.isImage?r.nothing:e.fileName;return e.href?r.html`<a class=${a} href=${e.href} target=${e.target||r.nothing} title=${e.fileName}
+              aria-label=${i} data-render-managed="1"><span class="sf-file-preview-holder">${t}</span></a>`:r.html`<span class=${a} title=${e.fileName} role=${e.isImage?r.nothing:"img"}
+              aria-label=${i} data-render-managed="1"><span class="sf-file-preview-holder">${t}</span></span>`}function d(e){if(e.compact)return s(e);const t=["sf-file-preview",e.surface?"sf-file-preview--surface":"",e.disabled?"disabled":"",e.rootClass].filter(Boolean),a=e.actions&&(e.downloadAction||e.removeAction);return r.html`
+    <div
+      class=${t.join(" ")}
+      style=${e.rootStyle||r.nothing}
+      data-render-managed="1"
+      role=${a?"group":r.nothing}
+      aria-label=${a?e.ariaLabel:r.nothing}
+      aria-disabled=${e.disabled?"true":r.nothing}
+    >
+      <span class="sf-file-preview-holder">
+        ${e.isImage?r.html`<img class="sf-file-preview-thumbnail" src=${e.imageUrl||e.href} alt="">`:r.html`<i class="sf-icon" aria-hidden="true">${e.icon}</i>`}
+      </span>
+      <span class="sf-file-preview-main">
+        <span class="sf-file-preview-name">${e.fileName}</span>
+        ${e.fileSize?r.html`<span class="sf-file-preview-size">${e.fileSize}</span>`:r.nothing}
+      </span>
+      ${a?r.html`
+          <span class="sf-file-preview-actions">
+            ${e.downloadAction?l({icon:"download",label:e.downloadLabel,disabled:e.disabled,action:"download",onClick:e.onDownload}):r.nothing}
+            ${e.removeAction?l({icon:"delete",label:e.removeLabel,disabled:e.disabled,action:"remove",onClick:e.onRemove}):r.nothing}
+          </span>
+        `:r.nothing}
+    </div>
+  `}i()}catch(u){i(u)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("page-language")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function a(i){const r=t[i];if(void 0!==r)return r.exports;const o=t[i]={exports:{}};return e[i](o,o.exports,a),o.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",i=e?Symbol("webpack exports"):"__webpack_exports__",r=e?Symbol("webpack error"):"__webpack_error__",o=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};a.a=(e,a,n)=>{let l;n&&((l=[]).d=-1);const s=new Set,d=e.exports;let u,h,c;const f=new Promise((e,t)=>{c=t,h=e});f[i]=d,f[t]=e=>(l&&e(l),s.forEach(e),f.catch(e=>{})),e.exports=f;a(e=>{let a;u=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const a=[];a.d=0,e.then(e=>{n[i]=e,o(a)},e=>{n[r]=e,o(a)});const n={};return n[t]=e=>e(a),n}}const a={};return a[t]=e=>{},a[i]=e,a}))(e);const n=()=>u.map(e=>{if(e[r])throw e[r];return e[i]}),d=new Promise(e=>{a=()=>e(n),a.r=0;const i=e=>e!==l&&!s.has(e)&&(s.add(e),e&&!e.d&&(a.r++,e.push(a)));u.map(e=>e[t](i))});return a.r?d:n()},e=>(e?c(f[r]=e):h(d),o(l))),l?.d<0&&(l.d=0)}})(),a.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var r=t[i++],o=t[i++];a.o(e,r)?0===o&&i++:0===o?Object.defineProperty(e,r,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,r,{enumerable:!0,get:o})}else for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);a("781dfa6013bf")})();