https://bundlescanner.com/_content/DevExpress.Blazor/modules/dx-form-layout-56dfa361.js

1import{_ as t}from"./tslib.es6-d65164b3.js";import{D as e}from"./dx-tag-names-3559f3f6.js";import{d as i}from"./dom-4684d8d6.js";import{s as o}from"./enumConverter-6047c3ff.js";import{S as s}from"./single-slot-element-base-433be279.js";import{C as n}from"./css-classes-1103f305.js";import{g as r,r as a,b as l}from"./dom-utils-bf33c859.js";import{n as c}from"./property-4ec0b52d.js";import{T as d}from"./text-editor-e6fb7cdd.js";import{e as p}from"./custom-element-267f9a21.js";import"./_commonjsHelpers-41cdd1e7.js";import"./string-2448bf95.js";import"./browser-3fc721b7.js";import"./data-qa-utils-8be7c726.js";import"./const-90026e45.js";import"./dx-ui-element-f563b741.js";import"./lit-element-base-8610706d.js";import"./dx-license-0dc50603.js";import"./lit-element-462e7ad3.js";import"./logicaltreehelper-67db40f1.js";import"./layouthelper-67dd777a.js";import"./point-e4ec110e.js";import"./constants-7c047c0d.js";import"./custom-events-helper-e7f279d3.js";import"./constants-da6cacac.js";import"./eventhelper-8bcec49f.js";import"./devices-17b9ba08.js";import"./focus-utils-1fc0087c.js";import"./key-a66127fc.js";import"./disposable-d2c2d283.js";class u{}var m;u.Root=n.Prefix+"-fl",u.Loading=u.Root+"-loading",u.RowBreak=u.Root+"-row-break",u.Group=u.Root+"-group",u.GroupBody=u.Group+"-body",u.GroupDecoration=u.Root+"-gd",u.GroupTab=u.Root+"-gt",u.GroupHeaderTemplate=u.Root+"-group-header-tmpl",u.Item=u.Root+"-item",u.TabItem=u.Root+"-tab-item",u.Caption=u.Root+"-cpt",u.EmptyCaption=u.Root+"-empty-caption",u.BeginRow=u.Root+"-begin-row",u.TabContent=u.Root+"-tab-content",u.ItemContentWithCaption=u.Root+"-ctrl",u.ItemContentWithoutCaption=u.Root+"-ctrl-nc",u.ItemHorizontal=u.Root+"-item-horizontal",u.HeaderContentTemplate=u.Root+"-header-content-tmpl",u.CaptionTemplate=u.Root+"-caption-tmpl",u.ItemCaptionWidthCalculation=u.Root+"-calc",u.Row=n.Prefix+"-row",function(t){t.v4="v4",t.v5="v5"}(m||(m={}));const h={};function C(t){!function(t,e,o){const s=h[t]||(h[t]=i.DomUtils.getCurrentStyle(document.body).getPropertyValue(t)||e);if(s){const t=r();t&&t.insertRule("@media (min-width: "+s+") {\n"+o+"\n}\n",t.cssRules.length)}}("--breakpoint-lg","992px",t)}var v,y;!function(t){t[t.None=0]="None",t[t.InGroups=1]="InGroups",t[t.All=2]="All"}(v||(v={})),function(t){t[t.Small=0]="Small",t[t.Medium=1]="Medium",t[t.Large=2]="Large"}(y||(y={}));const b=` > .${u.Caption}`,f=t=>`${e.FormLayoutItem}[fl-id=${t}].${u.Item}.${u.ItemHorizontal}`,g=/\./g;class R extends s{constructor(){super(...arguments),this.captionAlignment=v.InGroups}get itemSelector(){return` > .${u.Row} > ${f(this.mainElementId)}`}get mainElementId(){return this.id}getMainElement(){return document.getElementById(this.mainElementId)}calculateAdaptivityCssRules(){}startCalculationItems(t){const e=this.querySelectorAll(`:scope${` .${t}`}[fl-id=${this.mainElementId}]`);for(let t=0;t<e.length;t++)e[t].calculateAdaptivityCssRules()}updateGroups(){this.startCalculationItems(u.Group)}updateTabs(){this.startCalculationItems(u.TabContent)}createAdaptivityCssRules(){var t;let e=0;i.DomUtils.addClassName(this,u.ItemCaptionWidthCalculation);const o=` .${u.Group}[fl-id=${this.mainElementId}] .${u.GroupBody}[expanded-state=False]`,s=null===(t=this.getMainElement())||void 0===t?void 0:t.querySelectorAll(`:scope${o}`),n=t=>{for(let e=0;e<(null==s?void 0:s.length);e++)s[e].style.display=t?"":"none",s[e].style.visibility=t?"hidden":""};n(!0);const r=this.findCaptions();r&&r.length>0&&(e=this.getMaxCaptionWidth(r),this.createAdaptivityCssRulesForElements(e)),n(!1),i.DomUtils.removeClassName(this,u.ItemCaptionWidthCalculation)}findCaptions(){return[...this.querySelectorAll(`:scope${this.itemSelector}${b}`)]}createAdaptivityCssRulesForElements(t){this.createCssRulesForElementsInternal(t,!1,!1)}getMaxCaptionWidth(t){let e=0;if(t.length>0){const i=t.find((t=>t.classList.contains(u.EmptyCaption)));let o="0 px";i&&(o=window.getComputedStyle(i,null).getPropertyValue("height"));for(let i=0;i<t.length;i++){const s=t[i].offsetWidth;this.isEmptyCaption(t[i])&&(t[i].style.height=o);const n=t[i].parentNode;n&&s>e&&s<n.offsetWidth&&(e=s)}}return e>0?e+1:0}isEmptyCaption(t){return t.classList.contains(u.EmptyCaption)}getFilteredElements(t){return a(t,(t=>l(t,u.Root)===this))}encodeDotsForMediaQuiery(t){return t.replace(g,"\\$&")}getAdaptivityCssRulesPrefix(){const t=this.getMainElement();if(!t)return null;let e=`.${u.Root}`,i=t;

1for(;i;)e=" #"+this.encodeDotsForMediaQuiery(i.id)+e,i=l(i.parentNode,u.Root);e.slice(1);let o="",s=this;for(;s&&s!==t&&t.contains(s);)s.id&&(o=" #"+this.encodeDotsForMediaQuiery(s.id)+o),s=l(s.parentNode,u.Group);return e+=o,e}createCssRulesForElementsInternal(t,e,i){if(0===t)return;this.itemCaptionWidth=t;const o=this.getAdaptivityCssRulesPrefix(),s=this.captionAlignment===v.InGroups?this.itemSelector:` ${f(this.mainElementId)}`;let n=o+s+`${b} {\n width:`+t+"px;\n}\n";n+=o+s+` > .${u.ItemContentWithCaption}:not(img):not(.${u.EmptyCaption} + .${u.ItemContentWithCaption}):not(.${u.ItemContentWithoutCaption}) {\n width: calc(100% - `+t+"px);\n}\n",C(n)}}t([c({attribute:"caption-alignment",type:v,converter:o(v)})],R.prototype,"captionAlignment",void 0);class I extends R{constructor(){super(),this._enchancedCallback=()=>{},this._calculationProcess=null,this.sizeMode=y.Medium,this._isRendered=!1,this._mutationObserver=new MutationObserver((t=>{this.itemVisibilityChangeHandler(t)})),this._enchancedCallback=()=>this.calculateAdaptivityCssRules(),this._formSizeObserver=new ResizeObserver(this.calculateAdaptivityCssRules.bind(this))}needReasignAttributes(){return!1}connectedCallback(){var t;super.connectedCallback(),(null===(t=window.Blazor)||void 0===t?void 0:t.addEventListener)&&window.Blazor.addEventListener("enhancedload",this._enchancedCallback),this._mutationObserver.observe(this,{childList:!0,subtree:!0}),this._formSizeObserver.observe(this)}disconnectedCallback(){var t;super.disconnectedCallback(),this._isRendered=!1,this._mutationObserver.disconnect(),(null===(t=window.Blazor)||void 0===t?void 0:t.removeEventListener)&&window.Blazor.removeEventListener("enhancedload",this._enchancedCallback),this._formSizeObserver.disconnect()}itemVisibilityChangeHandler(t){if(this._isRendered){t.some((t=>(t.addedNodes.length||t.removedNodes.length)&&t.target.classList.contains("dxbl-row")))&&this.calculateAdaptivityCssRules()}}willUpdate(t){(t.has("sizeMode")||t.has("captionAlignment"))&&this.calculateAdaptivityCssRules()}findCaptions(){return this.captionAlignment===v.All?this.getFilteredElements(this.querySelectorAll(`${f(this.mainElementId)}:not(.${n.Invisible})`+b)):super.findCaptions()}calculateAdaptivityCssRules(){this._calculationProcess&&clearTimeout(this._calculationProcess),this._calculationProcess=setTimeout((()=>{this.captionAlignment!==v.None&&this.createAdaptivityCssRules(),this.captionAlignment===v.InGroups&&(this.updateGroups(),this.updateTabs()),i.DomUtils.removeClassName(this,u.Loading),this._isRendered=!0}))}}t([c({attribute:"size-mode",type:y,converter:o(y)})],I.prototype,"sizeMode",void 0);class A extends R{constructor(t){super(),this._isMainTabElement=t,this.flId=""}get mainElementId(){return this.flId}calculateAdaptivityCssRules(){this.captionAlignment!==v.None&&this.createAdaptivityCssRules()}}t([c({attribute:"fl-id",type:String})],A.prototype,"flId",void 0);class E extends s{constructor(){super(),this._currentCaption=null,this.captionFor=null}get useShadowDom(){return!1}_findFormLayout(){let t=this.parentNode;for(;t&&!(t instanceof I);)t=null==t?void 0:t.parentNode;return t}contentChanged(){var t;super.contentChanged();const e=this.initAndGetCaptionForInput();if((null===(t=this._currentCaption)||void 0===t?void 0:t.innerHTML)!==(null==e?void 0:e.innerHTML)){const t=this._findFormLayout();null==t||t.calculateAdaptivityCssRules()}this._currentCaption=e}initAndGetCaptionForInput(){var t;const e=this.getCaption();if(e&&""!==this.captionFor){const i=this.captionFor||(null===(t=this.getEditorInput())||void 0===t?void 0:t.id);i&&(e.htmlFor=i)}return e}getCaption(){return this.querySelector(`:scope > .${u.Caption}`)}getEditorInput(){return this.querySelector(`.${d.TextEdit} > input, .${d.TextEdit} > textarea, .dxbl-checkbox-check-element > input`)}}t([c({attribute:"caption-for"})],E.prototype,"captionFor",void 0);class ${}$.Group=n.Prefix+"-group",$.Header=$.Group+"-header",$.Body=$.Group+"-body",$.BodyContent=$.Body+"-content";let j=class extends A{constructor(){super(!0),this.isActiveTab=!1}get itemSelector(){return` > .${u.Row} > .${u.TabItem}.${u.ItemHorizontal}`}willUpdate(t){t.has("isActiveTab")&&this.isActiveTab&&(this.captionAlignment===v.InGroups&&(this.calculateAdaptivityCssRules(),this.updateTabs(),this.updateGroups()),this.captionAlignment===v.All&&this.getMainElement().calculateAdaptivityCssRules())}createAdaptivityCssRulesForElements(t){this.createCssRulesForElementsInternal(t,!0,!1)}};t([c({attribute:"is-active-tab",type:Boolean})],j.prototype,"isActiveTab",void 0),j=t([p(e.FormLayoutTab)],j);let x=class extends A{constructor(){super(!1)}get itemSelector(){const t=` > .${u.Row} > ${f(this.flId)}`,e=` > .${$.Group} > .${$.Body} > .${$.BodyContent}${t}`;return this.isMainElementCardGroup()?e:t}isMainElementCardGroup(){return this.classList.contains(u.GroupDecoration)}createAdaptivityCssRulesForElements(t){this.createCssRulesForElementsInternal(t,!1,this.isMainElementCardGroup())}};x=t([p(e.FormLayoutGroup)],x);

1let G=class extends E{};G=t([p(e.FormLayoutItem)],G);let w=class extends I{};w=t([p(e.FormLayout)],w);export{w as DxFormLayout,x as DxFormLayoutGroup,G as DxFormLayoutItem,j as DxFormLayoutTab};