@simai-studio/ui 5.20261022.1409 → 5.20261022.1534
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/distr/component/country-code/js/country-code.min.js +1 -1
- package/distr/component/dropdown/js/dropdown.min.js +1 -1
- package/distr/component/textarea/css/textarea.min.css +1 -1
- package/distr/component/textarea/js/textarea.min.js +1 -1
- package/distr/core/js/core-loader.js +1 -1
- package/distr/core/js/core-loader.min.js +1 -1
- package/distr/core/js/template-utilities.generated.json +1 -0
- package/distr/smart/context-menu/js/context-menu.min.js +1 -1
- package/distr/smart/context-menu/smart.manifest.json +1 -1
- package/distr/smart/country-code/js/country-code.min.js +1 -1
- package/distr/smart/datepicker/js/datepicker.min.js +8 -8
- package/distr/smart/datepicker/smart.manifest.json +2 -2
- package/distr/smart/dropdown/js/dropdown.min.js +19 -19
- package/distr/smart/help-mark/js/help-mark.min.js +3 -3
- package/distr/smart/help-mark/smart.manifest.json +1 -1
- package/distr/smart/popover/js/popover.min.js +1 -1
- package/distr/smart/popover/smart.manifest.json +1 -1
- package/distr/smart/profile-picker/js/profile-picker.min.js +2 -2
- package/distr/smart/profile-picker/smart.manifest.json +1 -1
- package/distr/smart/textarea/js/textarea.min.js +26 -23
- package/distr/smart/textarea/smart.manifest.json +21 -2
- package/distr/smart/textarea/template/default.js +8 -1
- package/package-manifest.json +25 -25
- package/package.json +4 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(()=>{"use strict";var e={"3a03d4610486"(e,t,i){i.d(t,{Q:()=>o});let s=0;function n(e,t){if(!e.id){let i;do{i=`${t}-${++s}`}while(document.getElementById(i));e.id=i}return e.id}function o(e,t){let i=null,s=null,o=null,a=!1;const r=new WeakMap,l=(e,t,i)=>{const s=r.get(e)||{};void 0!==s[t]&&e.getAttribute(t)===s[t]&&e.removeAttribute(t),delete s[t],!e.hasAttribute(t)&&i&&(e.setAttribute(t,i),s[t]=i),r.set(e,s)},c=()=>e.querySelector(".sf-dropdown-field, .sf-dropdown-trigger"),d=()=>c()?.querySelector(":scope > button")||c(),u=()=>c()?.querySelector('input:not([type="hidden"])'),p=()=>t.getList()?.querySelector(".sf-input input"),h=()=>[...t.getList()?.querySelectorAll(".sf-list-item")||[]],f=()=>h().filter(e=>!e.hidden&&!e.classList.contains("disabled")&&"true"!==e.getAttribute("aria-disabled")&&"true"!==e.getAttribute("aria-hidden")),g=e=>e.querySelector(".sf-list-item-container, .sf-avatar-label-group-title, .sf-tag-container")?.textContent?.trim()||e.dataset.value||"",b=e=>{e&&!e.disabled&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest",inline:"nearest"}))},m=()=>{s="trigger",b(d()),t.close(),x()},v=e=>{if(t.isDisabled()||e.altKey||e.ctrlKey||e.metaKey)return;const i=e.target,n=i.closest?.(".sf-list-item"),o=t.getList()?.contains(i),a=i===d()||i===u()||i===c();let r=!1;if("Escape"===e.key&&t.isOpen())m(),r=!0;else{if("Tab"===e.key&&t.isOpen())return o&&b(d()),t.close(),void x();if(a&&["ArrowDown","ArrowUp","Enter"," "].includes(e.key))t.isOpen()&&["Enter"," "].includes(e.key)?m():(e=>{s=e,t.open(),x()})("ArrowUp"===e.key?"last":"search"),r=!0;else if(o&&["ArrowDown","ArrowUp"].includes(e.key)){const t=f(),i=t.indexOf(n),s=i<0?"ArrowUp"===e.key?t.length-1:0:Math.max(0,Math.min(t.length-1,i+("ArrowUp"===e.key?-1:1)));b(t[s]),r=!0}else if(n&&o&&["Home","End"].includes(e.key)){const t=f();b("Home"===e.key?t[0]:t.at(-1)),r=!0}else n&&o&&["Enter"," "].includes(e.key)&&(f().includes(n)&&(s=t.isMultiple()?{value:n.dataset.value}:"trigger",t.select(n),x()),r=!0)}r&&(e.preventDefault(),e.stopImmediatePropagation())},y=()=>{null!==o&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{var i;o=null,a||!t.isOpen()||s||(i=document.activeElement)&&(e.contains(i)||t.getList()?.contains(i))||(t.close(),x())})};let w=document.createElement("span");w.className="sf-dropdown-value",e.append(w),n(w,"sf-dropdown-value");const x=()=>{if(a)return;const o=t.getList();i!==o&&(i?.removeEventListener("keydown",v,!0),i?.removeEventListener("focusout",y),i=o,i?.addEventListener("keydown",v,!0),i?.addEventListener("focusout",y));const m=d(),x=i?.querySelector(".sf-list-container");if(!m||!x)return;w.isConnected||e.append(w);const S=e.querySelector(".sf-dropdown-label .sf-dropdown-text"),_=t.owner||e,$=S?.textContent.trim()?n(S,"sf-dropdown-label"):"",A=_.getAttribute("aria-label")||e.getAttribute("aria-label"),k=_.getAttribute("aria-labelledby")||e.getAttribute("aria-labelledby"),C=n(m,"sf-dropdown-trigger"),L=m.hasAttribute("aria-label")&&r.get(m)?.["aria-label"]!==m.getAttribute("aria-label");l(m,"aria-labelledby",k||(!A&&$?L?`${C} ${$}`:$:"")),l(m,"aria-label",A),"BUTTON"!==m.tagName&&m.setAttribute("role","button"),m.tabIndex=t.isDisabled()?-1:0,m.setAttribute("aria-expanded",String(t.isOpen())),m.setAttribute("aria-haspopup","listbox"),m.setAttribute("aria-controls",n(x,"sf-dropdown-listbox")),m.querySelectorAll(".sf-icon").forEach(e=>e.setAttribute("aria-hidden","true")),c()!==m&&(c().tabIndex=-1),u()&&(u().tabIndex=-1),x.setAttribute("role","listbox"),x.setAttribute("aria-multiselectable",String(t.isMultiple())),l(x,"aria-labelledby",k||$||C);const z=p();z&&(z.setAttribute("role","searchbox"),z.setAttribute("aria-controls",x.id),l(z,"aria-labelledby",z.hasAttribute("aria-label")?"":k||$||C)),h().forEach(e=>{e.setAttribute("role","option"),e.tabIndex=-1,e.setAttribute("aria-selected",String(e.classList.contains("selected"))),l(e,"aria-disabled",e.classList.contains("disabled")?"true":""),function(e,t){const i=e.querySelector('.sf-checkbox input[type="checkbox"]');if(!i)return;const s=e.querySelector(".sf-checkbox-box sf-icon, .sf-checkbox-box .sf-icon"),n="sf-icon"===s?.tagName?.toLowerCase()?s.getAttribute("icon")||"":s?.textContent;(i.checked!==t||i.indeterminate||s&&n!==(t?"check":""))&&(i.checked=t,i.indeterminate=!1,globalThis.SF?.Checkbox?.setState?.(i,{checked:t,indeterminate:!1}))}(e,e.classList.contains("selected")),e.querySelectorAll(".sf-checkbox").forEach(e=>{"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")}),e.querySelectorAll(".sf-icon, sf-icon").forEach(e=>{"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")}),e.querySelectorAll("input, button, a[href], [tabindex]").forEach(e=>{e.tabIndex=-1})});const E=t.selectedLabels?.()||h().filter(e=>e.classList.contains("selected")).map(g);w.textContent=E.join(", ")||u()?.value||u()?.placeholder||"";const T=new Set((m.getAttribute("aria-describedby")||"").split(/\s+/).filter(Boolean));T.add(w.id),m.setAttribute("aria-describedby",[...T].join(" ")),(()=>{if(!s)return;if("trigger"===s)return s=null,void b(d());if(!t.isOpen()||t.getList()?.hidden)return;const e=f(),i="search"===s?p()||e[0]||d():"last"===s?e.at(-1):"object"==typeof s?e.find(e=>e.dataset.value===s.value):e[0];s=null,b(i)})()};return e.addEventListener("keydown",v,!0),e.addEventListener("focusout",y),x(),{refresh:x,beforeClose:()=>{t.getList()?.contains(document.activeElement)&&(s="trigger")},release(){a=!0,null!==o&&cancelAnimationFrame(o),e.removeEventListener("keydown",v,!0),e.removeEventListener("focusout",y),i?.removeEventListener("keydown",v,!0),i?.removeEventListener("focusout",y);const t=d();if(t){const e=(t.getAttribute("aria-describedby")||"").split(/\s+/).filter(e=>e&&e!==w.id);e.length?t.setAttribute("aria-describedby",e.join(" ")):t.removeAttribute("aria-describedby")}w.remove()}}}},a0f23dca0b37(e,t,i){i.a(e,async(e,s)=>{try{i.d(t,{AL:()=>g,GD:()=>f});var n=i("5c1dc214bb5e"),o=e([n]);n=(o.then?(await o)():o)[0];var a=i.n(n);const r=()=>globalThis.SF?.Position||a(),l=new WeakMap,c=["position","inset","margin","width","max-width","max-height","overflow","left","top","right","bottom","z-index"],d=["font-family","font-size","font-weight","font-style","font-stretch","font-variant","font-feature-settings","font-variation-settings","font-optical-sizing","font-kerning","line-height","letter-spacing","word-spacing","text-transform","text-indent","white-space","word-break","overflow-wrap","text-rendering","direction","writing-mode","text-orientation","color","color-scheme","text-align"];function u(e,t){if(!t.context)return;const i=t.context,s=getComputedStyle(e),n=["sf-dropdown",...Array.from(e.classList).filter(e=>e.startsWith("sf-dropdown--")&&!["sf-dropdown--open","sf-dropdown--drop-up","sf-dropdown--drop-down"].includes(e))].join(" ");i.className!==n&&(i.className=n);const o=[...Array.from(s).filter(e=>e.startsWith("--sf-")),...d],a=new Set(o);for(const e of t.contextProperties||[])a.has(e)||i.style.removeProperty(e);for(const e of o){const t=s.getPropertyValue(e);i.style.getPropertyValue(e)!==t&&i.style.setProperty(e,t)}t.contextProperties=o}function p(e){return e?.querySelector(".sf-dropdown-field, .sf-dropdown-trigger")??null}function h(e,t){const i=l.get(t);if(!i||!e.isConnected||t.hidden)return!1;const s=p(e);return!!s&&(e.closest('[hidden], [inert], [aria-hidden="true"], dialog:not([open])')||!s.getClientRects().length||["hidden","collapse"].includes(getComputedStyle(s).visibility)?(i.onUnavailable?.(),!1):(u(e,i),i.wrap&&(i.wrap.style.minHeight="0",i.wrap.style.overflowY="auto"),i.anchor||(i.anchor=r().anchor(s,t,{side:"block-end",align:"start",matchWidth:s.classList.contains("sf-dropdown-field"),fitHeight:!0,autoUpdate:!1,onPosition:({side:i})=>{const s="block-start"===i;t.dataset.placement=e.dataset.placement=s?"top":"bottom",e.classList.toggle("sf-dropdown--drop-up",s),e.classList.toggle("sf-dropdown--drop-down",!s)}})),i.anchor.update(),!0))}function f(e,t,i){if(!t?.isConnected||!p(e))return!1;const s=t.contains(document.activeElement)?document.activeElement:null;if(!l.has(t)){const s=c.map(e=>[e,t.style.getPropertyValue(e),t.style.getPropertyPriority(e)]),n={root:e,saved:s,onUnavailable:i,popover:t.getAttribute("popover"),frame:0,native:"function"==typeof t.showPopover};if(n.wrap=t.querySelector(".sf-list-container-wrap"),n.wrapStyles=n.wrap?["min-height","overflow-y"].map(e=>[e,n.wrap.style.getPropertyValue(e),n.wrap.style.getPropertyPriority(e)]):[],n.schedule=()=>{n.frame||(n.frame=requestAnimationFrame(()=>{n.frame=0,h(e,t)}))},l.set(t,n),e.__sfDropdownPortalList=t,n.native)t.setAttribute("popover","manual");else{n.parent=t.parentNode,n.next=t.nextSibling,n.context=document.createElement("div"),n.context.style.cssText="display:contents;position:static",u(e,n);(e.closest('dialog[open], [role="dialog"][aria-modal="true"]')||document.body).append(n.context),n.context.append(t),t.style.zIndex="var(--sf-z-index-9)"}n.inheritance=new MutationObserver(n.schedule);for(let t=e;t;t=t.parentElement)n.inheritance.observe(t,{attributes:!0,attributeFilter:["class","style","dir","hidden","inert","aria-hidden","open"]});Object.assign(t.style,{position:"fixed",inset:"auto",margin:"0",overflow:n.wrap?"hidden":"auto"}),"function"==typeof ResizeObserver&&(n.resize=new ResizeObserver(n.schedule),n.resize.observe(p(e)),n.resize.observe(t)),window.visualViewport?.addEventListener("resize",n.schedule),window.visualViewport?.addEventListener("scroll",n.schedule)}return t.hidden=!1,l.get(t).native&&!t.matches(":popover-open")&&t.showPopover(),!!h(e,t)&&(s&&document.activeElement!==s&&s.focus({preventScroll:!0}),!0)}function g(e){const t=l.get(e);if(!t)return!1;const i=e.contains(document.activeElement)?document.activeElement:null;t.anchor?.stop(),t.resize?.disconnect(),cancelAnimationFrame(t.frame),t.inheritance?.disconnect(),window.visualViewport?.removeEventListener("resize",t.schedule),window.visualViewport?.removeEventListener("scroll",t.schedule),t.native?(e.matches(":popover-open")&&e.hidePopover(),null===t.popover?e.removeAttribute("popover"):e.setAttribute("popover",t.popover)):(t.next?.parentNode===t.parent?t.parent.insertBefore(e,t.next):t.parent.append(e),t.context.remove());for(const[i,s,n]of t.saved)s?e.style.setProperty(i,s,n):e.style.removeProperty(i);for(const[e,i,s]of t.wrapStyles)i?t.wrap.style.setProperty(e,i,s):t.wrap.style.removeProperty(e);return delete e.dataset.placement,delete t.root.dataset.placement,t.root.classList.remove("sf-dropdown--drop-up","sf-dropdown--drop-down"),t.root.__sfDropdownPortalList===e&&delete t.root.__sfDropdownPortalList,l.delete(e),i&&!e.hidden&&t.root.isConnected&&document.activeElement!==i&&i.focus({preventScroll:!0}),!0}s()}catch(b){s(b)}})},"98e26702f55a"(e,t,i){function s(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function n({component:e="",kind:t="attribute",attribute:i="",from:n,to:o=null}={}){if(!n)return;const a=[e,t,i,n].join("|"),r=s(),l=r.get(a);if(l)l.count+=1;else if(r.set(a,{component:e,kind:t,attribute:i,from:n,to:o,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const s=e?`${e}: `:"",a="value"===t?`${i}="${n}"`:`${t} ${n}`;globalThis.console?.warn?.(`[SIMAI Framework] ${s}${a} is a legacy name${o?`; write ${o}`:""}. See contracts/changes/journal.json.`)}}if(i.d(t,{id:()=>c,kA:()=>l}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...s().values()].map(e=>({...e}))},e.clear=function(){s().clear()},e.note=n,globalThis.SF.deprecations=e}const o=Object.freeze(["1/2","1","2"]),a=Object.freeze({"1/3":"1/2",3:"2"}),r=new Set;function l(e){const t=String(e??"").trim().toLowerCase();return o.includes(t)?t:Object.hasOwn(a,t)?a[t]:"1"}function c(e,t="field",i="1"){const s=String(e??"").trim().toLowerCase();if(o.includes(s))return s;if(Object.hasOwn(a,s)){const e=a[s];n({component:t,kind:"value",attribute:"size",from:s,to:e});const i=`${t}:${s}`;return r.has(i)||"undefined"==typeof console||(r.add(i),console.warn(`[SIMAI Framework] ${t}: size ${s} is retired for form fields; rendering size ${e}.`)),e}return i}},"67eed2647f47"(e,t,i){i.d(t,{z:()=>o});const s=new WeakMap,n=new WeakSet;function o(e,t){const i=e.ownerDocument;n.has(i)||(i.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const i=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of i)if(e.isConnected&&e.form===t)for(const t of s.get(e)||[])t()},0)},!0),n.add(i));let o=s.get(e);return o||s.set(e,o=new Set),o.add(t),()=>o.delete(t)}},"421676f72963"(e,t,i){i.d(t,{Ec:()=>o});const s="sfPopoverOpen",n=new WeakSet;function o(e,t){if(!e)return;const i=Boolean(t);i!==n.has(e)&&(i?n.add(e):n.delete(e),function(e){const t=globalThis.document?.documentElement;if(!t)return;const i=Math.max(0,Number(t.dataset[s]||0)+e);i?t.dataset[s]=String(i):delete t.dataset[s]}(i?1:-1))}},"50a1017ded91"(e,t,i){i.a(e,async(e,t)=>{try{var s=i("fbe0570fcc69"),n=i("0d662e4d7d63"),o=i("98e26702f55a"),a=i("5429d6e80991"),r=i("3a03d4610486"),l=i("67eed2647f47"),c=i("a0f23dca0b37"),d=i("421676f72963"),u=e([s,n,a,c]);[s,n,a,c]=u.then?(await u)():u;var p=i.n(s);const h={en:{search:"Search"},ru:{search:"Поиск"}};function f(e){return(0,o.id)(e,"sf-dropdown")}function g(e){const t=String(e||"").toLowerCase();return["text","icon","checkbox","avatar","color"].includes(t)?t:"text"}function b(e,t="1"){return e instanceof HTMLElement?"sf-list-item"!==e.tagName.toLowerCase()?null:{type:g(e.getAttribute("kind")||e.getAttribute("type")),size:f(e.getAttribute("size")||t),text:e.getAttribute("text")||"",icon:e.getAttribute("icon")||"person",checked:e.hasAttribute("checked")||(0,s.toBoolean)(e.getAttribute("checked")),selected:e.hasAttribute("selected")||(0,s.toBoolean)(e.getAttribute("selected")),disabled:e.hasAttribute("disabled")||(0,s.toBoolean)(e.getAttribute("disabled")),colorClass:e.getAttribute("color-class")||"bg-tertiary",avatarImageUrl:e.getAttribute("avatar-image-url")||"",avatarTitle:e.getAttribute("avatar-title")||e.getAttribute("text")||"",value:e.getAttribute("value")??e.getAttribute("text")??"",ariaLabel:e.getAttribute("aria-label")||"",group:e.getAttribute("group")||""}:null}function m(e,t="1"){if(!e||"object"!=typeof e)return null;const i=void 0===e.text||null===e.text?"":String(e.text),n=void 0===e.value||null===e.value?i:String(e.value);return""===i&&""===n?null:{type:g(e.kind||e.type),size:f(e.size||t),text:i,icon:e.icon?String(e.icon):"person",checked:(0,s.toBoolean)(e.checked),selected:(0,s.toBoolean)(e.selected),disabled:(0,s.toBoolean)(e.disabled),colorClass:e.colorClass?String(e.colorClass):"bg-tertiary",avatarImageUrl:e.avatarImageUrl?String(e.avatarImageUrl):"",avatarTitle:e.avatarTitle?String(e.avatarTitle):i,value:n,ariaLabel:e.ariaLabel?String(e.ariaLabel):"",group:e.group?String(e.group):""}}function v(e,t="1"){let i=e;if("string"==typeof i){const e=i.trim();if(""===e)return[];try{i=JSON.parse(e)}catch{return[]}}return Array.isArray(i)?i.map(e=>m("string"==typeof e||"number"==typeof e?{text:String(e),value:String(e)}:e,t)).filter(Boolean):[]}function y(e=""){return String(e||"").split(",").map(e=>e.trim()).filter(Boolean)}function w(e=[]){return e.map(e=>String(e)).join(",")}function x(e={}){return"avatar"===e.type?e.avatarTitle||e.text||e.value||"":e.text||e.avatarTitle||e.value||""}class S extends(p()){constructor(){super(),this._options=[],this._optionsCaptured=!1,this._optionsFromData=!1,this._open=!1,this._searchValue="",this._selectedValues=[],this._dropdownRoot=null,this._list=null,this._documentClickHandler=this.handleDocumentClick.bind(this),this._viewportHandler=this.positionPortalList.bind(this)}static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},appearance:{default:"outlined",values:["filled","outlined"],aliases:["type"]},mode:{default:"select",values:["tag","select"]},multiple:{type:Boolean,default:!1},portal:{type:Boolean,default:!0},value:{default:""},name:{default:""},label:{default:""},required:{type:Boolean,default:!1},placeholder:{default:""},searchPlaceholder:{default:""},search:{type:Boolean,default:!0},layout:{default:"list",values:["list","grid"]},columns:{default:"6"},disabled:{type:Boolean,default:!1},ariaLabel:{default:""}}}connectedCallback(){this.captureOptions(),Object.prototype.hasOwnProperty.call(this,"_resetValues")||(this._resetValues=[...this.selectedValues]),super.connectedCallback()}attributeChangedCallback(e,t,i){t!==i&&("value"===e&&(this._selectedValues=y(i)),"disabled"===e&&this.disabled&&(this._open=!1,this._searchValue="")),super.attributeChangedCallback(e,t,i)}get componentName(){return"dropdown"}get templateName(){return this.getAttribute("template")||"default"}get size(){return f(this.getAttribute("size"))}get appearance(){return this.getProp("appearance")}get type(){return this.appearance}get mode(){return this.getEnumAttr("mode",["tag","select"],"select")}get multiple(){return this.hasAttribute("multiple")?this.getBooleanAttr("multiple",!0):"tag"===this.mode}get portal(){return this.getBooleanAttr("portal",!0)}get name(){return this.getAttribute("name")||""}get selectedValue(){return this.getAttribute("value")||""}get label(){return this.getAttribute("label")||""}get required(){return this.getBooleanAttr("required",!1)}get placeholder(){return this.getAttribute("placeholder")||""}get searchPlaceholder(){return this.getAttribute("search-placeholder")||(0,n.pageText)(h,"search",this)}get layout(){return this.getEnumAttr("layout",["list","grid"],"list")}get columns(){const e=Number.parseInt(this.getAttribute("columns")??"",10);return Number.isFinite(e)&&e>0?String(e):"6"}get search(){return this.getBooleanAttr("search",!0)}get disabled(){return this.getBooleanAttr("disabled",!1)}get ariaLabel(){return this.getAttribute("aria-label")||""}get selectedValues(){return this.hasAttribute("value")?y(this.selectedValue):this._selectedValues}get selectedOptions(){const e=this.options;return[...new Set(this.selectedValues)].map(t=>e.find(e=>String(e.value)===t)).filter(Boolean)}get triggerText(){if("tag"===this.mode)return"";return(this.multiple?this.selectedOptions:this.selectedOptions.slice(0,1)).map(x).join(", ")}get hiddenValue(){return this.selectedValues.join(",")}captureOptions(){if(this._optionsFromData)return;const e=Array.from(this.children).filter(e=>e instanceof HTMLElement&&"sf-list-item"===e.tagName.toLowerCase());e.length&&(this._options=e.map(e=>b(e,this.size)).filter(Boolean),this._optionsCaptured=!0,this.selectedValue||this._selectedValues.length||(this._selectedValues=this._options.filter(e=>e.selected).map(e=>String(e.value))),e.forEach(e=>e.remove()))}set options(e){const t=v(e,this.size);this._optionsFromData=!0,this._options=t,this._optionsCaptured=!0,this.selectedValue||this._selectedValues.length||(this._selectedValues=t.filter(e=>e.selected).map(e=>String(e.value))),this.requestComponentUpdate("options")}get options(){if(!Array.isArray(this._options)||!this._options.length)return[];const e=new Set(this.selectedValues);return this._options.map(t=>({...t,size:f(t.size||this.size),selected:e.has(String(t.value))}))}get visibleOptions(){const e=String(this._searchValue||"").trim().toLowerCase();return e?this.options.filter(t=>x(t).toLowerCase().includes(e)):this.options}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,component:this,open:this._open,multiple:this.multiple,value:this.hiddenValue,triggerText:this.triggerText,searchValue:this._searchValue,searchPlaceholder:this.searchPlaceholder,selectedValues:this.selectedValues,selectedOptions:this.selectedOptions,options:this.visibleOptions})}template(){return(0,a.g)(this.templateContext())}beforeRender(){this.captureOptions()}afterRender(){const e=this._dropdownRoot,t=this._list;this._dropdownRoot=this.querySelector(".sf-dropdown"),this._list=this.querySelector(".sf-list")||(e===this._dropdownRoot?t:null),t!==this._list&&(0,c.AL)(t),this.syncDocumentListeners(),this.syncPortalListeners(),this.syncOpenSurfaceMark(),this.positionPortalList(),e!==this._dropdownRoot&&(this._interaction?.release(),this._interaction=null),this._dropdownRoot&&!this._interaction&&(this._interaction=(0,r.Q)(this._dropdownRoot,{owner:this,getList:()=>this._list,isOpen:()=>this._open,isDisabled:()=>this.disabled,isMultiple:()=>this.multiple,open:()=>this.openDropdown(),close:()=>this.closeDropdown(),select:e=>this.selectValue(e.dataset.value||""),selectedLabels:()=>this.selectedOptions.map(x)})),this._interaction?.refresh();const i=this.querySelector(".sf-dropdown-hidden-input")||this.querySelector(".sf-dropdown-field > button");this._resetControl!==i&&(this._releaseReset?.(),this._resetControl=i,this._releaseReset=i?(0,l.z)(i,()=>{this._interaction?.beforeClose(),this._selectedValues=[...this._resetValues],this.setAttributeValue("value",w(this._selectedValues)),this._open=!1,this._searchValue="";const e=this.querySelector('.sf-dropdown-field input:not([type="hidden"])');e&&(e.value=this.triggerText),this.requestComponentUpdate("reset")}):null)}onDisconnected(){(0,d.Ec)(this,!1),(0,c.AL)(this._list),this._releaseReset?.(),this._releaseReset=null,this._resetControl=null,this._interaction?.release(),this._interaction=null,this.removeDocumentListeners(),this.removePortalListeners(),super.onDisconnected()}openDropdown(){return this.disabled||this._open||(this._open=!0,this.requestComponentUpdate("open")),this}closeDropdown(){return this._open?(this._interaction?.beforeClose(),this._open=!1,this._searchValue="",this.requestComponentUpdate("close"),this):this}toggleDropdown(){return this._open?this.closeDropdown():this.openDropdown()}handleTriggerClick(e){this.disabled||(e?.preventDefault?.(),this.toggleDropdown())}handleSearchInput(e){this._searchValue=e?.target?.value||"",this.requestComponentUpdate("search")}handleOptionClick(e){if(this.disabled)return;const t=e.target?.closest?.(".sf-list-item");t&&(this.contains(t)||this._list?.contains(t))&&!t.classList.contains("disabled")&&(e.preventDefault(),this.selectValue(t.dataset.value||""))}handleOptionKeydown(e){"Enter"!==e.key&&" "!==e.key||this.handleOptionClick(e)}handleDocumentClick(e){!this._open||this.contains(e.target)||this._list?.contains(e.target)||this.closeDropdown()}selectValue(e=""){if(this.disabled)return this;const t=this.options.find(t=>String(t.value)===String(e));if(!t||t.disabled)return this;const i=!this.multiple&&1===this.selectedValues.length&&this.selectedValues[0]===String(t.value);if(this.multiple){const e=new Set(this.selectedValues);e.has(String(t.value))?e.delete(String(t.value)):e.add(String(t.value)),this._selectedValues=Array.from(e)}else this._selectedValues=[String(t.value)];const s=[...this._selectedValues];return this.setAttributeValue("value",w(s)),i||this.dispatchDropdownChange(t,s),this.multiple||(this._interaction?.beforeClose(),this._open=!1,this._searchValue=""),this.requestComponentUpdate("select"),this}removeSelectedValue(e=""){if(this.disabled)return this;const t=new Set(this.selectedValues);t.delete(String(e)),this._selectedValues=Array.from(t);const i=[...this._selectedValues];return this.setAttributeValue("value",w(i)),this.dispatchDropdownChange(null,i),this.requestComponentUpdate("remove-tag"),this}dispatchDropdownChange(e=null,t=this.selectedValues){const i={value:e?.value||"",label:e?x(e):"",values:t,item:e,root:this,multiple:this.multiple};this.dispatchEvent(new CustomEvent("sf-dropdown:change",{bubbles:!0,composed:!0,detail:i})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:i}))}syncOpenSurfaceMark(){(0,d.Ec)(this,this._open)}syncDocumentListeners(){this._open?document.addEventListener("click",this._documentClickHandler):this.removeDocumentListeners()}removeDocumentListeners(){document.removeEventListener("click",this._documentClickHandler)}syncPortalListeners(){if(this._open&&this.portal)return window.addEventListener("resize",this._viewportHandler),void document.addEventListener("scroll",this._viewportHandler,!0);this.removePortalListeners()}removePortalListeners(){window.removeEventListener("resize",this._viewportHandler),document.removeEventListener("scroll",this._viewportHandler,!0)}positionPortalList(){this._list&&this._dropdownRoot&&this.portal&&this._open?(0,c.GD)(this._dropdownRoot,this._list,()=>this.closeDropdown()):(0,c.AL)(this._list)}get value(){return this.hiddenValue}set value(e){if(e&&"object"==typeof e&&!Array.isArray(e))return void this.setValueAttributes(e);const t=Array.isArray(e)?e.map(String):y(null==e?"":String(e));this.setAttributeValue("value",w(t))}}S.define("sf-dropdown"),t()}catch(_){t(_)}})},"5429d6e80991"(e,t,i){i.a(e,async(e,s)=>{try{i.d(t,{g:()=>h});var n=i("ddf1cdb42ecc"),o=i("c22590307c6c"),a=e([n,o]);[n,o]=a.then?(await a)():a;function r(e={}){return"avatar"===e.type?e.avatarTitle||e.text||e.value||"":e.text||e.avatarTitle||e.value||""}function l(e=[],t=!1){const i=[];let s=null;for(const n of e){const e=n.group?String(n.group):"";e!==s&&(s=e,e&&i.push((0,o.aU)(e,n.size)));const a=t&&(!n.type||"text"===n.type);i.push((0,o.lN)(a?{...n,type:"checkbox"}:n))}return i}const c=Object.freeze({"1/2":{size:"1/3",spacing:""},1:{size:"1",spacing:"compact"},2:{size:"2",spacing:"compact"}});function d(e){if(e.multiple||1!==e.selectedOptions?.length)return n.nothing;const t=e.selectedOptions[0];return"icon"===t.type&&t.icon?n.html`<i class="sf-icon sf-dropdown-field-visual" aria-hidden="true">${t.icon}</i>`:"color"===t.type&&t.colorClass?n.html`<span class="sf-tag-color-icon sf-dropdown-field-visual ${t.colorClass}" aria-hidden="true"></span>`:"avatar"===t.type&&t.avatarImageUrl?n.html`<span class="sf-avatar sf-avatar--size-1/2 bg-cover sf-dropdown-field-visual" aria-hidden="true" style=${`background-image: url(${t.avatarImageUrl});`}></span>`:n.nothing}function u(e,t){const i=r(t),s=c[e.size]||c[1],o=s.size,a=s.spacing?` spacing-${s.spacing}`:"",l="color"===t.type?"color":"avatar"===t.type?"avatar":"icon";return n.html`
|
|
1
|
+
(()=>{"use strict";var e={"3a03d4610486"(e,t,s){s.d(t,{Q:()=>o});let i=0;function n(e,t){if(!e.id){let s;do{s=`${t}-${++i}`}while(document.getElementById(s));e.id=s}return e.id}function o(e,t){let s=null,i=null,o=null,r=!1;const a=new WeakMap,l=(e,t,s)=>{const i=a.get(e)||{};void 0!==i[t]&&e.getAttribute(t)===i[t]&&e.removeAttribute(t),delete i[t],!e.hasAttribute(t)&&s&&(e.setAttribute(t,s),i[t]=s),a.set(e,i)},c=()=>e.querySelector(".sf-dropdown-field, .sf-dropdown-trigger"),d=()=>c()?.querySelector(":scope > button")||c(),u=()=>c()?.querySelector('input:not([type="hidden"])'),p=()=>t.getList()?.querySelector(".sf-input input"),h=()=>[...t.getList()?.querySelectorAll(".sf-list-item")||[]],f=()=>h().filter(e=>!e.hidden&&!e.classList.contains("disabled")&&"true"!==e.getAttribute("aria-disabled")&&"true"!==e.getAttribute("aria-hidden")),g=e=>e.querySelector(".sf-list-item-container, .sf-avatar-label-group-title, .sf-tag-container")?.textContent?.trim()||e.dataset.value||"",b=e=>{e&&!e.disabled&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest",inline:"nearest"}))},m=()=>{i="trigger",b(d()),t.close(),x()},v=e=>{if(t.isDisabled()||e.altKey||e.ctrlKey||e.metaKey)return;const s=e.target,n=s.closest?.(".sf-list-item"),o=t.getList()?.contains(s),r=s===d()||s===u()||s===c();let a=!1;if("Escape"===e.key&&t.isOpen())m(),a=!0;else{if("Tab"===e.key&&t.isOpen())return o&&b(d()),t.close(),void x();if(r&&["ArrowDown","ArrowUp","Enter"," "].includes(e.key))t.isOpen()&&["Enter"," "].includes(e.key)?m():(e=>{i=e,t.open(),x()})("ArrowUp"===e.key?"last":"search"),a=!0;else if(o&&["ArrowDown","ArrowUp"].includes(e.key)){const t=f(),s=t.indexOf(n),i=s<0?"ArrowUp"===e.key?t.length-1:0:Math.max(0,Math.min(t.length-1,s+("ArrowUp"===e.key?-1:1)));b(t[i]),a=!0}else if(n&&o&&["Home","End"].includes(e.key)){const t=f();b("Home"===e.key?t[0]:t.at(-1)),a=!0}else n&&o&&["Enter"," "].includes(e.key)&&(f().includes(n)&&(i=t.isMultiple()?{value:n.dataset.value}:"trigger",t.select(n),x()),a=!0)}a&&(e.preventDefault(),e.stopImmediatePropagation())},y=()=>{null!==o&&cancelAnimationFrame(o),o=requestAnimationFrame(()=>{var s;o=null,r||!t.isOpen()||i||(s=document.activeElement)&&(e.contains(s)||t.getList()?.contains(s))||(t.close(),x())})};let w=document.createElement("span");w.className="sf-dropdown-value",e.append(w),n(w,"sf-dropdown-value");const x=()=>{if(r)return;const o=t.getList();s!==o&&(s?.removeEventListener("keydown",v,!0),s?.removeEventListener("focusout",y),s=o,s?.addEventListener("keydown",v,!0),s?.addEventListener("focusout",y));const m=d(),x=s?.querySelector(".sf-list-container");if(!m||!x)return;w.isConnected||e.append(w);const S=e.querySelector(".sf-dropdown-label .sf-dropdown-text"),_=t.owner||e,$=S?.textContent.trim()?n(S,"sf-dropdown-label"):"",A=_.getAttribute("aria-label")||e.getAttribute("aria-label"),k=_.getAttribute("aria-labelledby")||e.getAttribute("aria-labelledby"),C=n(m,"sf-dropdown-trigger"),L=m.hasAttribute("aria-label")&&a.get(m)?.["aria-label"]!==m.getAttribute("aria-label");l(m,"aria-labelledby",k||(!A&&$?L?`${C} ${$}`:$:"")),l(m,"aria-label",A),"BUTTON"!==m.tagName&&m.setAttribute("role","button"),m.tabIndex=t.isDisabled()?-1:0,m.setAttribute("aria-expanded",String(t.isOpen())),m.setAttribute("aria-haspopup","listbox"),m.setAttribute("aria-controls",n(x,"sf-dropdown-listbox")),m.querySelectorAll(".sf-icon").forEach(e=>e.setAttribute("aria-hidden","true")),c()!==m&&(c().tabIndex=-1),u()&&(u().tabIndex=-1),x.setAttribute("role","listbox"),x.setAttribute("aria-multiselectable",String(t.isMultiple())),l(x,"aria-labelledby",k||$||C);const z=p();z&&(z.setAttribute("role","searchbox"),z.setAttribute("aria-controls",x.id),l(z,"aria-labelledby",z.hasAttribute("aria-label")?"":k||$||C)),h().forEach(e=>{e.setAttribute("role","option"),e.tabIndex=-1,e.setAttribute("aria-selected",String(e.classList.contains("selected"))),l(e,"aria-disabled",e.classList.contains("disabled")?"true":""),function(e,t){const s=e.querySelector('.sf-checkbox input[type="checkbox"]');if(!s)return;const i=e.querySelector(".sf-checkbox-box sf-icon, .sf-checkbox-box .sf-icon"),n="sf-icon"===i?.tagName?.toLowerCase()?i.getAttribute("icon")||"":i?.textContent;(s.checked!==t||s.indeterminate||i&&n!==(t?"check":""))&&(s.checked=t,s.indeterminate=!1,globalThis.SF?.Checkbox?.setState?.(s,{checked:t,indeterminate:!1}))}(e,e.classList.contains("selected")),e.querySelectorAll(".sf-checkbox").forEach(e=>{"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")}),e.querySelectorAll(".sf-icon, sf-icon").forEach(e=>{"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")}),e.querySelectorAll("input, button, a[href], [tabindex]").forEach(e=>{e.tabIndex=-1})});const T=t.selectedLabels?.()||h().filter(e=>e.classList.contains("selected")).map(g);w.textContent=T.join(", ")||u()?.value||u()?.placeholder||"";const E=new Set((m.getAttribute("aria-describedby")||"").split(/\s+/).filter(Boolean));E.add(w.id),m.setAttribute("aria-describedby",[...E].join(" ")),(()=>{if(!i)return;if("trigger"===i)return i=null,void b(d());if(!t.isOpen()||t.getList()?.hidden)return;const e=f(),s="search"===i?p()||e[0]||d():"last"===i?e.at(-1):"object"==typeof i?e.find(e=>e.dataset.value===i.value):e[0];i=null,b(s)})()};return e.addEventListener("keydown",v,!0),e.addEventListener("focusout",y),x(),{refresh:x,beforeClose:()=>{t.getList()?.contains(document.activeElement)&&(i="trigger")},release(){r=!0,null!==o&&cancelAnimationFrame(o),e.removeEventListener("keydown",v,!0),e.removeEventListener("focusout",y),s?.removeEventListener("keydown",v,!0),s?.removeEventListener("focusout",y);const t=d();if(t){const e=(t.getAttribute("aria-describedby")||"").split(/\s+/).filter(e=>e&&e!==w.id);e.length?t.setAttribute("aria-describedby",e.join(" ")):t.removeAttribute("aria-describedby")}w.remove()}}}},a0f23dca0b37(e,t,s){s.a(e,async(e,i)=>{try{s.d(t,{AL:()=>g,GD:()=>f});var n=s("5c1dc214bb5e"),o=e([n]);n=(o.then?(await o)():o)[0];var r=s.n(n);const a=()=>globalThis.SF?.Position||r(),l=new WeakMap,c=["position","inset","margin","width","max-width","max-height","overflow","left","top","right","bottom","z-index"],d=["font-family","font-size","font-weight","font-style","font-stretch","font-variant","font-feature-settings","font-variation-settings","font-optical-sizing","font-kerning","line-height","letter-spacing","word-spacing","text-transform","text-indent","white-space","word-break","overflow-wrap","text-rendering","direction","writing-mode","text-orientation","color","color-scheme","text-align"];function u(e,t){if(!t.context)return;const s=t.context,i=getComputedStyle(e),n=["sf-dropdown",...Array.from(e.classList).filter(e=>e.startsWith("sf-dropdown--")&&!["sf-dropdown--open","sf-dropdown--drop-up","sf-dropdown--drop-down"].includes(e))].join(" ");s.className!==n&&(s.className=n);const o=[...Array.from(i).filter(e=>e.startsWith("--sf-")),...d],r=new Set(o);for(const e of t.contextProperties||[])r.has(e)||s.style.removeProperty(e);for(const e of o){const t=i.getPropertyValue(e);s.style.getPropertyValue(e)!==t&&s.style.setProperty(e,t)}t.contextProperties=o}function p(e){return e?.querySelector(".sf-dropdown-field, .sf-dropdown-trigger")??null}function h(e,t){const s=l.get(t);if(!s||!e.isConnected||t.hidden)return!1;const i=p(e);return!!i&&(e.closest('[hidden], [inert], [aria-hidden="true"], dialog:not([open])')||!i.getClientRects().length||["hidden","collapse"].includes(getComputedStyle(i).visibility)?(s.onUnavailable?.(),!1):(u(e,s),s.wrap&&(s.wrap.style.minHeight="0",s.wrap.style.overflowY="auto"),s.anchor||(s.anchor=a().anchor(i,t,{side:"block-end",align:"start",matchWidth:i.classList.contains("sf-dropdown-field"),fitHeight:!0,autoUpdate:!1,onPosition:({side:s})=>{const i="block-start"===s;t.dataset.placement=e.dataset.placement=i?"top":"bottom",e.classList.toggle("sf-dropdown--drop-up",i),e.classList.toggle("sf-dropdown--drop-down",!i)}})),s.anchor.update(),!0))}function f(e,t,s){if(!t?.isConnected||!p(e))return!1;const i=t.contains(document.activeElement)?document.activeElement:null;if(!l.has(t)){const i=c.map(e=>[e,t.style.getPropertyValue(e),t.style.getPropertyPriority(e)]),n={root:e,saved:i,onUnavailable:s,popover:t.getAttribute("popover"),frame:0,native:"function"==typeof t.showPopover};if(n.wrap=t.querySelector(".sf-list-container-wrap"),n.wrapStyles=n.wrap?["min-height","overflow-y"].map(e=>[e,n.wrap.style.getPropertyValue(e),n.wrap.style.getPropertyPriority(e)]):[],n.schedule=()=>{n.frame||(n.frame=requestAnimationFrame(()=>{n.frame=0,h(e,t)}))},l.set(t,n),e.__sfDropdownPortalList=t,n.native)t.setAttribute("popover","manual");else{n.parent=t.parentNode,n.next=t.nextSibling,n.context=document.createElement("div"),n.context.style.cssText="display:contents;position:static",u(e,n);(e.closest('dialog[open], [role="dialog"][aria-modal="true"]')||document.body).append(n.context),n.context.append(t),t.style.zIndex="var(--sf-z-index-9)"}n.inheritance=new MutationObserver(n.schedule);for(let t=e;t;t=t.parentElement)n.inheritance.observe(t,{attributes:!0,attributeFilter:["class","style","dir","hidden","inert","aria-hidden","open"]});Object.assign(t.style,{position:"fixed",inset:"auto",margin:"0",overflow:n.wrap?"hidden":"auto"}),"function"==typeof ResizeObserver&&(n.resize=new ResizeObserver(n.schedule),n.resize.observe(p(e)),n.resize.observe(t)),window.visualViewport?.addEventListener("resize",n.schedule),window.visualViewport?.addEventListener("scroll",n.schedule)}return t.hidden=!1,l.get(t).native&&!t.matches(":popover-open")&&t.showPopover(),!!h(e,t)&&(i&&document.activeElement!==i&&i.focus({preventScroll:!0}),!0)}function g(e){const t=l.get(e);if(!t)return!1;const s=e.contains(document.activeElement)?document.activeElement:null;t.anchor?.stop(),t.resize?.disconnect(),cancelAnimationFrame(t.frame),t.inheritance?.disconnect(),window.visualViewport?.removeEventListener("resize",t.schedule),window.visualViewport?.removeEventListener("scroll",t.schedule),t.native?(e.matches(":popover-open")&&e.hidePopover(),null===t.popover?e.removeAttribute("popover"):e.setAttribute("popover",t.popover)):(t.next?.parentNode===t.parent?t.parent.insertBefore(e,t.next):t.parent.append(e),t.context.remove());for(const[s,i,n]of t.saved)i?e.style.setProperty(s,i,n):e.style.removeProperty(s);for(const[e,s,i]of t.wrapStyles)s?t.wrap.style.setProperty(e,s,i):t.wrap.style.removeProperty(e);return delete e.dataset.placement,delete t.root.dataset.placement,t.root.classList.remove("sf-dropdown--drop-up","sf-dropdown--drop-down"),t.root.__sfDropdownPortalList===e&&delete t.root.__sfDropdownPortalList,l.delete(e),s&&!e.hidden&&t.root.isConnected&&document.activeElement!==s&&s.focus({preventScroll:!0}),!0}i()}catch(b){i(b)}})},"98e26702f55a"(e,t,s){function i(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function n({component:e="",kind:t="attribute",attribute:s="",from:n,to:o=null}={}){if(!n)return;const r=[e,t,s,n].join("|"),a=i(),l=a.get(r);if(l)l.count+=1;else if(a.set(r,{component:e,kind:t,attribute:s,from:n,to:o,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const i=e?`${e}: `:"",r="value"===t?`${s}="${n}"`:`${t} ${n}`;globalThis.console?.warn?.(`[SIMAI Framework] ${i}${r} is a legacy name${o?`; write ${o}`:""}. See contracts/changes/journal.json.`)}}if(s.d(t,{id:()=>c,kA:()=>l}),"undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...i().values()].map(e=>({...e}))},e.clear=function(){i().clear()},e.note=n,globalThis.SF.deprecations=e}const o=Object.freeze(["1/2","1","2"]),r=Object.freeze({"1/3":"1/2",3:"2"}),a=new Set;function l(e){const t=String(e??"").trim().toLowerCase();return o.includes(t)?t:Object.hasOwn(r,t)?r[t]:"1"}function c(e,t="field",s="1"){const i=String(e??"").trim().toLowerCase();if(o.includes(i))return i;if(Object.hasOwn(r,i)){const e=r[i];n({component:t,kind:"value",attribute:"size",from:i,to:e});const s=`${t}:${i}`;return a.has(s)||"undefined"==typeof console||(a.add(s),console.warn(`[SIMAI Framework] ${t}: size ${i} is retired for form fields; rendering size ${e}.`)),e}return s}},"67eed2647f47"(e,t,s){s.d(t,{z:()=>o});const i=new WeakMap,n=new WeakSet;function o(e,t){const s=e.ownerDocument;n.has(s)||(s.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const s=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of s)if(e.isConnected&&e.form===t)for(const t of i.get(e)||[])t()},0)},!0),n.add(s));let o=i.get(e);return o||i.set(e,o=new Set),o.add(t),()=>o.delete(t)}},"421676f72963"(e,t,s){s.d(t,{Ec:()=>a});const i="sfPopoverOpen",n=new WeakSet,o=Symbol.for("sf.openSurfaceLayers");function r(){const e=globalThis;return Array.isArray(e[o])||(e[o]=[]),e[o]}function a(e,t){if(!e)return;const s=Boolean(t);if(s===n.has(e))return;const o=r();if(s)n.add(e),o.push(e);else{n.delete(e);const t=o.lastIndexOf(e);t>=0&&o.splice(t,1)}!function(e){const t=globalThis.document?.documentElement;if(!t)return;const s=Math.max(0,Number(t.dataset[i]||0)+e);s?t.dataset[i]=String(s):delete t.dataset[i]}(s?1:-1)}},"50a1017ded91"(e,t,s){s.a(e,async(e,t)=>{try{var i=s("fbe0570fcc69"),n=s("0d662e4d7d63"),o=s("98e26702f55a"),r=s("5429d6e80991"),a=s("3a03d4610486"),l=s("67eed2647f47"),c=s("a0f23dca0b37"),d=s("421676f72963"),u=e([i,n,r,c]);[i,n,r,c]=u.then?(await u)():u;var p=s.n(i);const h={en:{search:"Search"},ru:{search:"Поиск"}};function f(e){return(0,o.id)(e,"sf-dropdown")}function g(e){const t=String(e||"").toLowerCase();return["text","icon","checkbox","avatar","color"].includes(t)?t:"text"}function b(e,t="1"){return e instanceof HTMLElement?"sf-list-item"!==e.tagName.toLowerCase()?null:{type:g(e.getAttribute("kind")||e.getAttribute("type")),size:f(e.getAttribute("size")||t),text:e.getAttribute("text")||"",icon:e.getAttribute("icon")||"person",checked:e.hasAttribute("checked")||(0,i.toBoolean)(e.getAttribute("checked")),selected:e.hasAttribute("selected")||(0,i.toBoolean)(e.getAttribute("selected")),disabled:e.hasAttribute("disabled")||(0,i.toBoolean)(e.getAttribute("disabled")),colorClass:e.getAttribute("color-class")||"bg-tertiary",avatarImageUrl:e.getAttribute("avatar-image-url")||"",avatarTitle:e.getAttribute("avatar-title")||e.getAttribute("text")||"",value:e.getAttribute("value")??e.getAttribute("text")??"",ariaLabel:e.getAttribute("aria-label")||"",group:e.getAttribute("group")||""}:null}function m(e,t="1"){if(!e||"object"!=typeof e)return null;const s=void 0===e.text||null===e.text?"":String(e.text),n=void 0===e.value||null===e.value?s:String(e.value);return""===s&&""===n?null:{type:g(e.kind||e.type),size:f(e.size||t),text:s,icon:e.icon?String(e.icon):"person",checked:(0,i.toBoolean)(e.checked),selected:(0,i.toBoolean)(e.selected),disabled:(0,i.toBoolean)(e.disabled),colorClass:e.colorClass?String(e.colorClass):"bg-tertiary",avatarImageUrl:e.avatarImageUrl?String(e.avatarImageUrl):"",avatarTitle:e.avatarTitle?String(e.avatarTitle):s,value:n,ariaLabel:e.ariaLabel?String(e.ariaLabel):"",group:e.group?String(e.group):""}}function v(e,t="1"){let s=e;if("string"==typeof s){const e=s.trim();if(""===e)return[];try{s=JSON.parse(e)}catch{return[]}}return Array.isArray(s)?s.map(e=>m("string"==typeof e||"number"==typeof e?{text:String(e),value:String(e)}:e,t)).filter(Boolean):[]}function y(e=""){return String(e||"").split(",").map(e=>e.trim()).filter(Boolean)}function w(e=[]){return e.map(e=>String(e)).join(",")}function x(e={}){return"avatar"===e.type?e.avatarTitle||e.text||e.value||"":e.text||e.avatarTitle||e.value||""}class S extends(p()){constructor(){super(),this._options=[],this._optionsCaptured=!1,this._optionsFromData=!1,this._open=!1,this._searchValue="",this._selectedValues=[],this._dropdownRoot=null,this._list=null,this._documentClickHandler=this.handleDocumentClick.bind(this),this._viewportHandler=this.positionPortalList.bind(this)}static get props(){return{templateName:{attribute:"template",default:"default"},size:{default:"1"},appearance:{default:"outlined",values:["filled","outlined"],aliases:["type"]},mode:{default:"select",values:["tag","select"]},multiple:{type:Boolean,default:!1},portal:{type:Boolean,default:!0},value:{default:""},name:{default:""},label:{default:""},required:{type:Boolean,default:!1},placeholder:{default:""},searchPlaceholder:{default:""},search:{type:Boolean,default:!0},layout:{default:"list",values:["list","grid"]},columns:{default:"6"},disabled:{type:Boolean,default:!1},ariaLabel:{default:""}}}connectedCallback(){this.captureOptions(),Object.prototype.hasOwnProperty.call(this,"_resetValues")||(this._resetValues=[...this.selectedValues]),super.connectedCallback()}attributeChangedCallback(e,t,s){t!==s&&("value"===e&&(this._selectedValues=y(s)),"disabled"===e&&this.disabled&&(this._open=!1,this._searchValue="")),super.attributeChangedCallback(e,t,s)}get componentName(){return"dropdown"}get templateName(){return this.getAttribute("template")||"default"}get size(){return f(this.getAttribute("size"))}get appearance(){return this.getProp("appearance")}get type(){return this.appearance}get mode(){return this.getEnumAttr("mode",["tag","select"],"select")}get multiple(){return this.hasAttribute("multiple")?this.getBooleanAttr("multiple",!0):"tag"===this.mode}get portal(){return this.getBooleanAttr("portal",!0)}get name(){return this.getAttribute("name")||""}get selectedValue(){return this.getAttribute("value")||""}get label(){return this.getAttribute("label")||""}get required(){return this.getBooleanAttr("required",!1)}get placeholder(){return this.getAttribute("placeholder")||""}get searchPlaceholder(){return this.getAttribute("search-placeholder")||(0,n.pageText)(h,"search",this)}get layout(){return this.getEnumAttr("layout",["list","grid"],"list")}get columns(){const e=Number.parseInt(this.getAttribute("columns")??"",10);return Number.isFinite(e)&&e>0?String(e):"6"}get search(){return this.getBooleanAttr("search",!0)}get disabled(){return this.getBooleanAttr("disabled",!1)}get ariaLabel(){return this.getAttribute("aria-label")||""}get selectedValues(){return this.hasAttribute("value")?y(this.selectedValue):this._selectedValues}get selectedOptions(){const e=this.options;return[...new Set(this.selectedValues)].map(t=>e.find(e=>String(e.value)===t)).filter(Boolean)}get triggerText(){if("tag"===this.mode)return"";return(this.multiple?this.selectedOptions:this.selectedOptions.slice(0,1)).map(x).join(", ")}get hiddenValue(){return this.selectedValues.join(",")}captureOptions(){if(this._optionsFromData)return;const e=Array.from(this.children).filter(e=>e instanceof HTMLElement&&"sf-list-item"===e.tagName.toLowerCase());e.length&&(this._options=e.map(e=>b(e,this.size)).filter(Boolean),this._optionsCaptured=!0,this.selectedValue||this._selectedValues.length||(this._selectedValues=this._options.filter(e=>e.selected).map(e=>String(e.value))),e.forEach(e=>e.remove()))}set options(e){const t=v(e,this.size);this._optionsFromData=!0,this._options=t,this._optionsCaptured=!0,this.selectedValue||this._selectedValues.length||(this._selectedValues=t.filter(e=>e.selected).map(e=>String(e.value))),this.requestComponentUpdate("options")}get options(){if(!Array.isArray(this._options)||!this._options.length)return[];const e=new Set(this.selectedValues);return this._options.map(t=>({...t,size:f(t.size||this.size),selected:e.has(String(t.value))}))}get visibleOptions(){const e=String(this._searchValue||"").trim().toLowerCase();return e?this.options.filter(t=>x(t).toLowerCase().includes(e)):this.options}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,component:this,open:this._open,multiple:this.multiple,value:this.hiddenValue,triggerText:this.triggerText,searchValue:this._searchValue,searchPlaceholder:this.searchPlaceholder,selectedValues:this.selectedValues,selectedOptions:this.selectedOptions,options:this.visibleOptions})}template(){return(0,r.g)(this.templateContext())}beforeRender(){this.captureOptions()}afterRender(){const e=this._dropdownRoot,t=this._list;this._dropdownRoot=this.querySelector(".sf-dropdown"),this._list=this.querySelector(".sf-list")||(e===this._dropdownRoot?t:null),t!==this._list&&(0,c.AL)(t),this.syncDocumentListeners(),this.syncPortalListeners(),this.syncOpenSurfaceMark(),this.positionPortalList(),e!==this._dropdownRoot&&(this._interaction?.release(),this._interaction=null),this._dropdownRoot&&!this._interaction&&(this._interaction=(0,a.Q)(this._dropdownRoot,{owner:this,getList:()=>this._list,isOpen:()=>this._open,isDisabled:()=>this.disabled,isMultiple:()=>this.multiple,open:()=>this.openDropdown(),close:()=>this.closeDropdown(),select:e=>this.selectValue(e.dataset.value||""),selectedLabels:()=>this.selectedOptions.map(x)})),this._interaction?.refresh();const s=this.querySelector(".sf-dropdown-hidden-input")||this.querySelector(".sf-dropdown-field > button");this._resetControl!==s&&(this._releaseReset?.(),this._resetControl=s,this._releaseReset=s?(0,l.z)(s,()=>{this._interaction?.beforeClose(),this._selectedValues=[...this._resetValues],this.setAttributeValue("value",w(this._selectedValues)),this._open=!1,this._searchValue="";const e=this.querySelector('.sf-dropdown-field input:not([type="hidden"])');e&&(e.value=this.triggerText),this.requestComponentUpdate("reset")}):null)}onDisconnected(){(0,d.Ec)(this,!1),(0,c.AL)(this._list),this._releaseReset?.(),this._releaseReset=null,this._resetControl=null,this._interaction?.release(),this._interaction=null,this.removeDocumentListeners(),this.removePortalListeners(),super.onDisconnected()}openDropdown(){return this.disabled||this._open||(this._open=!0,this.requestComponentUpdate("open")),this}closeDropdown(){return this._open?(this._interaction?.beforeClose(),this._open=!1,this._searchValue="",this.requestComponentUpdate("close"),this):this}toggleDropdown(){return this._open?this.closeDropdown():this.openDropdown()}handleTriggerClick(e){this.disabled||(e?.preventDefault?.(),this.toggleDropdown())}handleSearchInput(e){this._searchValue=e?.target?.value||"",this.requestComponentUpdate("search")}handleOptionClick(e){if(this.disabled)return;const t=e.target?.closest?.(".sf-list-item");t&&(this.contains(t)||this._list?.contains(t))&&!t.classList.contains("disabled")&&(e.preventDefault(),this.selectValue(t.dataset.value||""))}handleOptionKeydown(e){"Enter"!==e.key&&" "!==e.key||this.handleOptionClick(e)}handleDocumentClick(e){!this._open||this.contains(e.target)||this._list?.contains(e.target)||this.closeDropdown()}selectValue(e=""){if(this.disabled)return this;const t=this.options.find(t=>String(t.value)===String(e));if(!t||t.disabled)return this;const s=!this.multiple&&1===this.selectedValues.length&&this.selectedValues[0]===String(t.value);if(this.multiple){const e=new Set(this.selectedValues);e.has(String(t.value))?e.delete(String(t.value)):e.add(String(t.value)),this._selectedValues=Array.from(e)}else this._selectedValues=[String(t.value)];const i=[...this._selectedValues];return this.setAttributeValue("value",w(i)),s||this.dispatchDropdownChange(t,i),this.multiple||(this._interaction?.beforeClose(),this._open=!1,this._searchValue=""),this.requestComponentUpdate("select"),this}removeSelectedValue(e=""){if(this.disabled)return this;const t=new Set(this.selectedValues);t.delete(String(e)),this._selectedValues=Array.from(t);const s=[...this._selectedValues];return this.setAttributeValue("value",w(s)),this.dispatchDropdownChange(null,s),this.requestComponentUpdate("remove-tag"),this}dispatchDropdownChange(e=null,t=this.selectedValues){const s={value:e?.value||"",label:e?x(e):"",values:t,item:e,root:this,multiple:this.multiple};this.dispatchEvent(new CustomEvent("sf-dropdown:change",{bubbles:!0,composed:!0,detail:s})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:s}))}syncOpenSurfaceMark(){(0,d.Ec)(this,this._open)}syncDocumentListeners(){this._open?document.addEventListener("click",this._documentClickHandler):this.removeDocumentListeners()}removeDocumentListeners(){document.removeEventListener("click",this._documentClickHandler)}syncPortalListeners(){if(this._open&&this.portal)return window.addEventListener("resize",this._viewportHandler),void document.addEventListener("scroll",this._viewportHandler,!0);this.removePortalListeners()}removePortalListeners(){window.removeEventListener("resize",this._viewportHandler),document.removeEventListener("scroll",this._viewportHandler,!0)}positionPortalList(){this._list&&this._dropdownRoot&&this.portal&&this._open?(0,c.GD)(this._dropdownRoot,this._list,()=>this.closeDropdown()):(0,c.AL)(this._list)}get value(){return this.hiddenValue}set value(e){if(e&&"object"==typeof e&&!Array.isArray(e))return void this.setValueAttributes(e);const t=Array.isArray(e)?e.map(String):y(null==e?"":String(e));this.setAttributeValue("value",w(t))}}S.define("sf-dropdown"),t()}catch(_){t(_)}})},"5429d6e80991"(e,t,s){s.a(e,async(e,i)=>{try{s.d(t,{g:()=>h});var n=s("ddf1cdb42ecc"),o=s("c22590307c6c"),r=e([n,o]);[n,o]=r.then?(await r)():r;function a(e={}){return"avatar"===e.type?e.avatarTitle||e.text||e.value||"":e.text||e.avatarTitle||e.value||""}function l(e=[],t=!1){const s=[];let i=null;for(const n of e){const e=n.group?String(n.group):"";e!==i&&(i=e,e&&s.push((0,o.aU)(e,n.size)));const r=t&&(!n.type||"text"===n.type);s.push((0,o.lN)(r?{...n,type:"checkbox"}:n))}return s}const c=Object.freeze({"1/2":{size:"1/3",spacing:""},1:{size:"1",spacing:"compact"},2:{size:"2",spacing:"compact"}});function d(e){if(e.multiple||1!==e.selectedOptions?.length)return n.nothing;const t=e.selectedOptions[0];return"icon"===t.type&&t.icon?n.html`<i class="sf-icon sf-dropdown-field-visual" aria-hidden="true">${t.icon}</i>`:"color"===t.type&&t.colorClass?n.html`<span class="sf-tag-color-icon sf-dropdown-field-visual ${t.colorClass}" aria-hidden="true"></span>`:"avatar"===t.type&&t.avatarImageUrl?n.html`<span class="sf-avatar sf-avatar--size-1/2 bg-cover sf-dropdown-field-visual" aria-hidden="true" style=${`background-image: url(${t.avatarImageUrl});`}></span>`:n.nothing}function u(e,t){const s=a(t),i=c[e.size]||c[1],o=i.size,r=i.spacing?` spacing-${i.spacing}`:"",l="color"===t.type?"color":"avatar"===t.type?"avatar":"icon";return n.html`
|
|
2
2
|
<div
|
|
3
|
-
class="sf-tag transition sf-tag--${l} sf-tag--size-${o} sf-tag--inline${
|
|
3
|
+
class="sf-tag transition sf-tag--${l} sf-tag--size-${o} sf-tag--inline${r} flex flex-row flex-nowrap items-center active"
|
|
4
4
|
data-value=${t.value}
|
|
5
5
|
>
|
|
6
6
|
${"color"===t.type?n.html`<span class="sf-tag-color-icon ${t.colorClass}" aria-hidden="true"></span>`:n.nothing}
|
|
@@ -12,20 +12,20 @@
|
|
|
12
12
|
style=${t.avatarImageUrl?`background-image: url(${t.avatarImageUrl});`:n.nothing}
|
|
13
13
|
></span>
|
|
14
14
|
`:n.nothing}
|
|
15
|
-
<span class="sf-tag-container">${
|
|
15
|
+
<span class="sf-tag-container">${s}</span>
|
|
16
16
|
<button
|
|
17
17
|
type="button"
|
|
18
18
|
class="sf-icon-button sf-icon-button--link sf-icon-button--on-surface sf-icon-button--size-1/3"
|
|
19
|
-
aria-label=${`Remove ${
|
|
19
|
+
aria-label=${`Remove ${s}`}
|
|
20
20
|
?disabled=${e.disabled}
|
|
21
|
-
@click=${
|
|
21
|
+
@click=${s=>{s.preventDefault(),s.stopPropagation(),e.component.removeSelectedValue(t.value)}}
|
|
22
22
|
>
|
|
23
23
|
<div class="sf-close sf-close--size-1/3 flex">
|
|
24
24
|
<div class="sf-close-icon"></div>
|
|
25
25
|
</div>
|
|
26
26
|
</button>
|
|
27
27
|
</div>
|
|
28
|
-
`}const p={"1/2":"var(--sf-ui-1\\/2--control-height)",1:"var(--sf-ui-1--control-height)",2:"var(--sf-ui-2--control-height)"};function h(e){const t=["sf-dropdown",e.rootClass,e.open?"open":"",e.open?"sf-dropdown--open":"",`sf-dropdown--size-${e.size}`,`sf-dropdown--${e.appearance??e.type}`,"tag"===e.mode?"sf-dropdown--tag":"","grid"===e.layout?"sf-dropdown--grid":"","tag"!==e.mode?"sf-dropdown--text":"",e.disabled?"disabled":"","flex","flex-col"].filter(Boolean),
|
|
28
|
+
`}const p={"1/2":"var(--sf-ui-1\\/2--control-height)",1:"var(--sf-ui-1--control-height)",2:"var(--sf-ui-2--control-height)"};function h(e){const t=["sf-dropdown",e.rootClass,e.open?"open":"",e.open?"sf-dropdown--open":"",`sf-dropdown--size-${e.size}`,`sf-dropdown--${e.appearance??e.type}`,"tag"===e.mode?"sf-dropdown--tag":"","grid"===e.layout?"sf-dropdown--grid":"","tag"!==e.mode?"sf-dropdown--text":"",e.disabled?"disabled":"","flex","flex-col"].filter(Boolean),s=["sf-dropdown-field",e.disabled?"":"cursor-pointer","items-cross-center","relative","transition","flex"].filter(Boolean),i="1"===e.size||"1/2"===e.size?"1/2":e.size,o=e.size,r=e.open?"keyboard_arrow_up":"keyboard_arrow_down";return n.html`
|
|
29
29
|
<div
|
|
30
30
|
class=${t.join(" ")}
|
|
31
31
|
style=${e.rootStyle||n.nothing}
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
/>
|
|
67
67
|
`:n.nothing;return"tag"===e.mode?n.html`
|
|
68
68
|
<div
|
|
69
|
-
class=${
|
|
69
|
+
class=${s.join(" ")}
|
|
70
70
|
@click=${t=>e.component.handleTriggerClick(t)}
|
|
71
71
|
>
|
|
72
72
|
${t}
|
|
@@ -75,15 +75,15 @@
|
|
|
75
75
|
</div>
|
|
76
76
|
<button
|
|
77
77
|
type="button"
|
|
78
|
-
class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${
|
|
78
|
+
class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${i}"
|
|
79
79
|
?disabled=${e.disabled}
|
|
80
80
|
>
|
|
81
|
-
<i class="sf-icon" aria-hidden="true">${
|
|
81
|
+
<i class="sf-icon" aria-hidden="true">${r}</i>
|
|
82
82
|
</button>
|
|
83
83
|
</div>
|
|
84
84
|
`:n.html`
|
|
85
85
|
<label
|
|
86
|
-
class=${
|
|
86
|
+
class=${s.join(" ")}
|
|
87
87
|
@click=${t=>e.component.handleTriggerClick(t)}
|
|
88
88
|
>
|
|
89
89
|
${t}
|
|
@@ -98,10 +98,10 @@
|
|
|
98
98
|
/>
|
|
99
99
|
<button
|
|
100
100
|
type="button"
|
|
101
|
-
class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${
|
|
101
|
+
class="sf-icon-button sf-icon-button--icon sf-icon-button--on-surface sf-icon-button--link sf-icon-button--size-${i} absolute"
|
|
102
102
|
?disabled=${e.disabled}
|
|
103
103
|
>
|
|
104
|
-
<i class="sf-icon" aria-hidden="true">${
|
|
104
|
+
<i class="sf-icon" aria-hidden="true">${r}</i>
|
|
105
105
|
</button>
|
|
106
106
|
</label>
|
|
107
107
|
`})()}
|
|
@@ -141,9 +141,9 @@
|
|
|
141
141
|
</div>
|
|
142
142
|
</div>
|
|
143
143
|
</div>
|
|
144
|
-
`}
|
|
144
|
+
`}i()}catch(f){i(f)}})},c22590307c6c(e,t,s){s.a(e,async(e,i)=>{try{s.d(t,{aU:()=>d,lN:()=>c});var n=s("ddf1cdb42ecc"),o=s("98e26702f55a"),r=e([n]),a=r.then?(await r)():r;n=a[0];function l(e){const t=!0===e.option,s=e.component?.hasSlotContent?.("text")?e.component.getSlotContent("text"):e.text,i=e.component?.hasSlotContent?.("leading")?e.component.getSlotContent("leading"):n.nothing,o=e.component?.hasSlotContent?.("trailing")?e.component.getSlotContent("trailing"):n.nothing,r=["sf-list-item","flex","items-cross-center",`sf-list-item--${e.kind??e.type}`,`sf-list-item--size-${e.size}`,t?"cursor-pointer":"",e.selected?"selected":"",e.disabled?"disabled":"",e.rootClass].filter(Boolean),a=["sf-list-item-wrap","flex","flex-1"];["icon","checkbox","avatar","color"].includes(e.type)&&a.push("flex","flex-row","flex-nowrap","items-center","gap-2"),"avatar"!==e.type&&"color"!==e.type||(a.splice(a.indexOf("gap-2"),1),a.push("justify-between","gap-2"));return n.html`
|
|
145
145
|
<div
|
|
146
|
-
class=${
|
|
146
|
+
class=${r.join(" ")}
|
|
147
147
|
style=${e.rootStyle||n.nothing}
|
|
148
148
|
role=${t?"option":n.nothing}
|
|
149
149
|
tabindex=${t?"-1":n.nothing}
|
|
@@ -153,8 +153,8 @@
|
|
|
153
153
|
aria-disabled=${t&&e.disabled?"true":n.nothing}
|
|
154
154
|
aria-selected=${t?e.selected?"true":"false":n.nothing}
|
|
155
155
|
>
|
|
156
|
-
<div class=${
|
|
157
|
-
${(()=>{if(
|
|
156
|
+
<div class=${a.join(" ")}>
|
|
157
|
+
${(()=>{if(i!==n.nothing)return i;if("icon"===e.type)return n.html`<i class="sf-icon" aria-hidden="true">${e.icon}</i>`;if("checkbox"===e.type)return n.html`
|
|
158
158
|
<label
|
|
159
159
|
class="sf-checkbox sf-checkbox--size-${e.sizeGroup.checkbox} flex"
|
|
160
160
|
aria-hidden="true"
|
|
@@ -187,9 +187,9 @@
|
|
|
187
187
|
`}if("color"===e.type){const t=["sf-tag","sf-tag--color",`sf-tag--size-${e.sizeGroup.colorTag}`,"flex","flex-row","flex-nowrap","items-center","flex-1",e.disabled?"disabled":""].filter(Boolean);return n.html`
|
|
188
188
|
<div class=${t.join(" ")}>
|
|
189
189
|
<span class="sf-tag-color-icon ${e.colorClass}" aria-hidden="true"></span>
|
|
190
|
-
<span class="sf-tag-container">${
|
|
190
|
+
<span class="sf-tag-container">${s}</span>
|
|
191
191
|
</div>
|
|
192
|
-
`}return n.nothing})()} ${"color"===e.type||"avatar"===e.type?n.nothing:n.html`<div class="sf-list-item-container">${
|
|
192
|
+
`}return n.nothing})()} ${"color"===e.type||"avatar"===e.type?n.nothing:n.html`<div class="sf-list-item-container">${s}</div>`} ${o!==n.nothing?o:"avatar"===e.type||"color"===e.type?n.html`
|
|
193
193
|
<label
|
|
194
194
|
class="sf-checkbox sf-checkbox--size-${e.sizeGroup.checkbox} flex"
|
|
195
195
|
aria-hidden="true"
|
|
@@ -211,4 +211,4 @@
|
|
|
211
211
|
<div class="sf-list-heading sf-list-heading--size-${t}" role="presentation">
|
|
212
212
|
<span class="sf-list-heading-container">${e}</span>
|
|
213
213
|
</div>
|
|
214
|
-
`}function u(e){const t=String(e||"1");return"1/3"===t||"1/2"===t?{item:t,checkbox:(0,o.kA)(t),avatarGroup:"1/2",colorTag:"1/2"}:{item:t,checkbox:(0,o.kA)(t),avatarGroup:t,colorTag:"1"}}
|
|
214
|
+
`}function u(e){const t=String(e||"1");return"1/3"===t||"1/2"===t?{item:t,checkbox:(0,o.kA)(t),avatarGroup:"1/2",colorTag:"1/2"}:{item:t,checkbox:(0,o.kA)(t),avatarGroup:t,colorTag:"1"}}i()}catch(p){i(p)}})},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}))},"5c1dc214bb5e"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("position"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("position")),{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 s(i){const n=t[i];if(void 0!==n)return n.exports;const o=t[i]={exports:{}};return e[i](o,o.exports,s),o.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",i=e?Symbol("webpack exports"):"__webpack_exports__",n=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()))};s.a=(e,s,r)=>{let a;r&&((a=[]).d=-1);const l=new Set,c=e.exports;let d,u,p;const h=new Promise((e,t)=>{p=t,u=e});h[i]=c,h[t]=e=>(a&&e(a),l.forEach(e),h.catch(e=>{})),e.exports=h;s(e=>{let s;d=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const s=[];s.d=0,e.then(e=>{r[i]=e,o(s)},e=>{r[n]=e,o(s)});const r={};return r[t]=e=>e(s),r}}const s={};return s[t]=e=>{},s[i]=e,s}))(e);const r=()=>d.map(e=>{if(e[n])throw e[n];return e[i]}),c=new Promise(e=>{s=()=>e(r),s.r=0;const i=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(s.r++,e.push(s)));d.map(e=>e[t](i))});return s.r?c:r()},e=>(e?p(h[n]=e):u(c),o(a))),a?.d<0&&(a.d=0)}})(),s.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{if(Array.isArray(t))for(var i=0;i<t.length;){var n=t[i++],o=t[i++];s.o(e,n)?0===o&&i++:0===o?Object.defineProperty(e,n,{enumerable:!0,value:t[i++]}):Object.defineProperty(e,n,{enumerable:!0,get:o})}else for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);s("50a1017ded91")})();
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
(()=>{"use strict";var e={"6723cc45152d"(e,t,n){n.a(e,async(e,t)=>{try{var
|
|
1
|
+
(()=>{"use strict";var e={"421676f72963"(e,t,n){n.d(t,{Ec:()=>a,Hw:()=>l});const s="sfPopoverOpen",o=new WeakSet,i=Symbol.for("sf.openSurfaceLayers");function r(){const e=globalThis;return Array.isArray(e[i])||(e[i]=[]),e[i]}function a(e,t){if(!e)return;const n=Boolean(t);if(n===o.has(e))return;const i=r();if(n)o.add(e),i.push(e);else{o.delete(e);const t=i.lastIndexOf(e);t>=0&&i.splice(t,1)}!function(e){const t=globalThis.document?.documentElement;if(!t)return;const n=Math.max(0,Number(t.dataset[s]||0)+e);n?t.dataset[s]=String(n):delete t.dataset[s]}(n?1:-1)}function l(e){const t=r();for(let n=t.length-1;n>=0;n-=1){const s=t[n];if(!1!==s?.isConnected)return s===e}return!0}},"6723cc45152d"(e,t,n){n.a(e,async(e,t)=>{try{var s=n("fbe0570fcc69"),o=n("5c1dc214bb5e"),i=n("0d662e4d7d63"),r=n("421676f72963"),a=n("eaf281324a90"),l=e([s,o,i,a]);[s,o,i,a]=l.then?(await l)():l;var c=n.n(s),u=n.n(o);const h=()=>globalThis.SF?.Position||u(),p=["1/3","1/2","1"],d={auto:"block-end",bottom:"block-end",top:"block-start",start:"inline-start",end:"inline-end"},m={en:{label:"More information"},ru:{label:"Подробнее"}};let b=0;class f extends(c()){constructor(){super(),this._id="sf-help-mark-"+ ++b,this.isOpen=!1,this.announcement="",this._onOutside=e=>{this.isOpen&&!e.composedPath().includes(this)&&this.close({restoreFocus:!1})},this._onKey=e=>{this.isOpen&&"Escape"===e.key&&!e.defaultPrevented&&(0,r.Hw)(this)&&(e.preventDefault(),e.stopPropagation(),this.close())},this.addEventListener("focusout",e=>{this.isOpen&&this.interactive()&&(e.relatedTarget&&this.contains(e.relatedTarget)||this.close({restoreFocus:!1}))})}static get props(){return{templateName:{attribute:"template",default:"default"},text:{default:""},title:{default:""},label:{default:""},size:{default:"1/2"},placement:{default:"auto"},rootClass:{default:""}}}get text(){return this.getAttribute("text")||""}get title(){return this.getAttribute("title")||""}get label(){return this.getAttribute("label")||""}get size(){const e=this.getAttribute("size");return p.includes(e)?e:"1/2"}get placement(){const e=this.getAttribute("placement");return d[e]?e:"auto"}panel(){return this.querySelector(":scope .sf-help-mark-panel")}button(){return this.querySelector(":scope .sf-help-mark-button button")??this.querySelector(":scope .sf-help-mark-button")}interactive(){return Boolean(this.panel()?.querySelector('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])'))}toggle(){return this.isOpen?this.close():this.open()}async open(){if(this.isOpen)return;if(this.isOpen=!0,this.requestComponentUpdate("open"),await(this.whenRendered?.()),!this.isOpen)return;const e=this.panel(),t=this.button();e&&t&&("function"==typeof e.showPopover&&(e.setAttribute("popover","manual"),e.matches(":popover-open")||e.showPopover()),this._position=h().anchor(t,e,{side:d[this.placement],align:"center",flip:!0,shift:!0}),(0,r.Ec)(this,!0),document.addEventListener("pointerdown",this._onOutside,!0),document.addEventListener("keydown",this._onKey,!0),this.announcement="",this.requestComponentUpdate("announce-clear"),setTimeout(()=>{this.isOpen&&(this.announcement=[this.title,this.text||e.querySelector(".sf-help-mark-body")?.textContent?.trim()].filter(Boolean).join(". "),this.requestComponentUpdate("announce"))},50),this.dispatchEvent(new CustomEvent("sf-help-mark-open",{bubbles:!0,composed:!0})))}close({restoreFocus:e=!0}={}){if(!this.isOpen)return;this.isOpen=!1,this.announcement="",this._position?.stop(),this._position=null,(0,r.Ec)(this,!1),document.removeEventListener("pointerdown",this._onOutside,!0),document.removeEventListener("keydown",this._onKey,!0);const t=this.panel();t?.matches?.(":popover-open")&&t.hidePopover(),this.requestComponentUpdate("close"),e&&this.button()?.focus({preventScroll:!0}),this.dispatchEvent(new CustomEvent("sf-help-mark-close",{bubbles:!0,composed:!0}))}disconnectedCallback(){this.close({restoreFocus:!1}),super.disconnectedCallback?.()}templateContext(){return this.createTemplateContext({...this.getPropsContext(),component:this,id:this._id,size:this.size,name:this.label||(0,i.pageText)(m,"label",this,"sf-help-mark"),open:this.isOpen,announcement:this.announcement,body:this.hasSlotContent?.("content")?this.getSlotContent("content"):null,rootClass:this.getRootClass()})}template(){return(0,a.t)(this.templateContext())}}f.define("sf-help-mark"),t()}catch(e){t(e)}})},eaf281324a90(e,t,n){n.a(e,async(e,s)=>{try{n.d(t,{t:()=>a});var o=n("ddf1cdb42ecc"),i=e([o]),r=i.then?(await i)():i;o=r[0];function a(e){const t=`${e.id}-panel`;return o.html`
|
|
2
2
|
<span class=${["sf-help-mark",e.rootClass].filter(Boolean).join(" ")}>
|
|
3
3
|
<sf-icon-button class="sf-help-mark-button" size=${e.size} appearance="link" scheme="on-surface"
|
|
4
4
|
icon="help" aria-label=${e.name}
|
|
5
5
|
aria-expanded=${String(Boolean(e.open))} aria-controls=${t}
|
|
6
6
|
@click=${()=>e.component.toggle()}></sf-icon-button>
|
|
7
7
|
<div class="sf-help-mark-panel" id=${t} ?hidden=${!e.open}>
|
|
8
|
-
${e.title?
|
|
8
|
+
${e.title?o.html`<div class="sf-help-mark-title">${e.title}</div>`:o.nothing}
|
|
9
9
|
<div class="sf-help-mark-body">${e.body??e.text}</div>
|
|
10
10
|
</div>
|
|
11
11
|
<span class="sf-help-mark-live" role="status" aria-live="polite" aria-atomic="true">${e.announcement}</span>
|
|
12
12
|
</span>
|
|
13
|
-
`}
|
|
13
|
+
`}s()}catch(l){s(l)}})},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}))},"5c1dc214bb5e"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("position"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("position")),{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 n(s){const o=t[s];if(void 0!==o)return o.exports;const i=t[s]={exports:{}};return e[s](i,i.exports,n),i.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",s=e?Symbol("webpack exports"):"__webpack_exports__",o=e?Symbol("webpack error"):"__webpack_error__",i=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};n.a=(e,n,r)=>{let a;r&&((a=[]).d=-1);const l=new Set,c=e.exports;let u,h,p;const d=new Promise((e,t)=>{p=t,h=e});d[s]=c,d[t]=e=>(a&&e(a),l.forEach(e),d.catch(e=>{})),e.exports=d;n(e=>{let n;u=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const n=[];n.d=0,e.then(e=>{r[s]=e,i(n)},e=>{r[o]=e,i(n)});const r={};return r[t]=e=>e(n),r}}const n={};return n[t]=e=>{},n[s]=e,n}))(e);const r=()=>u.map(e=>{if(e[o])throw e[o];return e[s]}),c=new Promise(e=>{n=()=>e(r),n.r=0;const s=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(n.r++,e.push(n)));u.map(e=>e[t](s))});return n.r?c:r()},e=>(e?p(d[o]=e):h(c),i(a))),a?.d<0&&(a.d=0)}})(),n.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{if(Array.isArray(t))for(var s=0;s<t.length;){var o=t[s++],i=t[s++];n.o(e,o)?0===i&&s++:0===i?Object.defineProperty(e,o,{enumerable:!0,value:t[s++]}):Object.defineProperty(e,o,{enumerable:!0,get:i})}else for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);n("6723cc45152d")})();
|
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
"source_artifacts": [
|
|
225
225
|
{
|
|
226
226
|
"path": "src/smart/help-mark/index.js",
|
|
227
|
-
"sha256": "
|
|
227
|
+
"sha256": "3ad3d817dc173556dd2493b01df2f4169140b8de00e1d101a25aadd1d6cad2ee"
|
|
228
228
|
},
|
|
229
229
|
{
|
|
230
230
|
"path": "src/smart/help-mark/js/templates/default.js",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var e={"421676f72963"(e,t,o){o.d(t,{Ec:()=>
|
|
1
|
+
(()=>{"use strict";var e={"421676f72963"(e,t,o){o.d(t,{Ec:()=>a,Hw:()=>l});const n="sfPopoverOpen",s=new WeakSet,r=Symbol.for("sf.openSurfaceLayers");function i(){const e=globalThis;return Array.isArray(e[r])||(e[r]=[]),e[r]}function a(e,t){if(!e)return;const o=Boolean(t);if(o===s.has(e))return;const r=i();if(o)s.add(e),r.push(e);else{s.delete(e);const t=r.lastIndexOf(e);t>=0&&r.splice(t,1)}!function(e){const t=globalThis.document?.documentElement;if(!t)return;const o=Math.max(0,Number(t.dataset[n]||0)+e);o?t.dataset[n]=String(o):delete t.dataset[n]}(o?1:-1)}function l(e){const t=i();for(let o=t.length-1;o>=0;o-=1){const n=t[o];if(!1!==n?.isConnected)return n===e}return!0}},e470697f4c03(e,t,o){o.a(e,async(e,t)=>{try{var n=o("fbe0570fcc69"),s=o("421676f72963"),r=o("18fc6da7e766"),i=e([n,r]);[n,r]=i.then?(await i)():i;var a=o.n(n);const l=["bottom-start","bottom-end","top-start","top-end","inline-start","inline-end"];class u extends(a()){static get props(){return{templateName:{attribute:"template",default:"default"},open:{type:Boolean,default:!1},placement:{default:"bottom-end",values:l},label:{default:""},surfaceRole:{attribute:"surface-role",default:"dialog",values:["dialog","menu","listbox","group"]},width:{default:""},dismissible:{type:Boolean,default:!0}}}constructor(){super(),this._onDocumentPointerDown=null,this._onDocumentKeyDown=null}static get observedAttributes(){return[...super.observedAttributes??[],"open"]}get open(){return this.getBooleanAttr("open",!1)}get placement(){return this.getEnumAttr("placement",l,"bottom-end")}get label(){return this.getAttribute("label")||""}get surfaceRole(){const e=["dialog","menu","listbox","group"];return this.hasAttribute("surface-role")?this.getEnumAttr("surface-role",e,"dialog"):e.includes(this._legacyRole)?this._legacyRole:"dialog"}get role(){return this.surfaceRole}_adoptLegacyRole(){this.hasAttribute("role")&&(this._legacyRole=String(this.getAttribute("role")||"").trim().toLowerCase(),this.removeAttribute("role"),globalThis.SF?.deprecations?.note?.({component:"sf-popover",kind:"attribute",attribute:"role",from:"role",to:"surface-role"}))}get width(){return this.getAttribute("width")||""}get dismissible(){return this.getBooleanAttr("dismissible",!0)}applyHostDisplayStyle(){const e="display: inline-flex; align-items: center; position: relative;";return this.getAttribute("style")===e||(this._syncingHostStyle=!0,this.setAttribute("style",e),this._syncingHostStyle=!1),this}captureSlotTemplates(){this._slotTemplatesCaptured=!0}onConnected(){this._adoptLegacyRole(),super.onConnected?.(),this._bindDismissal(),this.addEventListener("click",this._onTriggerClick)}_onTriggerClick=e=>{(e.composedPath?.()??[]).some(e=>"trigger"===e?.getAttribute?.("slot"))&&(e.preventDefault(),this.toggle())};onDisconnected(){this.removeEventListener("click",this._onTriggerClick),this._releaseDismissal(),super.onDisconnected?.()}attributeChangedCallback(e,t,o){super.attributeChangedCallback?.(e,t,o),t!==o&&"open"===e&&(this._bindDismissal(),this.emitComponentEvent(this.open?"popover-open":"popover-close",{open:this.open}),this.open||this.returnFocus())}toggle(e){const t="boolean"==typeof e?e:!this.open;return t===this.open?this.open:(t&&(this._opener=this.querySelector('[slot="trigger"]')??null),this.toggleAttribute("open",t),this.requestComponentUpdate("open"),t)}show(){return this.toggle(!0)}close(){return this.toggle(!1)}returnFocus(){const e=this._opener?.isConnected?this._opener:this.querySelector('[slot="trigger"]'),t=e?.matches?.("button, a[href], [tabindex]")?e:e?.querySelector?.("button, a[href], [tabindex]");t?.focus?.()}_bindDismissal(){this.open&&this.dismissible?this._onDocumentPointerDown||((0,s.Ec)(this,!0),this._onDocumentPointerDown=e=>{(e.composedPath?.()??[]).includes(this)||this.close()},this._onDocumentKeyDown=e=>{"Escape"===e.key&&!e.defaultPrevented&&(0,s.Hw)(this)&&(e.preventDefault(),e.stopPropagation(),this.close())},document.addEventListener("pointerdown",this._onDocumentPointerDown,!0),document.addEventListener("keydown",this._onDocumentKeyDown,!0)):this._releaseDismissal()}_releaseDismissal(){(0,s.Ec)(this,!1),this._onDocumentPointerDown&&document.removeEventListener("pointerdown",this._onDocumentPointerDown,!0),this._onDocumentKeyDown&&document.removeEventListener("keydown",this._onDocumentKeyDown,!0),this._onDocumentPointerDown=null,this._onDocumentKeyDown=null}resolveUpdateMode(){return"dom"}updateDom(){this.dataset.placement=this.placement,this.dataset.open=this.open?"true":"false",this._adoptLegacyRole();const e=this.querySelector('[slot="trigger"]'),t=e?.matches?.("button, a[href], [tabindex]")?e:e?.querySelector?.("button, a[href], [tabindex], sf-button, sf-icon-button");t&&(t.setAttribute("aria-expanded",this.open?"true":"false"),t.setAttribute("aria-haspopup","group"===this.surfaceRole?"true":this.surfaceRole));const o=this.querySelector('[slot="content"]');return!o||(o.setAttribute("role",this.surfaceRole),this.label?o.setAttribute("aria-label",this.label):o.removeAttribute("aria-label"),o.style.setProperty("--sf-popover--width",this.width||""),!0)}templateContext(){return this.createTemplateContext({...this.getPropsContext(),component:this})}template(){return(0,r.o)(this.templateContext())}}u.define("sf-popover");t()}catch(e){t(e)}})},"18fc6da7e766"(e,t,o){o.a(e,async(e,n)=>{try{o.d(t,{o:()=>a});var s=o("ddf1cdb42ecc"),r=e([s]),i=r.then?(await r)():r;s=i[0];function a(){return s.nothing}n()}catch(l){n(l)}})},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}))},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 o(n){const s=t[n];if(void 0!==s)return s.exports;const r=t[n]={exports:{}};return e[n](r,r.exports,o),r.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",n=e?Symbol("webpack exports"):"__webpack_exports__",s=e?Symbol("webpack error"):"__webpack_error__",r=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};o.a=(e,o,i)=>{let a;i&&((a=[]).d=-1);const l=new Set,u=e.exports;let c,h,d;const p=new Promise((e,t)=>{d=t,h=e});p[n]=u,p[t]=e=>(a&&e(a),l.forEach(e),p.catch(e=>{})),e.exports=p;o(e=>{let o;c=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const o=[];o.d=0,e.then(e=>{i[n]=e,r(o)},e=>{i[s]=e,r(o)});const i={};return i[t]=e=>e(o),i}}const o={};return o[t]=e=>{},o[n]=e,o}))(e);const i=()=>c.map(e=>{if(e[s])throw e[s];return e[n]}),u=new Promise(e=>{o=()=>e(i),o.r=0;const n=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(o.r++,e.push(o)));c.map(e=>e[t](n))});return o.r?u:i()},e=>(e?d(p[s]=e):h(u),r(a))),a?.d<0&&(a.d=0)}})(),o.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var s=t[n++],r=t[n++];o.o(e,s)?0===r&&n++:0===r?Object.defineProperty(e,s,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,s,{enumerable:!0,get:r})}else for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);o("e470697f4c03")})();
|
|
@@ -306,7 +306,7 @@
|
|
|
306
306
|
"source_artifacts": [
|
|
307
307
|
{
|
|
308
308
|
"path": "src/smart/popover/index.js",
|
|
309
|
-
"sha256": "
|
|
309
|
+
"sha256": "7a5a5850e9bf5ba365faaca7c50d7b79154b0b09508f39fc34cafe39cdd22947"
|
|
310
310
|
},
|
|
311
311
|
{
|
|
312
312
|
"path": "src/smart/popover/rule.js",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{"use strict";var e={ad5bbe113041(e,t,s){s.a(e,async(e,t)=>{try{var r=s("fbe0570fcc69"),i=s("5c1dc214bb5e"),n=s("0d662e4d7d63"),o=s("
|
|
1
|
+
(()=>{"use strict";var e={"421676f72963"(e,t,s){s.d(t,{Ec:()=>a});const r="sfPopoverOpen",i=new WeakSet,n=Symbol.for("sf.openSurfaceLayers");function o(){const e=globalThis;return Array.isArray(e[n])||(e[n]=[]),e[n]}function a(e,t){if(!e)return;const s=Boolean(t);if(s===i.has(e))return;const n=o();if(s)i.add(e),n.push(e);else{i.delete(e);const t=n.lastIndexOf(e);t>=0&&n.splice(t,1)}!function(e){const t=globalThis.document?.documentElement;if(!t)return;const s=Math.max(0,Number(t.dataset[r]||0)+e);s?t.dataset[r]=String(s):delete t.dataset[r]}(s?1:-1)}},ad5bbe113041(e,t,s){s.a(e,async(e,t)=>{try{var r=s("fbe0570fcc69"),i=s("5c1dc214bb5e"),n=s("0d662e4d7d63"),o=s("421676f72963"),a=s("4a548d247667"),l=e([r,i,n,a]);[r,i,n,a]=l.then?(await l)():l;var c=s.n(r),p=s.n(i);const d=()=>globalThis.SF?.Position||p(),u={en:{label:"Profile",newProfile:"New profile…",name:"Profile name",personal:"Personal",shared:"For everyone",builtin:"standard",create:"Create",cancel:"Cancel",rename:"Rename",remove:"Delete",save:"Save",reset:"Reset to standard",removeQuestion:"Delete «{name}»?",removeShared:"It goes for everyone on the site.",copyOf:"A copy of «{name}».",seenByAll:"Seen by everyone on the site.",seenByYou:"Seen only by you.",locked:"You cannot change it",personalTaken:"You already have a personal profile",sharedDenied:"You cannot make shared profiles",nameEmpty:"Give the profile a name."},ru:{label:"Профиль",newProfile:"Новый профиль…",name:"Название профиля",personal:"Личный",shared:"Для всех",builtin:"стандартный",create:"Создать",cancel:"Отмена",rename:"Переименовать",remove:"Удалить",save:"Сохранить",reset:"Сбросить к стандартному",removeQuestion:"Удалить «{name}»?",removeShared:"Он исчезнет у всех на сайте.",copyOf:"Копия профиля «{name}».",seenByAll:"Виден всем на сайте.",seenByYou:"Виден только вам.",locked:"Нет прав на изменение",personalTaken:"Личный профиль уже есть",sharedDenied:"Нет прав на общие профили",nameEmpty:"Дайте профилю название."}};class f extends(c()){constructor(){super(),this._profiles=[],this._rights={},this.state={open:!1,mode:null,target:null,draft:{name:"",shared:!1}},this._onOutside=e=>{if(!this.state.open)return;const t=e.composedPath();t.includes(this)||t.includes(this.panel())||this.close({restoreFocus:!1})}}static get props(){return{templateName:{attribute:"template",default:"default"},label:{default:""},size:{default:"1/2"},current:{default:""},resettable:{type:Boolean,default:!1},message:{default:""},disabled:{type:Boolean,default:!1},rootClass:{default:""}}}get profiles(){return this._profiles}set profiles(e){this._profiles=Array.isArray(e)?e.filter(e=>e&&void 0!==e.id):[],this.state.mode&&"delete-confirm"!==this.state.mode&&(this.state={...this.state,mode:null,target:null}),"delete-confirm"!==this.state.mode||this._profiles.some(e=>String(e.id)===this.state.target)||(this.state={...this.state,mode:null,target:null}),this.requestComponentUpdate("profiles")}get rights(){return this._rights}set rights(e){this._rights=e&&"object"==typeof e?e:{},this.requestComponentUpdate("rights")}get label(){return this.getAttribute("label")||""}get size(){return"1"===this.getAttribute("size")?"1":"1/2"}get current(){return this.getAttribute("current")??String(this._profiles[0]?.id??"")}get resettable(){return this.getBooleanAttr("resettable",!1)}get message(){return this.getAttribute("message")||""}get disabled(){return this.getBooleanAttr("disabled",!1)}text(e){return(0,n.pageText)(u,e,this,"sf-profile-picker")}currentProfile(){return this._profiles.find(e=>String(e.id)===String(this.current))??this._profiles[0]??null}mayChange(e){return Boolean(e)&&!1!==e.editable&&!e.builtin}canCreate(){const e=this._rights.create??{};return Boolean(e.personal||e.shared)}panel(){return this.querySelector(":scope .sf-profile-picker-panel")}trigger(){return this.querySelector(":scope .sf-profile-picker-trigger")}async open(){if(this.disabled||this.state.open)return;this.state={...this.state,open:!0,mode:null,target:null},this.requestComponentUpdate("open"),await(this.whenRendered?.());const e=this.panel(),t=this.trigger();e&&t&&("function"==typeof e.showPopover&&(e.setAttribute("popover","manual"),e.matches(":popover-open")||e.showPopover()),e.style.minInlineSize=`${Math.round(t.getBoundingClientRect().width)}px`,this._position=d().anchor(t,e,{side:"block-end",align:"start",flip:!0,shift:!0,fitHeight:!0}),document.addEventListener("pointerdown",this._onOutside,!0),(0,o.Ec)(this,!0),(e.querySelector('.sf-profile-picker-row[aria-checked="true"]')??e.querySelector(".sf-profile-picker-row"))?.focus({preventScroll:!0}))}close({restoreFocus:e=!0}={}){if(!this.state.open)return;this.state={...this.state,open:!1,mode:null,target:null},this._position?.stop(),this._position=null,document.removeEventListener("pointerdown",this._onOutside,!0),(0,o.Ec)(this,!1);const t=this.panel();t?.matches?.(":popover-open")&&t.hidePopover(),this.requestComponentUpdate("close"),e&&this.trigger()?.focus({preventScroll:!0})}toggle(){return this.state.open?this.close():this.open()}disconnectedCallback(){this.close({restoreFocus:!1}),super.disconnectedCallback()}announce(e,t,{cancelable:s=!1}={}){return this.dispatchEvent(new CustomEvent(`sf-profile-${e}`,{bubbles:!0,composed:!0,cancelable:s,detail:t}))}setMode(e,t=null){const s=this.currentProfile(),r=this._rights.create??{},i="create"===e?{name:"",shared:!r.personal}:this.state.draft;return this.state={...this.state,mode:e,target:null===t?null:String(t),draft:i},this.setAttribute("message",""),this.requestComponentUpdate("mode"),this.whenRendered?.().then(()=>{const e=this.panel()?.querySelector(".sf-profile-picker-field");e?.focus(),e?.select?.()}),s}choose(e){String(e)!==String(this.current)&&this.announce("select",{id:String(e)}),this.close()}submitCreate(e,t){const s=String(e??"").trim();if(!s)return void this.setAttribute("message",this.text("nameEmpty"));const r=this._rights.create??{},i=!!(t&&r.shared||!r.personal)||Boolean(t);this.announce("create",{label:s,shared:i,from:String(this.currentProfile()?.id??"")})}submitRename(e,t){const s=String(t??"").trim();s?this.announce("rename",{id:String(e),label:s}):this.setAttribute("message",this.text("nameEmpty"))}submitDelete(e){this.announce("delete",{id:String(e)})}reset(){this.announce("reset",{id:String(this.currentProfile()?.id??"")}),this.close()}handleKeyDown(e){if("Escape"===e.key)return e.preventDefault(),e.stopPropagation(),void(this.state.mode?this.setMode(null):this.close());const t=[...this.panel()?.querySelectorAll(".sf-profile-picker-row[tabindex]")??[]],s=t.indexOf(e.target);if(s<0)return;const r=t[s];if("ArrowDown"===e.key||"ArrowUp"===e.key)e.preventDefault(),t[(s+("ArrowDown"===e.key?1:t.length-1))%t.length]?.focus();else if("Home"===e.key||"End"===e.key)e.preventDefault(),t["Home"===e.key?0:t.length-1]?.focus();else if("Enter"===e.key||" "===e.key)e.preventDefault(),r.click();else if("F2"===e.key&&r.dataset.id){const t=this._profiles.find(e=>String(e.id)===r.dataset.id);this.mayChange(t)&&(e.preventDefault(),this.setMode("rename",r.dataset.id))}else if("Delete"===e.key&&r.dataset.id){const t=this._profiles.find(e=>String(e.id)===r.dataset.id);this.mayChange(t)&&(e.preventDefault(),this.setMode("delete-confirm",r.dataset.id))}}templateContext(){return this.createTemplateContext({...this.getPropsContext(),component:this,heading:this.label||this.text("label"),size:this.size,profiles:this._profiles,current:this.current,currentProfile:this.currentProfile(),rights:this._rights,state:this.state,message:this.message,resettable:this.resettable,text:e=>this.text(e),rootClass:this.getRootClass()})}template(){return(0,a.A)(this.templateContext())}}f.define("sf-profile-picker"),globalThis.SF=globalThis.SF||{},t()}catch(e){t(e)}})},"4a548d247667"(e,t,s){s.a(e,async(e,r)=>{try{s.d(t,{A:()=>u});var i=s("ddf1cdb42ecc"),n=e([i]),o=n.then?(await n)():n;i=o[0];const a=(e,t="")=>i.html`<i class="sf-icon ${t}" aria-hidden="true">${e}</i>`,l=e=>e?.shared?"group":"person",c=(e,t)=>Object.entries(t).reduce((e,[t,s])=>e.replace(`{${t}}`,s),e);function p(e,t){const{component:s,state:r,text:n}=e,o=String(t.id),p=String(e.currentProfile?.id??"")===o,d=s.mayChange(t);if("rename"===r.mode&&r.target===o){let e=t.label??"";return i.html`<div class="sf-profile-picker-edit" data-id=${o}>
|
|
2
2
|
<input class="sf-profile-picker-field" .value=${e} aria-label=${n("name")}
|
|
3
3
|
@input=${t=>{e=t.target.value}}
|
|
4
4
|
@keydown=${e=>{"Enter"===e.key&&(e.preventDefault(),s.submitRename(o,e.target.value))}}>
|
|
@@ -68,4 +68,4 @@
|
|
|
68
68
|
`:i.nothing}
|
|
69
69
|
</div>
|
|
70
70
|
</div>
|
|
71
|
-
`}r()}catch(
|
|
71
|
+
`}r()}catch(f){r(f)}})},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}))},"5c1dc214bb5e"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("position"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("position")),{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 s(r){const i=t[r];if(void 0!==i)return i.exports;const n=t[r]={exports:{}};return e[r](n,n.exports,s),n.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",r=e?Symbol("webpack exports"):"__webpack_exports__",i=e?Symbol("webpack error"):"__webpack_error__",n=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};s.a=(e,s,o)=>{let a;o&&((a=[]).d=-1);const l=new Set,c=e.exports;let p,d,u;const f=new Promise((e,t)=>{u=t,d=e});f[r]=c,f[t]=e=>(a&&e(a),l.forEach(e),f.catch(e=>{})),e.exports=f;s(e=>{let s;p=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const s=[];s.d=0,e.then(e=>{o[r]=e,n(s)},e=>{o[i]=e,n(s)});const o={};return o[t]=e=>e(s),o}}const s={};return s[t]=e=>{},s[r]=e,s}))(e);const o=()=>p.map(e=>{if(e[i])throw e[i];return e[r]}),c=new Promise(e=>{s=()=>e(o),s.r=0;const r=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(s.r++,e.push(s)));p.map(e=>e[t](r))});return s.r?c:o()},e=>(e?u(f[i]=e):d(c),n(a))),a?.d<0&&(a.d=0)}})(),s.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{if(Array.isArray(t))for(var r=0;r<t.length;){var i=t[r++],n=t[r++];s.o(e,i)?0===n&&r++:0===n?Object.defineProperty(e,i,{enumerable:!0,value:t[r++]}):Object.defineProperty(e,i,{enumerable:!0,get:n})}else for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);s("ad5bbe113041")})();
|
|
@@ -290,7 +290,7 @@
|
|
|
290
290
|
"source_artifacts": [
|
|
291
291
|
{
|
|
292
292
|
"path": "src/smart/profile-picker/index.js",
|
|
293
|
-
"sha256": "
|
|
293
|
+
"sha256": "c44f2691733624432650222ca13492749eeddf79d22a846164f6f8729eb75475"
|
|
294
294
|
},
|
|
295
295
|
{
|
|
296
296
|
"path": "src/smart/profile-picker/js/templates/default.js",
|